.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

body {
  background-color: #fff;
  font-family: Roboto, sans-serif;
  color: #444;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin: 10px 0px;
  font-size: 44px;
  line-height: 54px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0px;
  text-shadow: none;
}

h2 {
  margin: 0px 0px 27px;
  font-size: 38px;
  line-height: 36px;
  font-weight: 300;
  text-shadow: none;
}

h3 {
  margin: 5px 0px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  text-shadow: none;
}

h4 {
  margin: 30px 0px 10px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

h5 {
  margin: 10px 0px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

h6 {
  margin: 10px 0px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

p {
  margin-top: 0px;
  margin-bottom: 5px;
  padding-right: 0px;
  padding-left: 0px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 0px;
  text-shadow: none;
}

a {
  color: #0078ce;
  text-decoration: none;
}

a:hover {
  color: #00b2ed;
}

.logo {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  margin-top: 0px;
  margin-right: 13px;
  padding-top: 0px;
}

.logo.footer {
  display: block;
  margin: 30px auto 0px;
}

.footer {
  margin-bottom: 40px;
  padding-right: 8px;
  padding-left: 8px;
  font-family: 'Work Sans', sans-serif;
  color: #777;
  font-size: 13px;
  text-align: center;
}

.h1-headline {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: 'Work Sans', sans-serif;
  color: #00528c;
  font-size: 44px;
  text-align: center;
}

.h1-headline.white {
  color: #fff;
  line-height: 48px;
}

.submitbutton {
  display: block;
  width: 200px;
  height: 60px;
  margin: 35px auto 0px;
  padding-top: 20px;
  padding-bottom: 0px;
  border-style: none;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Work Sans', sans-serif;
  font-size: 18px;
  text-align: center;
}

.submitbutton:hover {
  background-color: #1679cf;
  color: #fdfdfd;
}

.submitbutton.complete {
  padding-top: 20px;
}

.submitbutton.complete:hover {
  color: #fff;
}

.submitbutton.complete.update-plan-button {
  margin-top: 20px;
}

.submitbutton.grey {
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  border: 1px none #bbb;
  background-color: #a8a8a8;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  color: #fff;
  line-height: 18px;
}

.submitbutton.grey:hover {
  background-color: #909090;
}

.submitbutton.grey.close-modal {
  display: block;
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
}

.submitbutton.grey.close-modal {
  display: block;
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  border-radius: 6px;
  font-family: 'Sf ui text', sans-serif;
}

.submitbutton.grey.close-modal {
  display: block;
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  font-family: 'Sf ui text', sans-serif;
}

.submitbutton.grey.close-modal {
  display: block;
  width: auto;
  height: 60px;
  min-width: 160px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  border-radius: 6px;
  font-family: 'Sf ui text', sans-serif;
}

.submitbutton.small {
  width: 220px;
  height: 46px;
  margin-top: 12px;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #646464;
  font-size: 14px;
  line-height: 16px;
}

.submitbutton.small:hover {
  background-color: #3f3f3f;
}

.submitbutton.form {
  display: block;
  margin-top: 0px;
  margin-right: 8px;
  margin-left: 0px;
  padding-top: 20px;
  color: #fff;
}

.submitbutton.form.cancel {
  background-color: #a8a8a8;
}

.submitbutton.form.cancel:hover {
  background-color: #909090;
}

.submitbutton.form.cancel.close-modal {
  width: 200px;
  margin-right: 0px;
  margin-left: 8px;
  padding-top: 20px;
  color: #fff;
}

.submitbutton.login {
  width: 300px;
  height: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 13px;
}

.submitbutton.white {
  width: 500px;
  margin-top: 5px;
  padding-top: 18px;
  background-color: hsla(0, 0%, 100%, 0.2);
  font-size: 22px;
  font-weight: 300;
}

.submitbutton.white:hover {
  background-color: hsla(0, 0%, 100%, 0.3);
}

.submitbutton.white.small {
  width: 80px;
  height: 36px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 10px;
  border: 1px solid #00b2ed;
  background-color: #fff;
  color: #00b2ed;
  font-size: 14px;
  font-weight: 400;
}

.submitbutton.white.small:hover {
  background-color: rgba(0, 178, 237, 0.2);
}

.submitbutton.white.small.edit-plan-button {
  width: auto;
  min-width: 80px;
  padding-right: 14px;
  padding-left: 14px;
}

.submitbutton.more {
  margin-top: 20px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 19px;
  padding-right: 0px;
  padding-left: 0px;
}

.submitbutton.more:hover {
  color: #fff;
}

.submitbutton.complete {
  padding-top: 20px;
  border-radius: 6px;
  font-family: 'Sf ui text', sans-serif;
}

.submitbutton.complete:hover {
  color: #fff;
}

.submitbutton.complete.update-plan-button {
  margin-top: 20px;
}

.submitbutton.form {
  display: block;
  margin-top: 0px;
  margin-right: 8px;
  margin-left: 8px;
  padding-top: 20px;
  border-radius: 6px;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
}

.submitbutton.form.cancel {
  background-color: #a8a8a8;
}

.submitbutton.form.cancel:hover {
  background-color: #909090;
}

.submitbutton.form.cancel.close-modal {
  width: 200px;
  padding-top: 20px;
  color: #fff;
}

.submitbutton.form {
  display: block;
  margin-top: 0px;
  margin-right: 8px;
  margin-left: 8px;
  padding-top: 20px;
  color: #fff;
}

.submitbutton.form.cancel {
  background-color: #a8a8a8;
}

.submitbutton.form.cancel:hover {
  background-color: #909090;
}

.submitbutton.form.cancel.close-modal {
  width: 200px;
  margin-right: 0px;
  margin-left: 8px;
  padding-top: 20px;
  color: #fff;
}

.submitbutton.form.cancel.close-modal {
  width: 200px;
  margin-right: 8px;
  margin-left: 8px;
  padding-top: 20px;
  color: #fff;
}

.paragraph {
  height: auto;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  font-family: 'Work Sans', sans-serif;
  color: #424242;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: left;
}

.paragraph.smalltext {
  display: block;
  padding-top: 0px;
  padding-bottom: 12px;
  color: #262c46;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}

.paragraph.smalltext.red {
  color: #ed4444;
}

.paragraph.smalltext.red.init-hidden {
  font-family: 'Sf ui text', sans-serif;
}

.paragraph.smalltext.plan {
  padding-bottom: 0px;
  padding-left: 0px;
  color: rgba(0, 82, 140, 0.65);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
}

.paragraph.smalltext.plan {
  padding-bottom: 0px;
  padding-left: 0px;
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 82, 140, 0.65);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
}

.paragraph.left {
  color: #312b3d;
  line-height: 26px;
}

.paragraph.left.white {
  color: #fff;
  font-weight: 400;
}

.paragraph.left.blue {
  color: #00528c;
}

.paragraph.small {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.paragraph.small.red {
  width: 115px;
  padding: 10px 0px;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #ed4444;
  font-size: 13px;
  text-align: left;
}

.paragraph.small.red:hover {
  color: #af2323;
}

.paragraph.small.center {
  padding-bottom: 0px;
  text-align: center;
}

.paragraph.white {
  color: hsla(0, 0%, 100%, 0.84);
  font-weight: 300;
}

.paragraph.center {
  text-align: center;
}

.paragraph.center.small {
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 15px;
  line-height: 20px;
}

.paragraph.small-left {
  padding: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: rgba(49, 43, 61, 0.89);
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}

.paragraph.small-left.blue {
  color: #00528c;
}

.h2-dark {
  display: block;
  margin: 0px auto;
  font-family: 'Work Sans', sans-serif;
  color: #424242;
  text-align: center;
}

.h2-dark.bold {
  font-size: 30px;
  font-weight: 400;
  text-align: left;
}

.body {
  height: 100%;
}

.twmheader {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: rgba(0, 0, 0, 0.15);
}

.twmheader.dash {
  height: 100px;
  margin-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00528c;
  color: #00528c;
}

.twmheader.left {
  height: 100px;
  margin-bottom: 0px;
  padding-left: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00528c;
  color: #00528c;
}

.twmbranding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-decoration: none;
}

.h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  font-family: 'Work Sans', sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
}

.h1.big {
  position: static;
  top: 200px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 52px;
  line-height: 58px;
  text-shadow: none;
}

.h1.big.pro {
  display: block;
  text-align: center;
}

.labelsmall {
  display: block;
  margin-top: 22px;
  margin-bottom: 22px;
  float: none;
  font-family: 'Work Sans', sans-serif;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}

.labelsmall.left {
  margin-top: 15px;
  margin-bottom: 0px;
  text-align: left;
}

.labelsmall.left.top-padding {
  margin-top: 30px;
}

.labelsmall.left.bold {
  display: block;
  margin-top: 0px;
  font-weight: 500;
}

.labelsmall.bottompadding {
  display: none;
  padding-bottom: 16px;
}

.labelsmall.bold {
  font-weight: 600;
  text-align: left;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h4 {
  margin-bottom: 0px;
  padding-top: 28px;
  padding-bottom: 10px;
  font-family: 'Work Sans', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  text-align: center;
}

.h4.account {
  display: none;
  margin-top: 4px;
  padding-top: 0px;
  padding-bottom: 16px;
  color: rgba(0, 0, 0, 0.89);
  text-align: left;
}

.h4.account.bold {
  display: block;
  margin-top: 0px;
  padding-bottom: 0px;
  line-height: 22px;
  font-weight: 500;
}

.h4.account {
  display: block;
  margin-top: 4px;
  padding-top: 0px;
  padding-bottom: 16px;
  color: rgba(0, 0, 0, 0.89);
  text-align: left;
}

.card-input {
  display: block;
  width: 580px;
  height: 38px;
  margin-top: 4px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6px;
  padding-left: 8px;
  border: 1px solid #cbcbce;
  background-color: #fff;
}

.login-button {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 999;
  display: block;
  width: 100px;
  height: 36px;
  margin-top: 20px;
  margin-right: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border: 1px none #fff;
  border-radius: 6px;
  background-color: rgba(0, 152, 255, 0.8);
  opacity: 0.8;
  text-decoration: none;
  cursor: pointer;
}

.login-button:hover {
  opacity: 1;
}

.login-button._2 {
  position: static;
  width: 86px;
  margin-top: 0px;
  margin-right: 0px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.login-button.subscribe {
  position: static;
  display: none;
  margin-top: 0px;
  margin-right: 0px;
}

.login-label {
  position: relative;
  z-index: 998;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  padding-top: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  opacity: 1;
  font-family: 'Work Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.9);
  font-size: 13px;
  line-height: 13px;
}

.login-label:hover {
  opacity: 1;
}

.facebook {
  display: block;
  width: 280px;
  margin: 10px auto 15px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.inputfield {
  display: block;
  width: 580px;
  margin-top: 4px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Work Sans', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 16px;
}

.inputfield.short {
  display: block;
  width: 380px;
}

.inputfield.short::-webkit-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.short:-ms-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.short::-ms-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.short::placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.price {
  display: inline-block;
  width: 100px;
}

.inputfield.price.edit-plan-dollars {
  margin-top: 2px;
}

.inputfield.xshort {
  display: block;
  width: 60px;
  margin-right: 0px;
  margin-left: 0px;
}

.inputfield.tip {
  display: inline-block;
  width: 100px;
  margin-right: 0px;
  margin-left: 0px;
}

.inputfield.short {
  display: block;
  width: 380px;
  font-family: 'Sf ui text', sans-serif;
}

.inputfield.short::-webkit-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.short:-ms-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.short::-ms-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.short::placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield.short.edit-plan-name {
  display: inline-block;
  overflow: visible;
  width: 100%;
  max-width: 385px;
  margin-top: 2px;
}

.inputfield.short.edit-plan-name {
  display: inline-block;
  width: 100%;
  margin-top: 2px;
}

.h3-dark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Work Sans', sans-serif;
  color: #424242;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.h3-dark.thin {
  display: block;
  padding-right: 14px;
  padding-left: 14px;
  color: #424242;
  line-height: 26px;
  font-weight: 400;
}

.h3-dark.left {
  display: block;
  margin-bottom: 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 18px;
  text-align: left;
}

.h3-dark.left {
  display: block;
  margin-bottom: 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-family: 'Sf ui text', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
}

.h3-dark.thin {
  display: block;
  padding-right: 14px;
  padding-left: 14px;
  color: #424242;
  line-height: 26px;
  font-weight: 400;
}

.h3-dark.thin {
  display: block;
  padding-right: 14px;
  padding-left: 14px;
  font-family: 'Sf ui text', sans-serif;
  color: #424242;
  line-height: 26px;
  font-weight: 400;
}

.bank-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f1f1;
}

.bank-info.account {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #eee;
}

.modalcontent {
  display: block;
  width: 560px;
  min-height: 260px;
  margin-right: auto;
  margin-left: auto;
  padding: 14px 0px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.modalcontent.wide {
  display: block;
  width: 760px;
  padding-bottom: 30px;
}

.modalcontent.wide {
  display: block;
  width: 700px;
  padding-bottom: 30px;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modalclosediv {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-3 {
  display: block;
  width: 460px;
  margin-right: auto;
  margin-left: auto;
  padding: 14px 40px 20px;
  background-color: #eee;
}

.textlink {
  display: inline;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.textlink:hover {
  color: #00b2ed;
}

.textlink._22 {
  font-size: 22px;
  line-height: 26px;
}

.textlink.lightblue {
  color: #75ddff;
  font-size: 12px;
  font-style: normal;
}

.textlink.lightblue:hover {
  text-decoration: underline;
}

.div-block-4 {
  display: block;
  width: 380px;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.close-modal {
  display: inline-block;
  cursor: pointer;
}

.account-dropdown {
  position: absolute;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00528c;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
}

.dropdown-toggle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding: 30px 20px 10px 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.trainername {
  margin-right: 10px;
  font-family: 'Work Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 14px;
}

.settings-dropdown {
  display: block;
  margin-right: 14px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.dropdown-link {
  font-family: 'Work Sans', sans-serif;
  color: #0d3d5f;
  text-align: left;
}

.dropdown-link:hover {
  background-color: #e9e9e9;
}

.dropdown-link.w--current {
  color: #0d3d5f;
}

.dropdown-list {
  display: none;
}

.dropdown-list.w--open {
  right: 16px;
  width: 150px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.fb-photo {
  width: 50px;
  height: 50px;
  margin-right: 12px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border: 2px solid #a6cae4;
  border-radius: 30px;
  background-color: #4a7ea1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.nameandarrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.75;
}

.nameandarrow:hover {
  opacity: 1;
}

.nameandarrow:focus {
  opacity: 1;
}

.submit-button-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 990;
  width: 100%;
  height: 100px;
  background-color: #00528c;
}

.footer-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modallogin {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: auto;
  margin-right: 0px;
  padding-top: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.modalforgotpassword {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 30;
  display: none;
  overflow: auto;
  padding-top: 80px;
  background-color: rgba(0, 0, 0, 0.6);
}

.modalchangepassword {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 995;
  display: none;
  padding-top: 80px;
  background-color: rgba(0, 0, 0, 0.6);
}

.modalvideo {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9998;
  display: none;
  overflow: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.select-field {
  font-family: 'Work Sans', sans-serif;
  font-size: 16px;
}

.select-field.frequency {
  margin-top: 5px;
  margin-bottom: 30px;
}

.select-field.frequency.edit-plan-interval-type {
  display: block;
}

.select-field.trial {
  margin-top: 5px;
  margin-bottom: 30px;
}

.select-field.trial.edit-trial-days {
  display: block;
}

.modalchangeemail {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  display: none;
  padding-top: 80px;
  background-color: rgba(0, 0, 0, 0.6);
}

.modalsuccess {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  display: none;
  overflow: auto;
  padding-top: 80px;
  background-color: rgba(0, 0, 0, 0.6);
}

.modalprice {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 995;
  display: none;
  margin-top: 0px;
  padding-top: 40px;
  background-color: rgba(0, 0, 0, 0.4);
}

.testimonial {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 780px;
  height: auto;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.nav-home {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 700px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.nav-container {
  position: absolute;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 80px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navlink {
  margin-right: 10px;
  font-family: 'Work Sans', sans-serif;
  color: #fff;
  font-size: 15px;
}

.navlink:hover {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.navlink.w--current {
  color: #fff;
}

.navlink.w--current:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding-bottom: 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 80px;
  padding-top: 0px;
  padding-bottom: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navheader {
  position: relative;
  z-index: 9999;
  display: block;
  width: 1000px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navheader.mobile {
  display: none;
  width: 100%;
  max-height: 9999px;
}

.navheader.blog {
  width: 1000px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.image-10 {
  display: block;
  width: 220px;
}

.hero-tagline {
  position: relative;
  top: 110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 26px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-tagline.pro {
  top: 40px;
  display: block;
  margin-top: 80px;
  padding-top: 10px;
}

.plan-block {
  display: block;
  height: auto;
  margin-top: 0px;
  margin-bottom: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: none;
  border-width: 1px;
  border-color: rgba(146, 184, 211, 0.63);
  background-color: transparent;
}

.plan-block.outline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid;
}

.plan-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 8px 10px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.plan-info.name {
  width: 420px;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 0px;
}

.plan-info.edit {
  width: 120px;
  height: 68px;
  padding-top: 10px;
  padding-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.plan-info.price {
  width: 180px;
}

.plan-info.trial {
  width: 160px;
}

.modalnewplan {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  padding-top: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.checkbox-label {
  margin-left: 5px;
  padding-top: 4px;
  padding-left: 0px;
  font-family: 'Work Sans', sans-serif;
  font-size: 18px;
  line-height: 16px;
  font-weight: 400;
}

.checkbox-label.small {
  margin-left: 6px;
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 18px;
}

.delete-textlink {
  cursor: pointer;
}

.button-small {
  width: 160px;
  height: 30px;
  margin-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #00b2ed;
  background-color: #fff;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Work Sans', sans-serif;
  color: #00b2ed;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}

.button-small:hover {
  background-color: rgba(0, 178, 237, 0.2);
}

.checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-logo {
  width: 280px;
}

.left-col-text {
  position: static;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 380px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.left-col-text.tran {
  height: 340px;
  background-color: transparent;
}

.right-col-img {
  display: block;
  height: 380px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  background-image: url('../images/woman-running.jpg');
  background-position: 40% 9%;
  background-size: 370px;
  background-repeat: no-repeat;
}

.right-col-img.tran {
  height: 340px;
  background-color: transparent;
  background-image: url('../images/brio-image2-tran.png');
  background-position: 50% -5%;
  background-size: auto 480px;
}

.main-point-white {
  height: auto;
  background-color: #fff;
}

.div-block-87 {
  width: 640px;
  padding-right: 30px;
}

.section-heading {
  display: block;
  padding-top: 50px;
  padding-bottom: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-heading.white {
  background-color: #fff;
}

.section-heading.blue {
  display: block;
  padding-bottom: 50px;
  background-color: #1073b9;
}

.container-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-92 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-12 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h3-blurb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Work Sans', sans-serif;
  color: #424242;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
}

.h3-blurb.left {
  display: block;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.h3-blurb.left.blue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #00528c;
  font-size: 22px;
}

.h3-blurb.white {
  color: #fff;
}

.small-text-block {
  padding-top: 10px;
}

.trainer-block {
  display: block;
  width: 480px;
  padding-top: 0px;
  padding-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.modal-refund {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 995;
  display: none;
  margin-top: 0px;
  padding-top: 40px;
  background-color: rgba(0, 0, 0, 0.4);
}

.tip-amount {
  display: block;
  width: 660px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding: 28px 40px 20px;
  background-color: #eee;
}

.modalrevshare {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  display: none;
  overflow: auto;
  padding-top: 40px;
  background-color: rgba(0, 0, 0, 0.6);
}

.pie-chart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-103 {
  padding-right: 30px;
  padding-left: 30px;
}

.modaledittrial {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 995;
  display: none;
  margin-top: 0px;
  padding-top: 40px;
  background-color: rgba(0, 0, 0, 0.4);
}

.div-block-104 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-105 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.workout-wrapper {
  display: block;
  width: 260px;
  height: 50px;
  margin: 4px auto;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.19);
}

.workout-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 260px;
  height: 50px;
  margin-top: 0px;
  padding-left: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.workout-img {
  width: 42px;
  height: 42px;
  background-image: url('../images/plank.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.workout-text {
  overflow: visible;
  width: 206px;
  padding-left: 8px;
}

.textlabel-roboto {
  font-family: Roboto, sans-serif;
  color: #262c46;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.durationlabel {
  display: none;
  font-family: Roboto, sans-serif;
  color: rgba(38, 44, 70, 0.61);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.2px;
}

.workout-tile-overlay {
  position: absolute;
  left: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  height: 50px;
  padding-right: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #032944;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0.4);
  opacity: 0;
  -webkit-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}

.workout-tile-overlay:hover {
  opacity: 1;
}

.tile-hover-icon-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-trash {
  opacity: 0.5;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

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

.workout-div-2 {
  position: relative;
  display: block;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.icon-duplicate {
  opacity: 0.5;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

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

.workout-div {
  position: relative;
}

.div-block-116 {
  display: none;
}

.div-block-118 {
  display: none;
}

.div-block-119 {
  display: none;
}

.div-block-142 {
  display: none;
}

.modal-tip {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 996;
  display: none;
  margin-top: 0px;
  padding-top: 40px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(0, 0, 0, 0.4);
}

.cc-exists {
  display: block;
  margin-top: 25px;
}

.enter-cc {
  display: block;
  margin-top: 25px;
  padding-top: 0px;
}

.tip-payment {
  display: block;
  width: 660px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding: 20px 40px 40px;
  background-color: #eee;
}

.next-button-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-162 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.modaleditplan {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 995;
  display: none;
  margin-top: 0px;
  padding-top: 40px;
  background-color: rgba(0, 0, 0, 0.4);
}

.modalchangedefault {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 997;
  display: none;
  padding-top: 40px;
  background-color: rgba(0, 0, 0, 0.6);
}

.gray-box-modal {
  display: block;
  width: 520px;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  padding: 24px 30px;
  background-color: #eee;
}

.div-block-185 {
  margin-top: 0px;
}

.radio-button-field-3 {
  margin-top: 0px;
}

.trainer-radio-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.trainer-radio-option:hover {
  border: 2px solid #fff;
  background-color: #ddd;
}

.trainer-pic {
  display: none;
  width: 78px;
  height: 84px;
  margin-left: 14px;
  background-image: url('../images/shauntel.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-block-191 {
  display: block;
}

.div-block-192 {
  width: 100%;
}

.text-span-18 {
  margin-right: 8px;
  margin-left: 8px;
}

.text-15 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Work Sans', sans-serif;
  color: #161616;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.text-15.center {
  text-align: center;
}

.text-15.center.semi {
  font-weight: 600;
}

.tipmodallabelsmall {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
  float: none;
  font-family: 'Work Sans', sans-serif;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}

.tipmodallabelsmall.bold {
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 600;
  text-align: left;
}

.tipmodallabelsmall.bold {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 6px;
  font-family: 'Sf ui text', sans-serif;
  font-weight: 600;
  text-align: left;
}

.checkbox-4 {
  margin-top: 4px;
  margin-left: 0px;
  font-size: 20px;
}

.checkbox-field-2 {
  padding-top: 10px;
  padding-left: 0px;
}

.text-span-20 {
  font-size: 13px;
}

.div-block-231 {
  width: 380px;
}

.sf-15 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 15px;
  line-height: 18px;
}

.sf-16 {
  display: block;
  font-family: 'Sf ui text', sans-serif;
  color: #262c46;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
}

.sf-16.semi {
  font-weight: 600;
}

.sf-13 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 13px;
}

.sf-13.blue {
  color: #0078ce;
}

.div-block-272 {
  margin-left: 10px;
}

.body-pro-page {
  background-color: #f8f8f8;
}

.pro-left-col {
  position: static;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 520px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.pro-right-col {
  display: block;
  height: 520px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  background-image: url('../images/trainer-platform-2.png');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.pro-row {
  width: 960px;
  height: auto;
  margin: 0px 0px 42px;
}

.hero-pro {
  display: block;
  height: 620px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(transparent)), url('../images/trainer-benefits2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.45), transparent), url('../images/trainer-benefits2.jpg');
  background-position: 0px 0px, 50% 27%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.section-why {
  padding-bottom: 40px;
}

.small-title-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 4px;
}

.icon-holder {
  padding-right: 10px;
}

.container-16 {
  padding-top: 40px;
  padding-right: 40px;
  padding-left: 40px;
}

.h2-subheading {
  display: block;
  margin: 0px auto;
  font-family: 'Work Sans', sans-serif;
  color: #424242;
  font-size: 34px;
  text-align: center;
}

.h2-subheading.white {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.container-why-use {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.slider-app {
  height: 85%;
  background-color: transparent;
}

.slide-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.slide-content-wrapper.web {
  padding-top: 30px;
}

.app-image {
  width: 460px;
  max-width: none;
}

.slide-text-holder {
  display: block;
  width: 400px;
  height: 660px;
  padding-top: 120px;
  padding-right: 0px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}

.slide-nav-2 {
  left: 269px;
  top: 380px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  opacity: 0.5;
}

.icon-6 {
  top: -90px;
  opacity: 0.5;
}

.icon-7 {
  top: -90px;
  opacity: 0.5;
}

.web-image {
  width: auto;
  max-width: 720px;
  min-width: 400px;
  margin-top: 40px;
}

.slide-web-text-holder {
  display: block;
  width: 400px;
  height: auto;
  padding-top: 70px;
  padding-right: 30px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}

.slide-nav3 {
  left: -880px;
  top: 200px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section-trainer-testimonials {
  padding-top: 10px;
  padding-bottom: 90px;
  background-color: #fff;
}

.text-20 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Work Sans', sans-serif;
  color: #161616;
  font-size: 20px;
  line-height: 32px;
  font-weight: 300;
  text-align: center;
}

.testimonial-text-block {
  width: 960px;
  padding-top: 28px;
  padding-bottom: 10px;
}

.trainer-name-title {
  padding-top: 30px;
}

.trainer-testimonial-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-trainer-testimonials {
  height: auto;
  background-color: #fff;
}

.right-arrow-3 {
  top: -422px;
  height: 200px;
}

.slide-nav-3 {
  position: static;
  display: block;
  opacity: 0.42;
}

.left-arrow-3 {
  top: -422px;
  height: 200px;
}

.icon-test-right {
  margin-left: 20px;
  background-color: transparent;
  color: rgba(0, 82, 140, 0.25);
}

.icon-test-left {
  margin-right: 20px;
  margin-left: 20px;
  background-color: transparent;
  color: rgba(0, 82, 140, 0.25);
}

.trainer-collage {
  width: 960px;
  max-width: none;
}

.section-slider-app {
  height: 100vh;
  min-height: 930px;
  padding-top: 0px;
  background-color: #013b64;
}

.section-slider-web {
  height: 100vh;
  min-height: 800px;
  padding-top: 0px;
  background-color: #1073b9;
}

.slider-web-new {
  height: 85%;
  margin-top: 0px;
  background-color: #1073b9;
}

.subheader-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 15%;
  min-height: 140px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tag-sub {
  display: block;
  width: auto;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  font-family: 'Work Sans', sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  text-align: center;
  text-decoration: none;
}

.section-brio {
  display: none;
  padding-top: 50px;
  padding-bottom: 0px;
  background-color: #00b2ed;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.66)), to(rgba(0, 0, 0, 0.66))), url('../images/hal-gatewood-405338-unsplash.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.66)), url('../images/hal-gatewood-405338-unsplash.jpg');
  background-position: 0px 0px, 50% 27%;
  background-size: auto, auto 1800px;
  background-repeat: repeat, no-repeat;
}

.main-point-tran {
  height: auto;
  background-color: transparent;
}

.sf-52 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.sf-52.center {
  text-align: center;
}

.sf-52.white {
  color: #fff;
}

.sf-52.tran-white {
  color: hsla(0, 0%, 100%, 0.7);
  font-weight: 300;
}

.sf-52.tran-white {
  color: hsla(0, 0%, 100%, 0.7);
  font-weight: 400;
}

.option-menu-div-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
  padding: 0px 4px 0px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  color: #fff;
}

.option-menu-div-2:hover {
  background-color: #cfcfcf;
}

.option-menu-div-2.hidden {
  width: auto;
}

.sf-19-copy-2 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
}

.sf-19-copy-2.white {
  color: hsla(0, 0%, 100%, 0.8);
  cursor: pointer;
}

.plan-name-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(56, 152, 236, 0.43);
}

.plan-tile {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  min-height: 40px;
  min-width: 48%;
  margin-right: 6px;
  margin-bottom: 12px;
  margin-left: 6px;
  padding: 20px 24px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(56, 152, 236, 0.32);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 2px 2px 7px -3px rgba(0, 82, 140, 0.35);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.plan-tile:hover {
  background-color: rgba(255, 245, 157, 0.81);
}

.plan-tile.wide {
  width: 92%;
  min-width: 92%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.photo-options {
  position: absolute;
  top: 33px;
  right: 0px;
  z-index: 999;
  display: none;
  width: 140px;
  height: auto;
  min-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.47);
}

.photo-options.hidden {
  display: none;
}

.text-menu-option-5 {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 12px;
  line-height: 16px;
}

.profile-timeline-audio-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  background-color: #fff;
}

.plans-wrapper {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  clear: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.video {
  margin-bottom: 0px;
}

.edit-cover-2 {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.edit-cover-2:hover {
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.9);
}

.edit-cover-2.hidden {
  right: 20px;
  bottom: 20px;
  border-color: hsla(0, 0%, 100%, 0.24);
  cursor: pointer;
}

.price-holder {
  padding-top: 4px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.button-select-plan {
  position: static;
  left: 800px;
  top: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 46px;
  min-width: 100px;
  margin-left: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #1abc9c;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.button-select-plan:hover {
  background-color: #0bac8c;
  color: #fff;
}

.plan-description {
  margin-bottom: 30px;
  padding-top: 14px;
}

.plan-button-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sf-title {
  margin-bottom: 0px;
  font-family: 'Sf ui text', sans-serif;
  color: #333;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
}

.sf-title.light-center {
  color: #313131;
  font-weight: 300;
  text-align: center;
}

.image-72-copy {
  margin-right: 6px;
  opacity: 0.7;
  cursor: pointer;
}

.div-block-339 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.modal-top-bar-3 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 14px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: move;
}

.textlink-2 {
  display: inline;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.textlink-2:hover {
  color: #00b2ed;
}

.textlink-2.grey {
  color: #777;
}

.textlink-2.grey:hover {
  text-decoration: underline;
}

.textlink-2.lightblue {
  color: rgba(0, 178, 237, 0.82);
  font-size: 13px;
}

.textlink-2.lightblue:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.title {
  margin-top: 6px;
}

.modal-container {
  position: fixed;
  z-index: 1000;
  width: 0px;
  height: 0px;
  max-height: 100vh;
}

.sf-26 {
  font-family: 'Sf ui text', sans-serif;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-26.semi {
  color: #262c46;
  font-weight: 600;
}

.div-block-320 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-320.hidden {
  padding-top: 20px;
  padding-left: 0px;
}

.quote-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-top: 20px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tooltip {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 996;
  display: none;
  width: auto;
  max-height: none;
  min-height: 24px;
  min-width: 40px;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.57);
  border-radius: 4px;
  background-color: #262c46;
  box-shadow: 2px 3px 7px 2px rgba(0, 0, 0, 0.2);
  opacity: 0.9;
}

.modal-content-upload {
  display: block;
  overflow: visible;
  width: 380px;
  min-height: 100px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px none #000;
  border-radius: 8px;
  background-color: #fff;
}

.img-upload-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-tooltip {
  display: inline;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.upload-button-holder-vertical {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-21 {
  font-size: 18px;
}

.div-block-373 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.name {
  width: 156px;
  font-family: 'Sf ui text', sans-serif;
  color: #161616;
  font-size: 12px;
}

.sf-65 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.sf-65.light {
  font-weight: 300;
}

.sf-65.light.center {
  text-align: center;
}

.meet-trainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px none #000;
}

.sidebar-header {
  padding-bottom: 10px;
  padding-left: 6px;
}

.post-body-text {
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.post-body-text.side {
  font-size: 15px;
  line-height: 20px;
}

.post-body-text.side {
  font-size: 14px;
  line-height: 20px;
}

.sf-68 {
  color: #313131;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
}

.sf-68.semi {
  font-weight: 600;
}

.sf-68.semi.navy {
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  text-align: center;
}

.site-header {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 4;
  display: block;
  width: 100%;
  height: auto;
  min-height: 80px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d1d1d1;
  background-color: hsla(0, 0%, 100%, 0.85);
}

.site-header.single {
  position: fixed;
  display: block;
}

.site-header.multiple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mobile-nav-icon {
  display: none;
}

.timeline-media-2 {
  width: 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  text-align: center;
}

.timeline-media-2.right {
  text-align: right;
}

.site-small-subheader {
  color: rgba(49, 43, 61, 0.8);
  font-size: 14px;
  line-height: 16px;
}

.sidebar-right {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  top: 100px;
  bottom: 0px;
  display: block;
  overflow: visible;
  width: 340px;
  height: auto;
  min-width: 340px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: transparent;
}

.nav-icon-4 {
  display: none;
}

.header-medium {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}

.image-84 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.cat-menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 60px;
  padding-right: 18px;
  padding-left: 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  cursor: pointer;
}

.cat-menu-item:hover {
  background-color: #fff;
  color: #032944;
}

.cat-menu-item.selected {
  background-image: url('../images/web-arrow_1web-arrow.png');
  background-position: 0% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  font-family: 'Sf ui text', sans-serif;
  color: #168cdf;
  font-weight: 700;
}

.plans-timeline {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.link-inline {
  color: #0078ce;
  text-decoration: none;
}

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

.trainer-pic-right {
  width: 72px;
  height: 72px;
  min-width: 72px;
  float: left;
}

.action-button-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 150px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.action-button-2:hover {
  background-color: #0d72b9;
  color: #fff;
}

.sf-15-med-3 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.sf-15-med-3.navy {
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
}

.sf-15-med-3.navy {
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  text-align: center;
}

.item-sender {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 30px 4px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-header {
  margin-top: 1px;
  margin-bottom: 1px;
  padding-bottom: 4px;
  font-family: 'Sf ui display', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}

.site-item-subheader {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.64);
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.member-login-button {
  position: relative;
  display: block;
  margin-top: 0px;
  padding: 6px 40px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 40px;
  background-color: #222;
  -webkit-transition: background-color 500ms ease, color 500ms ease;
  transition: background-color 500ms ease, color 500ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.4px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.member-login-button:hover {
  border: 1px solid #000;
  background-color: transparent;
  color: #222;
}

.button-profile {
  display: inline-block;
  margin-top: 15px;
  margin-left: 0px;
  padding: 6px 15px 4px;
  border: 1px none #63a5f5;
  border-radius: 40px;
  background-color: #0078ce;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: uppercase;
}

.button-profile:hover {
  border-style: none;
  background-color: #0d72b9;
  color: #fff;
  font-size: 11px;
}

.header-elements {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1280px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-elements.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.plan-tile-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  min-height: 40px;
  min-width: 45%;
  margin-right: 6px;
  margin-bottom: 12px;
  margin-left: 6px;
  padding: 20px 24px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(56, 152, 236, 0.32);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 2px 2px 7px -3px rgba(0, 82, 140, 0.35);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.plan-tile-2:hover {
  background-color: rgba(255, 245, 157, 0.5);
}

.plan-tile-2.wide {
  width: 92%;
  min-width: 92%;
}

.customer-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sf-69 {
  color: #313131;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.sf-69.center {
  font-family: 'Sf ui text', sans-serif;
  text-align: center;
}

.post-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px 0px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.item-button-bar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 26px;
  padding: 16px 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background-color: transparent;
}

.item-button-bar.side {
  padding: 10px 20px 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-style: none;
  background-color: #fff;
}

.image-profile {
  border-radius: 100px;
}

.sender-name {
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

.banner-module {
  position: relative;
  left: 0%;
  top: 82px;
  right: 0%;
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 440px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #4e4e4e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/website-default.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/website-default.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.site-timeline-item {
  position: static;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
  height: auto;
  max-width: none;
  min-height: 120px;
  min-width: 0px;
  margin-top: 0px;
  margin-bottom: 12px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  background-color: #fff;
}

.site-timeline-item.empty {
  height: 160px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.62);
}

.post-container-2 {
  position: relative;
  width: auto;
  max-width: none;
  padding-top: 0px;
  padding-right: 30px;
  padding-left: 30px;
}

.timeline-content-wrapper {
  width: auto;
  height: auto;
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cdd5da;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5da;
}

.post-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.timestamp {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  letter-spacing: 0.6px;
}

.site-category-wrapper {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  top: 100px;
  bottom: 0px;
  display: block;
  overflow: auto;
  width: 20%;
  height: auto;
  max-width: 280px;
  min-height: 300px;
  min-width: 200px;
  padding: 0px 0px 14px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #f5f8fa;
}

.sidebar-team-block {
  position: static;
  overflow: visible;
  margin-bottom: 6px;
  padding: 14px 10px 10px;
  border-top: 1px solid #dadada;
}

.site-content-section {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: auto;
  min-height: 100vh;
  margin-top: 82px;
  padding-top: 40px;
  padding-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #f5f8fa;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.site-item-profile {
  position: relative;
  width: 52px;
  height: 52px;
  min-height: 52px;
  min-width: 52px;
  border-radius: 50px;
  background-color: #546e7a;
}

.logo-holder {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 60px;
  max-width: 300px;
  min-height: 60px;
  min-width: 300px;
  background-image: url('../images/logo-generic.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.landing-item {
  position: static;
  bottom: auto;
  display: block;
  width: 780px;
  height: auto;
  max-width: none;
  min-width: 0px;
  margin-bottom: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  background-color: #fff;
}

.sidebar-title-font {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

.post-container {
  width: auto;
  padding-top: 0px;
  padding-right: 18px;
  padding-left: 18px;
}

.site-item-profile-2 {
  position: relative;
  width: 52px;
  height: 52px;
  min-height: 52px;
  min-width: 52px;
  margin-right: 10px;
  border-radius: 50px;
  background-color: #87c2e9;
  background-image: url('../images/colin.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.sidebar-title {
  margin-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.action-button-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 150px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.action-button-3:hover {
  background-color: #0d72b9;
  color: #fff;
}

.customer-logo-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 80px;
  min-width: 150px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-hero-2 {
  position: relative;
  left: 0%;
  top: 82px;
  right: 0%;
  bottom: auto;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 440px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #4e4e4e;
  background-image: url('../images/website-default.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.empty-page-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 160px;
  padding-bottom: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.7);
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  text-align: center;
}

.submitbutton-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-radius: 4px;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Sf ui text', sans-serif;
  font-size: 18px;
  text-align: center;
}

.submitbutton-2:hover {
  background-color: #1679cf;
  color: #fdfdfd;
}

.submitbutton-2.complete {
  padding-top: 20px;
}

.submitbutton-2.complete:hover {
  color: #fff;
}

.fb-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #4267b2;
  background-image: url('../images/fb-login.png');
  background-position: 50% 50%;
  background-size: 260px;
  background-repeat: no-repeat;
}

.div-block-432 {
  display: block;
  width: 460px;
  margin-right: auto;
  margin-left: auto;
  padding: 26px 40px 20px;
  background-color: #eee;
}

.modal-login {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: auto;
  margin-right: 0px;
  padding-top: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.sf-71 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.sf-71.center {
  text-align: center;
}

.div-block-434 {
  padding-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-label-2 {
  padding-top: 4px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 16px;
}

.modalcontent-5 {
  display: block;
  width: 560px;
  min-height: 260px;
  margin-right: auto;
  margin-left: auto;
  padding: 14px 0px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.signup-text {
  padding-top: 30px;
  padding-bottom: 10px;
}

.form-16 {
  padding-top: 20px;
}

.sf-72 {
  padding-top: 5px;
  padding-bottom: 2px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
}

.sf-72.grey-blue {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #7596ac;
}

.sf-72.white {
  color: #fff;
  cursor: default;
}

.sf-72.semi {
  color: rgba(49, 43, 61, 0.89);
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}

.account-text {
  padding-top: 30px;
  padding-bottom: 10px;
}

.modal-create-account {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
  display: none;
  overflow: auto;
  margin-right: 0px;
  padding-top: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.submit-button-holder-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-433 {
  display: block;
  width: 460px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 14px 40px 20px;
  background-color: #eee;
}

.modalcontent-6 {
  display: block;
  width: 560px;
  min-height: 260px;
  margin-right: auto;
  margin-left: auto;
  padding: 14px 0px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.modalfailedfblogin-2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 997;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}

.div-block-439 {
  display: block;
  width: 460px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 14px 20px 20px;
  background-color: #eee;
}

.sf-small-label {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 13px;
  line-height: 20px;
}

.action-button-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 140px;
  margin: 4px 3px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.action-button-4:hover {
  background-color: #0d72b9;
  color: #fff;
}

.action-button-4.side {
  height: 36px;
  padding-right: 24px;
  padding-left: 24px;
  border: 1px solid #00528c;
  background-color: #fff;
  color: #00528c;
  font-size: 12px;
  font-weight: 500;
}

.action-button-4.side:hover {
  border-color: #00b2ed;
  color: #00b2ed;
}

.text-initials-web {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
}

.div-block-459 {
  padding-left: 10px;
}

.quote-title {
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 18px;
  font-weight: 500;
}

.twm-spinner {
  margin-top: 40px;
}

.quote-name {
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
}

.by-line-2 {
  margin-top: 40px;
}

.quote-text {
  max-width: 600px;
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 32px;
  line-height: 42px;
  font-weight: 600;
  text-shadow: 2px 2px 9px rgba(255, 255, 255, 0.82);
}

.intro-5 {
  position: fixed;
  z-index: 1000;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #ebf0f3;
  font-size: 42px;
  text-align: center;
}

.img-dark-overlay {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 90px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(9%, rgba(0, 0, 0, 0.6)), color-stop(57%, rgba(0, 0, 0, 0.2)), color-stop(97%, transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 9%, rgba(0, 0, 0, 0.2) 57%, transparent 97%);
}

.speed-option {
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  background-color: transparent;
  color: hsla(0, 0%, 100%, 0.86);
  font-size: 14px;
  text-align: right;
  cursor: default;
}

.speed-option:hover {
  background-color: #353535;
  color: #fff;
}

.handle {
  position: absolute;
  left: auto;
  top: -5px;
  right: 0px;
  bottom: auto;
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #c7c7c7;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.handle:hover {
  background-color: #fff;
}

.pause-icon {
  position: relative;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.play-icon {
  position: relative;
  display: block;
  padding-left: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.audio-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 54px;
  padding-right: 2px;
  padding-left: 2px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.audio-time.right {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.audio-time.left {
  margin-right: 4px;
  padding-right: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sound-icon {
  display: none;
  width: 28px;
  opacity: 0.86;
}

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

.sound-icon.visible {
  display: block;
}

.speed-selected {
  cursor: default;
}

.handle-volume {
  position: absolute;
  left: auto;
  top: 0px;
  right: -5px;
  bottom: auto;
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #c7c7c7;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.handle-volume:hover {
  background-color: #fff;
}

.audio-message-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00528c;
  background-image: url('../images/cienna.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.audio-message-wrapper.unselectable {
  background-color: #00528c;
  background-image: none;
}

.audio-message-wrapper.unselectable {
  background-color: #00528c;
  background-image: url('../images/soundwave.png');
  background-position: 50% 50%;
  background-size: cover;
}

.audio-player-controls {
  position: relative;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-90 {
  position: relative;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.volume-control {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.time-elasped {
  position: absolute;
  width: 20px;
  height: 10px;
  border-radius: 20px;
  background-color: #2196f3;
}

.time-elasped._2 {
  width: 135px;
}

.time-elasped._2 {
  width: 0px;
}

.div-block-464 {
  position: absolute;
  height: 6px;
}

.audio-bottom-controls {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.volume-bar {
  position: absolute;
  left: auto;
  top: auto;
  right: 14px;
  bottom: 34px;
  display: none;
  width: 10px;
  height: 60px;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.6);
}

.play-pause-button {
  position: relative;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 74px;
  height: 74px;
  min-height: 74px;
  min-width: 74px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 4px solid #fff;
  border-radius: 62px;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}

.play-pause-button:hover {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.play-pause-button.sm {
  width: 64px;
  height: 64px;
  min-height: 64px;
  min-width: 64px;
}

.time-bar {
  position: relative;
  width: 260px;
  height: 10px;
  margin-right: 6px;
  margin-left: 6px;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.6);
  opacity: 1;
}

.volume-level-bar {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: 0px;
  width: 10px;
  height: 20px;
  border-radius: 20px;
  background-color: #2196f3;
}

.volume-level-bar.max {
  height: 100%;
}

.volume-level-bar.max {
  height: 60px;
}

.playback-speed {
  position: relative;
  display: block;
  width: 40px;
  height: 24px;
  margin-left: 10px;
  padding-top: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.86);
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.playback-speed:hover {
  background-color: #fff;
}

.speed-level-bar {
  position: absolute;
  left: auto;
  top: auto;
  right: 0px;
  bottom: 34px;
  display: none;
  width: 56px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.7);
}

.logo-icon {
  margin-right: 6px;
  opacity: 0.7;
  cursor: pointer;
}

.tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 5px 5px 5px 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 6px;
  background-color: #fff;
}

.tag.multi {
  position: relative;
  width: auto;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
  padding-left: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.48);
  background-color: #0f6da3;
}

.tag.multi {
  position: relative;
  display: inline-block;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.48);
  background-color: #0f6da3;
}

.tag.multi {
  position: relative;
  display: inline-block;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.48);
  background-color: #0f6da3;
}

.tag.multi {
  position: relative;
  display: inline-block;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  border: 2px solid #394a62;
  background-color: #cddaf8;
  opacity: 0.92;
}

.tag.multi:hover {
  -webkit-filter: saturate(200%);
  filter: saturate(200%);
}

.tag.multi.field {
  border-style: none;
  background-color: rgba(0, 82, 140, 0.64);
  opacity: 1;
}

.tag.multi.field:hover {
  background-color: rgba(0, 82, 140, 0.8);
  -webkit-filter: none;
  filter: none;
}

.tag.compact {
  position: relative;
  display: inline-block;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 3px 0px 4px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.48);
  background-color: #0f6da3;
}

.tag.multiple {
  position: relative;
  display: inline-block;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  border-style: none;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.48);
  background-color: #0f6da3;
}

.results-wrapper {
  position: relative;
  display: block;
  width: 100%;
  border: 0px none #cfcfcf;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fff;
  box-shadow: 3px 3px 13px 1px rgba(0, 0, 0, 0.2);
}

.sf-77 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.sf-77.white {
  color: #fff;
}

.sf-77.tran-white {
  color: rgba(255, 255, 255, 0.8);
}

.text-initials-4 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}

.sf-79 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 24px;
  line-height: 32px;
}

.sf-79.grey {
  color: #979797;
  text-align: center;
}

.audio-message-wrapper-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.audio-message-wrapper-2.no-image {
  height: 220px;
  background-color: #114c75;
  background-image: linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
}

.audio-message-wrapper-2.no-image2 {
  height: 220px;
  background-color: #114c75;
  background-image: linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
}

.audio-message-wrapper-2.no-image {
  height: 220px;
  background-color: #114c75;
  background-image: url('../images/soundwave.png'), linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  background-position: 50% 50%, 0px 0px;
  background-size: cover, auto;
}

.audio-player-controls-2 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.audio-player-controls-2:hover {
  opacity: 1;
}

.audio-player-controls-2.no-image {
  opacity: 1;
}

.sf-80 {
  font-family: 'Sf ui text', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.sf-80.semi {
  font-weight: 600;
}

.sf-80.semi.white {
  color: #fff;
  cursor: pointer;
}

.sf-80.white {
  color: #fff;
}

.sf-80.semi {
  font-weight: 600;
}

.sf-80.semi.a {
  color: red;
}

.sf-80.semi.a.b {
  color: #444;
}

.sf-80.semi.white {
  color: #fff;
  cursor: pointer;
}

.sf-15-med-4 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.multi-page-holder {
  display: block;
}

.single-page-holder {
  display: block;
}

.reaction-icon-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  cursor: pointer;
}

.reaction-icon-bar:hover {
  background-color: #eef3f8;
}

.social-icon {
  width: 38px;
  height: 38px;
  margin-right: 2px;
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50% 50%;
  background-size: 34px;
  background-repeat: no-repeat;
}

.social-icon.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.social-label {
  font-family: 'Sf ui text', sans-serif;
  color: #5a5a5a;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.social-icon-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-icon-bar.web {
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.social-section {
  position: relative;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #efeeee;
  background-color: transparent;
}

.text-span-34 {
  font-weight: 400;
}

.plan-button-div-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.customer-logo-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 62px;
  min-width: 230px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/logo-generic.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
  cursor: pointer;
}

.rte-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-bottom: 14px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.rte-holder.side {
  padding: 0px 20px 14px;
}

.rte-holder.module {
  display: block;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.rte-holder.module {
  display: block;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.rte-holder.side {
  padding: 0px 20px 10px;
}

.form-block-10 {
  display: inline-block;
  margin-bottom: 0px;
  background-color: #fff;
}

.ac-wrapper-editor {
  position: relative;
}

.sf-87 {
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
}

.sf-87.white {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
}

.sf-87.grey-blue {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #00528c;
  line-height: 18px;
}

.sf-87.semi {
  padding-top: 0px;
  padding-bottom: 0px;
  color: rgba(49, 43, 61, 0.89);
  font-size: 14px;
  font-weight: 500;
}

.post-message-3 {
  display: block;
  padding: 20px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.play-pause-button-3 {
  position: relative;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 74px;
  height: 74px;
  min-height: 74px;
  min-width: 74px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 4px solid #fff;
  border-radius: 62px;
  background-color: rgba(0, 0, 0, 0.4);
}

.play-pause-button-3:hover {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.site-timeline-item-2 {
  position: static;
  bottom: auto;
  display: block;
  width: 600px;
  height: auto;
  max-width: none;
  min-width: 0px;
  margin-top: 0px;
  margin-bottom: 12px;
  padding-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  background-color: #fff;
}

.site-timeline-item-2.empty {
  height: 160px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.62);
}

.item-sender-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-header-3 {
  display: block;
  padding: 30px 30px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-547 {
  margin-left: 20px;
}

.h2-white-2 {
  display: block;
  width: auto;
  margin: 27px auto 20px;
  font-family: 'Work Sans', sans-serif;
  color: #fff;
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
}

.inputfield-2 {
  display: block;
  width: 580px;
  margin-right: auto;
  margin-left: auto;
  color: rgba(49, 43, 61, 0.89);
  font-size: 16px;
}

.inputfield-2.short {
  display: block;
  width: 380px;
}

.submitbutton-4 {
  display: block;
  width: 200px;
  height: 60px;
  margin: 35px auto 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-style: none;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-size: 18px;
  text-align: center;
}

.submitbutton-4:hover {
  background-color: #1679cf;
}

.submitbutton-4.login {
  width: 300px;
  height: 50px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 13px;
  font-family: 'Work Sans', sans-serif;
}

.div-block-548 {
  display: block;
  width: 460px;
  margin-top: 86px;
  margin-right: auto;
  margin-left: auto;
  padding: 24px 40px 40px;
  background-color: hsla(0, 0%, 100%, 0.88);
}

.h3 {
  margin-bottom: 0px;
  padding-top: 0px;
  font-family: 'Work Sans', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
}

.labelsmall-4 {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.labelsmall-4.left {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Work Sans', sans-serif;
  text-align: left;
}

.form-18 {
  padding-bottom: 8px;
}

.form-block {
  margin-top: 25px;
}

.body-7 {
  background-image: url('../images/hero.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.item-header-2 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
}

.item-header-2.side {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
}

.item-header-2.side {
  font-size: 16px;
  line-height: 20px;
}

.right-side-container {
  overflow: visible;
  max-height: 100vh;
  margin-bottom: 24px;
}

.sidebar-right-2 {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  top: 100px;
  bottom: 0px;
  display: block;
  overflow: auto;
  width: 340px;
  height: auto;
  max-height: 85vh;
  min-width: 340px;
  margin-bottom: 0px;
  padding: 0px 0px 40px;
  background-color: transparent;
}

.timeline-media-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  background-color: #fff;
}

.sidebar-item {
  position: relative;
  overflow: visible;
  margin-bottom: 12px;
  padding-bottom: 0px;
  background-color: #fff;
}

.sidebar-heading {
  margin-bottom: 1px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 6px;
  font-family: 'Sf ui text', sans-serif;
  color: #474747;
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  text-align: left;
}

.post-header-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 30px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-header-4.side {
  display: block;
  padding: 20px 20px 6px;
}

.post-header-4.module {
  display: block;
  padding: 10px 0px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-header-4.module {
  display: block;
  padding: 10px 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-logo {
  width: 240px;
  padding: 20px 40px;
}

.icon-edit-element {
  margin-right: 6px;
  opacity: 0.7;
  cursor: pointer;
}

.icon-edit-element.button {
  margin-right: 4px;
}

.div-block-534 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 4px 6px 4px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-538 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 14px 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f7f7f7;
}

.ac-default-button-link {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 360px;
  height: 32px;
  margin-right: 6px;
  margin-bottom: 0px;
  margin-left: 6px;
  padding-top: 6px;
  font-family: 'Sf ui text', sans-serif;
  color: #7dafd3;
  font-size: 15px;
  font-weight: 400;
}

.close-button-small {
  width: 22px;
  height: 22px;
  opacity: 0.5;
}

.close-button-small:hover {
  opacity: 0.72;
}

.trainer-name-website {
  max-width: 400px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: 'Sf ui display', sans-serif;
  color: #00528c;
  font-size: 42px;
  line-height: 42px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.02em;
}

.img-upload-button-2 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  height: 44px;
  min-width: 0px;
  margin-top: 0px;
  margin-bottom: 14px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #00b2ed;
  border-radius: 6px;
  background-color: #fff;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #00b2ed;
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.img-upload-button-2:hover {
  background-color: rgba(0, 178, 237, 0.2);
}

.img-upload-button-2.small {
  width: 200px;
  height: 34px;
  margin-bottom: 8px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 13px;
}

.edit-logo2 {
  position: absolute;
  left: auto;
  top: auto;
  right: -33%;
  bottom: -14%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 34px;
  margin-bottom: 6px;
  padding: 2px 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.24);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  cursor: pointer;
}

.edit-logo2:hover {
  border-color: hsla(0, 0%, 100%, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}

.edit-logo2.hidden {
  cursor: pointer;
}

.plan-tile-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 96%;
  min-height: 40px;
  min-width: 96%;
  margin-right: 6px;
  margin-bottom: 12px;
  margin-left: 6px;
  padding: 20px 24px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(56, 152, 236, 0.32);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 2px 2px 7px -3px rgba(0, 82, 140, 0.35);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.plan-tile-3:hover {
  background-color: rgba(255, 245, 157, 0.5);
}

.plan-tile-3.wide {
  width: 92%;
  min-width: 92%;
}

.div-block-555 {
  padding-top: 20px;
}

.button-edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.7;
}

.button-edit:hover {
  opacity: 1;
}

.button-edit.delete {
  padding-right: 4px;
}

.link-type-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 14px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.link-button-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin-left: 1px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #9e9b9b;
  background-color: #8d9ba5;
  opacity: 0.6;
}

.link-button-option:hover {
  border-color: #7f8991;
  background-color: #7f8991;
}

.link-button-option.selected {
  border-style: solid;
  border-color: #737f88;
  background-color: #737f88;
  background-image: none;
  opacity: 1;
}

.link-button-option.selected {
  border-style: solid;
  border-color: #737f88;
  background-color: #5b6770;
  background-image: none;
  opacity: 1;
  cursor: pointer;
}

.site-content-section-3 {
  position: static;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: auto;
  min-height: 100vh;
  margin-top: 82px;
  padding-top: 40px;
  padding-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #f5f8fa;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.section-10 {
  padding: 60px 100px 40px;
}

.unsubscribe {
  display: block;
  width: 600px;
  padding-top: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
}

.div-block-556 {
  padding-top: 20px;
}

.unsubscribe-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 46px;
  min-width: 140px;
  margin-top: 40px;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #3898ec;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
  text-align: center;
}

.unsubscribe-button:hover {
  background-color: #1679cf;
  color: #fff;
}

.checkbox-label-18 {
  font-family: 'Sf ui text', sans-serif;
  color: #262c46;
  font-size: 15px;
  font-weight: 400;
}

.checkbox-field-9 {
  margin-bottom: 10px;
}

.div-block-559 {
  width: 100%;
}

.timeline-media-2-copy {
  width: 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  text-align: center;
}

.audio-message-wrapper-copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00528c;
  background-image: url('../images/cienna.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.audio-message-wrapper-copy.unselectable {
  background-color: #00528c;
  background-image: none;
}

.audio-message-wrapper-copy.unselectable {
  height: 230px;
  background-color: #00528c;
  background-image: url('../images/soundwave.png');
  background-position: 50% 50%;
  background-size: cover;
}

.more-info-button {
  position: fixed;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 22px;
  z-index: 2;
  display: block;
  padding: 18px 30px 18px 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50px;
  background-color: #fff;
  background-image: linear-gradient(117deg, #00b2ed, #1abc9c);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);
  opacity: 0.88;
  cursor: pointer;
}

.more-info-button:hover {
  opacity: 1;
}

.div-block-577 {
  width: 32px;
  height: 24px;
  margin-right: 6px;
  background-image: url('../images/email.png');
  background-position: 50% 50%;
  background-size: 28px;
  background-repeat: no-repeat;
}

.textarea-4 {
  overflow: auto;
  min-height: 140px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
  line-height: 18px;
}

.sf-88 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 15px;
  font-weight: 400;
}

.email-collection-form-block {
  display: block;
  padding-top: 24px;
}

.div-block-574 {
  position: absolute;
  left: auto;
  top: -8px;
  right: -8px;
  bottom: auto;
  width: 32px;
  height: 32px;
  border-style: solid;
  border-width: 1px;
  border-color: #b4b4b4;
  border-radius: 32px;
  background-color: #032944;
  background-image: url('../images/remove.png');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.reference-text-holder {
  margin-top: 10px;
  padding: 10px;
  background-color: rgba(255, 254, 254, 0.49);
}

.text-field-5 {
  padding-left: 12px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
}

.div-block-575 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.action-button-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin: 4px 3px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.action-button-5:hover {
  background-color: #0d72b9;
  color: #fff;
}

.question-form-block {
  display: block;
}

.question-input {
  display: block;
}

.email-input-modal {
  position: fixed;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 0px;
  z-index: 2;
  display: block;
  width: 400px;
  padding: 25px 20px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece;
  border-radius: 16px 16px 0px 0px;
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.email-input-modal.hide {
  bottom: -110%;
  display: block;
  -webkit-transition-property: all;
  transition-property: all;
}

.sf-89 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.sf-89.white {
  padding-bottom: 10px;
  color: #fff;
}

.sf-89.light {
  font-weight: 300;
}

.confirmation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-583 {
  padding-right: 8px;
  padding-left: 8px;
}

.audio-player-holder-2 {
  width: 250px;
  min-height: 30px;
  min-width: 100px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.delete-audio-icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #838383;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.delete-audio-icon:hover {
  background-color: #e63b37;
}

.div-block-584 {
  margin-left: auto;
}

.recording-icon {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.recording-icon:hover {
  -webkit-filter: saturate(71%);
  filter: saturate(71%);
}

.recording-icon.large {
  width: 38px;
  height: 38px;
}

.website-record-audio {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sm-audio-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sm-audio-component.light {
  padding: 8px 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 8px;
  background-color: hsla(0, 0%, 96.9%, 0.5);
}

.question-section {
  display: block;
}

.image-93 {
  cursor: pointer;
}

.image-94 {
  cursor: pointer;
}

.site-content-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.timeline-slide-in {
  position: fixed;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 0px;
  z-index: 2;
  display: block;
  width: 400px;
  padding: 25px 20px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece;
  border-radius: 16px 16px 0px 0px;
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.timeline-slide-in.hide {
  bottom: -1000px;
  display: block;
  -webkit-transition-property: all;
  transition-property: all;
}

.web-link-wrapper {
  display: block;
  padding-top: 10px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.sf-90 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.sf-90.white {
  color: #fff;
}

.sf-90.white.center {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.timeline-media-6 {
  display: block;
}

.action-button-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 140px;
  margin: 4px 3px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.action-button-6:hover {
  background-color: #0d72b9;
  color: #fff;
}

.action-button-6.weblink {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: rgba(0, 82, 140, 0.76);
  text-align: center;
  text-transform: none;
}

.action-button-6.weblink:hover {
  background-color: #00528c;
}

.action-button-6.outlined {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.24);
  line-height: 20px;
  text-align: center;
}

.action-button-6.outlined:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.action-button-6.weblink {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: #158cdf;
  text-align: center;
  text-transform: none;
}

.action-button-6.weblink:hover {
  background-color: #00528c;
}

.action-button-6.submit-form {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: #158cdf;
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
}

.action-button-6.submit-form:hover {
  background-color: #00528c;
}

.action-button-6.outlined {
  position: absolute;
  top: 57px;
  height: 50px;
  min-width: 120px;
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.24);
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
}

.action-button-6.outlined:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.action-button-6.blue-outline {
  height: 52px;
  border: 1px solid #168cdf;
  background-color: #fff;
  color: #168cdf;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.action-button-6.blue-outline:hover {
  background-color: #d5f5ff;
}

.action-button-6.submit-form {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: #158cdf;
  line-height: 16px;
  text-align: center;
}

.action-button-6.submit-form:hover {
  background-color: #00528c;
}

.action-button-6.weblink {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: rgba(0, 82, 140, 0.76);
  line-height: 16px;
  text-align: center;
  text-transform: none;
}

.action-button-6.weblink:hover {
  background-color: #00528c;
}

.timeline-media-2-copy {
  width: 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  text-align: center;
}

.audio-message-wrapper-2-copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.audio-message-wrapper-2-copy.no-image {
  height: 220px;
  background-color: #114c75;
  background-image: linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
}

.audio-player-controls-2-copy {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.audio-player-controls-2-copy:hover {
  opacity: 1;
}

.audio-player-controls-2-copy.no-image {
  opacity: 1;
}

.site-header-3 {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: auto;
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 80px;
  margin-top: 0px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px none #d1d1d1;
  background-color: #fff;
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.2);
}

.header-elements-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1280px;
  padding-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.customer-logo-4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 150px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.member-login-button-2 {
  position: relative;
  display: block;
  min-width: 120px;
  margin-top: 0px;
  padding: 6px 15px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 40px;
  background-color: #222;
  -webkit-transition: background-color 500ms ease, color 500ms ease;
  transition: background-color 500ms ease, color 500ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.4px;
  text-decoration: none;
  text-transform: uppercase;
}

.member-login-button-2:hover {
  border: 1px solid #000;
  background-color: transparent;
  color: #222;
}

.tagline-white {
  margin-bottom: 25px;
  border: 1px solid transparent;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 42px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.34);
}

.sf-sub-title {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 26px;
  line-height: 32px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.div-block-635 {
  width: 200px;
  padding-top: 38px;
}

.body-8 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: auto;
}

.page-not-found-wrapper {
  height: 100vh;
  background-image: url('../images/background.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.content-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 1100px;
  margin-top: 140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-links-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-2 {
  margin-bottom: 40px;
  padding-right: 8px;
  padding-left: 8px;
  font-family: 'Sf ui text', sans-serif;
  color: #777;
  font-size: 13px;
  text-align: center;
}

.hero-height-dragger {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 4px;
  border-top: 1px solid #ddd;
  background-color: #d24ff7;
  cursor: ns-resize;
}

.live-edit-tools {
  position: relative;
}

.live-edit-tools.hidden {
  position: relative;
  left: 0px;
  top: 0px;
  min-height: 2000px;
  background-image: url('../images/background.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  padding: 10px 30px 8px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.hero-option:hover {
  background-color: hsla(0, 0%, 100%, 0.15);
}

.hero-options-menu {
  position: absolute;
  left: auto;
  top: 68px;
  right: 20px;
  bottom: auto;
  width: 190px;
  min-height: 200px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.8);
}

.option-icon {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  background-image: url('../images/icon-vid_1icon-vid.png');
  background-position: 50% 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  opacity: 0.86;
}

.option-icon.button {
  background-image: url('../images/icon-button_1icon-button.png');
  background-size: 26px;
}

.option-icon.text {
  background-image: url('../images/icon-text_1icon-text.png');
  background-size: 30px;
}

.option-icon.video {
  background-image: url('../images/electronics_1electronics.png');
  background-size: 26px;
}

.option-icon.form {
  background-image: url('../images/icon-form_1icon-form.png');
  background-size: 22px;
}

.option-icon.bg-img {
  background-image: url('../images/picture.png');
  background-size: 26px;
}

.add-hero-element-button {
  position: absolute;
  left: auto;
  top: 20px;
  right: 20px;
  bottom: auto;
  z-index: 3;
  width: 44px;
  height: 44px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.24);
  border-radius: 44px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('../images/icon-add_1icon-add.png');
  background-position: 50% 50%;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.add-hero-element-button:hover {
  border-color: hsla(0, 0%, 100%, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}

.add-hero-element-button.close {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.element-options {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  min-height: 24px;
  min-width: 26px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #ddd;
  background-color: #3f8eee;
}

.bar-top {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 100%;
  height: 4px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #3f8eee;
  cursor: move;
}

.bar-bottom {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 4px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #3f8eee;
  cursor: ns-resize;
}

.bar-right {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 4px;
  height: 100%;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #3f8eee;
  cursor: ew-resize;
}

.delete-element-button {
  width: 26px;
  height: 22px;
  min-height: 22px;
  min-width: 26px;
  background-image: url('../images/remove.png');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.delete-element-button:hover {
  background-color: #066bb2;
}

.bar-left {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  width: 4px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #3f8eee;
}

.edit-element-button {
  width: 26px;
  height: 22px;
  min-height: 22px;
  min-width: 26px;
  background-image: url('../images/icon-settings_1icon-settings.png');
  background-position: 50% 50%;
  background-size: 15px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.edit-element-button:hover {
  background-color: #066bb2;
}

.headline-block {
  position: absolute;
  left: auto;
  top: 46px;
  min-width: 440px;
}

.headline-block:hover {
  background-color: rgba(0, 0, 0, 0.44);
}

.tagline-text-template {
  position: absolute;
  left: 0%;
  top: 60px;
  right: auto;
  bottom: auto;
  width: 100%;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 42px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.79);
}

.upload-button-holder-hero {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-upload {
  position: static;
  left: 100px;
  top: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eee;
  opacity: 1;
}

.div-block-637 {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: center;
}

.div-block-638 {
  width: 300px;
}

.media-holder-template {
  position: absolute;
  left: 100px;
  top: 100px;
  width: 640px;
  height: 360px;
}

.font-settings-menu {
  position: fixed;
  left: 0px;
  top: 0px;
  right: auto;
  bottom: auto;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
}

.font-setting-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.33);
}

.font-setting-icon {
  width: 36px;
  height: 36px;
  background-color: #525252;
  opacity: 0.8;
  cursor: pointer;
}

.font-setting-icon:hover {
  background-color: #707070;
  opacity: 1;
}

.font-setting-icon.left {
  background-image: url('../images/icon-left_1icon-left.png');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  opacity: 0.8;
  cursor: pointer;
}

.font-setting-icon.left:hover {
  opacity: 1;
}

.font-setting-icon.left.selected {
  background-color: #000;
  opacity: 1;
}

.font-setting-icon.center {
  border-right: 1px solid #8e8e8e;
  border-left: 1px solid #8b8b8b;
  background-image: url('../images/icon-center_1icon-center.png');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}

.font-setting-icon.center.selected {
  background-color: #000;
  background-image: url('../images/icon-center_1icon-center.png');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  opacity: 1;
}

.font-setting-icon.right {
  background-image: url('../images/icon-right_1icon-right.png');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}

.font-setting-icon.right.selected {
  background-color: #000;
  opacity: 1;
}

.div-block-636-copy {
  position: relative;
  left: 0px;
  top: 240px;
  width: 100%;
  height: 500px;
}

.div-block-639 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.button-label-input-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  min-width: 0px;
  margin-right: 10px;
  margin-bottom: 6px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  font-family: 'Sf ui text', sans-serif;
  color: #3a3a3a;
  font-size: 16px;
}

.hover-menu-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: none;
  overflow: hidden;
  height: 28px;
  margin-bottom: 6px;
  padding: 4px 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  background-color: #fff;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.results-wrapper-5 {
  position: absolute;
  z-index: 4;
  display: block;
  width: 100%;
  border: 0px solid #cfcfcf;
  box-shadow: 3px 3px 13px 1px rgba(0, 0, 0, 0.2);
}

.edit-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.edit-menu.unselectable {
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.multiple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.result-row-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}

.result-row-4:hover {
  background-color: #d8e6fc;
}

.div-block-642 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.remove-4 {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  margin-left: 8px;
  border-radius: 24px;
  background-color: rgba(0, 0, 0, 0.22);
  background-image: url('../images/remove.png');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.remove-4:hover {
  opacity: 1;
}

.div-block-643 {
  width: 100%;
  margin-top: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.button-hover-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: none;
  overflow: hidden;
  width: 130px;
  height: 28px;
  margin-bottom: 6px;
  padding: 4px 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  background-color: #fff;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.sf-94 {
  font-family: 'Sf ui text', sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.button-settings-modal-content {
  position: fixed;
  left: 300px;
  top: 300px;
  right: auto;
  bottom: auto;
  z-index: 3;
  display: block;
  width: 600px;
  padding-right: 5px;
  padding-bottom: 0px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
}

.unmatched-2 {
  font-family: 'Open Sans', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  cursor: default;
}

.autocomplete-input-area {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  float: none;
  clear: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: #cfcfcf;
  border-radius: 2px;
  background-color: #155279;
  font-family: 'Sf ui text', sans-serif;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.autocomplete-input-area.light {
  width: 100%;
  min-height: 50px;
  padding-top: 4px;
  border-style: solid;
  border-color: #b0dcfc;
  background-color: #fff;
}

.result-row-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.result-row-5:hover {
  background-color: #d8e6fc;
}

.result-row-5.checked {
  background-color: #ebecee;
}

.result-row-5.checked.selected {
  background-color: #d8e6fc;
}

.result-row-5.selected {
  background-color: #d8e6fc;
}

.tag-content-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  min-height: 34px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.result-icon-2 {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  margin-right: 6px;
  background-image: url('../images/tag_1tag.png');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.result-icon-2.no-results {
  background-image: url('../images/icon-cancel_1icon-cancel.png');
  background-size: 22px;
}

.result-icon-2.loading {
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
  opacity: 1;
}

.result-icon-2.no-results {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.chip-label-2 {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.button-settings-modal-2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.results-scroller-5 {
  position: absolute;
  display: block;
  overflow: auto;
  width: 100%;
  max-height: 400px;
  border: 1px solid #cfcfcf;
}

.edit-tools-modal-container {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  width: 0px;
  height: 0px;
  max-height: 100vh;
}

.font-settings-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-form-button-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-description-text {
  padding-top: 0px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.form-description-text:hover {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
}

.form-description-text.edit {
  border: 1px solid transparent;
}

.form-description-text.edit:hover {
  border-color: rgba(0, 0, 0, 0.2);
}

.hero-form {
  position: absolute;
  left: 65%;
  top: 100px;
  z-index: 2;
  display: block;
  overflow: hidden;
  width: 360px;
  padding: 20px 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.text-form-title {
  margin-bottom: 10px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.text-form-title:hover {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
}

.text-form-title.edit {
  border: 1px solid transparent;
}

.text-form-title.edit:hover {
  border-color: rgba(0, 0, 0, 0.2);
}

.hero-email-collection {
  display: block;
  width: 100%;
  padding-top: 20px;
}

.div-block-636-copy-copy {
  position: relative;
  left: 0px;
  top: 240px;
  display: block;
  width: 100%;
  height: 500px;
}

.tool-holder {
  position: relative;
  left: 0px;
  top: 240px;
  width: 100%;
  height: 150px;
}

.modal-upload-image-2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 995;
  display: none;
  overflow: auto;
  padding-top: 100px;
  background-color: rgba(0, 0, 0, 0.41);
  cursor: pointer;
}

.confirm-modal {
  position: fixed;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 0px;
  z-index: 2;
  display: block;
  width: 400px;
  padding: 25px 20px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece;
  border-radius: 16px 16px 0px 0px;
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.confirm-modal.hide {
  bottom: -1000px;
  display: block;
  -webkit-transition-property: all;
  transition-property: all;
}

.cover-disable {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  border-radius: 50px;
  background-color: hsla(0, 0%, 100%, 0.56);
}

.hero-button {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  min-width: 120px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.hero-button:hover {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.hero-login-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  min-width: 120px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.hero-login-button:hover {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.h2-title {
  margin-top: 1px;
  margin-bottom: 1px;
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}

.edit-img-button {
  position: absolute;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin-bottom: 6px;
  padding: 4px 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.24);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
}

.edit-img-button:hover {
  border-color: hsla(0, 0%, 100%, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}

.icon-edit-img {
  opacity: 0.7;
}

.opacity-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.close-button-small-2 {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  margin-left: 5px;
  opacity: 0.3;
}

.close-button-small-2:hover {
  opacity: 0.8;
}

.percent-label {
  font-family: 'Sf ui text', sans-serif;
  color: #646464;
  font-size: 18px;
}

.percent-label.white {
  color: hsla(0, 0%, 100%, 0.86);
  font-size: 15px;
}

.opacity-settings-modal {
  position: absolute;
  left: auto;
  top: auto;
  right: 52px;
  bottom: 52px;
  z-index: 2;
  display: block;
  width: auto;
  padding-bottom: 0px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
}

.opacity-settings-modal.hidden {
  width: 140px;
}

.sm-apply-button {
  position: static;
  display: none;
  width: 64px;
  height: 32px;
  min-width: 0px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #00b2ed;
  border-radius: 6px;
  background-color: #fff;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #00b2ed;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.sm-apply-button:hover {
  background-color: rgba(0, 178, 237, 0.2);
}

.opacity-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  height: 38px;
  margin-right: 6px;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
  text-align: right;
}

.div-block-646 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f7f7f7;
}

.upload-button-wrapper {
  width: 100%;
  padding: 14px 15px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f7f7f7;
}

.textlink-sm {
  display: inline;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.textlink-sm:hover {
  color: #00b2ed;
}

.textlink-sm.grey {
  color: #7c7c7c;
  font-size: 13px;
}

.textlink-sm.grey:hover {
  color: #464646;
  text-decoration: none;
}

.video-cover-img-modal {
  position: fixed;
  left: 40px;
  top: 23%;
  bottom: auto;
  z-index: 2;
  display: block;
  width: auto;
  padding-bottom: 0px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
}

.remove-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-cover-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-647 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-100 {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.div-block-648 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-video {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  display: none;
  overflow: auto;
  margin-right: 0px;
  padding-top: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.close-video {
  position: absolute;
  left: auto;
  top: 14px;
  right: 14px;
  bottom: auto;
  z-index: 9;
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
  border: 2px none #fff;
  border-radius: 46px;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url('../images/remove.png');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  opacity: 0.8;
  cursor: pointer;
}

.close-video:hover {
  opacity: 1;
}

.modalcontent-11 {
  position: relative;
  display: block;
  width: 92%;
  height: auto;
  min-height: 200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.side-text-container {
  padding-right: 20px;
  padding-bottom: 14px;
  padding-left: 20px;
}

.rte-wrapper {
  padding: 20px 30px;
}

.upload-bg-img-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  opacity: 0.76;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  cursor: pointer;
}

.upload-bg-img-button:hover {
  background-color: #315e7a;
  opacity: 0.88;
}

.audio-bottom-controls-4 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.bg-img-preview {
  min-height: 30px;
  padding: 0px 20px 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.11);
}

.color-swatch {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  border-style: solid;
  border-width: 1px;
  border-color: #b3b3b3;
  background-color: #1d1d1d;
}

.color-swatch.white {
  background-color: #fff;
}

.bg-img-thumb {
  height: 140px;
  background-color: hsla(0, 0%, 100%, 0.12);
  background-image: url('../images/devonshire-view.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.nav-menu-3 {
  display: block;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.edit-logo2-2 {
  position: absolute;
  left: auto;
  top: auto;
  right: -33%;
  bottom: -14%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 34px;
  margin-bottom: 6px;
  padding: 2px 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.24);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  cursor: pointer;
}

.edit-logo2-2:hover {
  border-color: hsla(0, 0%, 100%, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}

.og-pop-up-arrow {
  position: absolute;
  left: 144px;
  top: auto;
  right: auto;
  bottom: -12px;
  width: 24px;
  height: 24px;
  border-style: none solid solid none;
  border-width: 1px;
  border-right-color: #cacaca;
  border-bottom-color: #cacaca;
  border-left-color: #000;
  background-color: #f3f3f3;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.text-span-48 {
  font-size: 20px;
  font-weight: 700;
}

.hamburger-icon {
  font-size: 46px;
}

.layout-img {
  width: 60px;
  height: 44px;
  min-height: 44px;
  min-width: 60px;
  margin-right: 6px;
  margin-left: 10px;
  background-image: url('../images/layout2.png');
  background-position: 50% 50%;
  background-size: 46px;
  background-repeat: no-repeat;
}

.layout-img.text-right {
  background-image: url('../images/layout1.png');
}

.layout-img.stacked {
  background-image: url('../images/layout3.png');
}

.mobile-menu-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 60px;
  padding-right: 18px;
  padding-left: 18px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.mobile-menu-option:hover {
  background-color: #fff;
  color: #032944;
}

.color-swatch-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.color-swatch-wrapper:hover {
  background-color: hsla(0, 0%, 100%, 0.13);
}

.post-body-text-2 {
  display: block;
  margin-bottom: 20px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.post-body-text-2.center {
  font-weight: 400;
  text-align: center;
}

.logo-container {
  position: relative;
  max-height: 72px;
  min-height: 50px;
  min-width: 220px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/logo-generic.png');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
  text-align: left;
  text-decoration: none;
}

.logo-container.w--current {
  padding-top: 0px;
}

.layout-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.11);
  opacity: 0.68;
  cursor: pointer;
}

.layout-option:hover {
  background-color: rgba(0, 0, 0, 0.63);
  opacity: 0.8;
}

.layout-option.selected {
  background-color: rgba(0, 0, 0, 0.44);
  background-image: url('../images/checked_1checked.png');
  background-position: 94% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  opacity: 0.9;
}

.div-block-746 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 8px 10px 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.39);
}

.post-header-web {
  margin-bottom: 30px;
  padding-bottom: 0px;
}

.post-header-web.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.bg-img-upload-options {
  position: absolute;
  left: -124px;
  top: 47px;
  right: 0%;
  bottom: 105%;
  z-index: 102;
  display: none;
  width: 190px;
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  box-shadow: -1px 3px 8px 1px rgba(0, 0, 0, 0.3);
}

.sf-15-med-5 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-shadow: none;
}

.sf-15-med-5.bold-white {
  color: hsla(0, 0%, 100%, 0.86);
  font-weight: 700;
}

.sf-15-med-5.white {
  color: hsla(0, 0%, 100%, 0.86);
}

.sf-96 {
  font-family: 'Sf ui text', sans-serif;
  color: #032944;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
}

.sf-96.white {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #fff;
  line-height: 16px;
}

.sf-96.tran-white {
  color: hsla(0, 0%, 100%, 0.7);
}

.section-tool-icon {
  width: 48px;
  height: 36px;
  border-left: 1px solid hsla(0, 0%, 100%, 0.3);
  background-color: rgba(0, 0, 0, 0.9);
  background-image: url('../images/squares_1squares.png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  opacity: 0.8;
  cursor: pointer;
}

.section-tool-icon:hover {
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 1;
}

.section-tool-icon.style {
  background-image: url('../images/paint_1paint.png');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.section-tool-icon.edit {
  background-image: url('../images/pencil_1pencil.png');
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.section-tool-icon.delete {
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
  background-position: 50% 50%;
  background-size: 22px;
  background-repeat: no-repeat;
}

.close-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.7;
  cursor: pointer;
}

.close-menu:hover {
  opacity: 1;
}

.remove-img-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.opacity-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.time-bar-2 {
  position: relative;
  width: 260px;
  height: 10px;
  margin-right: 6px;
  margin-left: 6px;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.6);
  opacity: 1;
}

.item-header-large {
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  text-align: left;
}

.item-header-large.center {
  text-align: center;
}

.bg-image-button-wrapper {
  position: relative;
  padding-top: 0px;
  padding-bottom: 0px;
}

.post-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1020px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-content-wrapper.vertical-center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-content-wrapper.text-on-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.mobile-menu-wrapper {
  position: fixed;
  left: 0px;
  top: 66px;
  bottom: 0px;
  display: none;
  overflow: auto;
  width: 280px;
  height: auto;
  min-height: 300px;
  padding: 20px 0px 14px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #f5f8fa;
}

.option-divider {
  height: 1px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 100%, 0.25);
}

.option-button-wrapper {
  position: relative;
  z-index: 2;
  display: block;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 6px;
  background-color: #f3f3f3;
}

.upload-option {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.upload-option:hover {
  background-color: #cddeeb;
}

.tool-icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.volume-control-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 34px;
  min-width: 36px;
  margin-left: 14px;
  padding-top: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.opacity-input-wrapper-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bg-style-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 54px;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.11);
}

.bg-style-options.padding {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 9;
  padding-top: 0px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 2px 2px 12px 5px rgba(0, 0, 0, 0.2);
}

.nav-link-2 {
  display: inline-block;
  min-width: 30px;
  margin-left: 26px;
  padding: 10px 0px;
  border-bottom: 2px solid #fff;
  -webkit-transition: background-color 300ms ease, border 300ms ease;
  transition: background-color 300ms ease, border 300ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #4d4d4d;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.nav-link-2:hover {
  border-bottom: 2px solid #00b2ed;
  color: #020202;
}

.nav-link-2.w--current {
  border-bottom: 2px solid #00b2ed;
  background-color: transparent;
  color: #000;
  font-weight: 500;
}

.nav-link-2.selected {
  border-bottom-color: #00b2ed;
}

.header-element-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.navbar-2 {
  position: static;
  padding-right: 0px;
  background-color: transparent;
  text-align: center;
}

.web-button-bar {
  position: relative;
  display: inline-block;
  height: auto;
  min-height: 26px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.section.edit {
  font-family: 'Sf ui text', sans-serif;
}

.section.edit:hover {
  border: 3px solid #528fe7;
}

.edit-section-menu {
  position: static;
  left: auto;
  top: 8px;
  right: 20px;
  bottom: auto;
  z-index: 3;
  display: block;
  width: 270px;
  min-height: 100px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.3);
  background-color: #2e2e2e;
  box-shadow: 4px 5px 8px 1px rgba(0, 0, 0, 0.3);
}

.menu-button-2 {
  display: none;
  width: 70px;
  height: 70px;
  margin-top: 30px;
  margin-right: 30px;
  padding-top: 13px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #e30d18;
  -webkit-transition: background-color 500ms ease, background-position 500ms ease;
  transition: background-color 500ms ease, background-position 500ms ease;
  color: #fff;
  font-size: 34px;
  text-align: center;
}

.menu-button-2:hover {
  background-color: #000;
  background-position: 50% 9px, 50% -36px;
}

.menu-button-2.w--open {
  position: relative;
  z-index: 20;
  background-color: #525252;
}

.post-text-wrapper {
  width: 440px;
  padding-right: 0px;
  padding-left: 0px;
}

.post-text-wrapper.vertical-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.post-text-wrapper.vertical-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-component-wrapper {
  width: 500px;
}

.trainer-name-website-2 {
  display: block;
  max-width: 400px;
  padding-top: 4px;
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 32px;
  line-height: 36px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.02em;
}

.plan-description-3 {
  display: block;
  padding-top: 24px;
  border-top: 1px solid rgba(56, 152, 236, 0.43);
}

.plan-tile-4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  margin-bottom: 12px;
  padding: 20px 24px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(56, 152, 236, 0.32);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 2px 2px 7px -3px rgba(0, 82, 140, 0.35);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.plan-tile-4:hover {
  background-color: rgba(255, 245, 157, 0.81);
}

.post-plan-wrapper {
  height: auto;
  min-height: 200px;
  margin-top: 20px;
}

.plan-name-price-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-color: rgba(56, 152, 236, 0.43);
}

.button-select-plan-3 {
  position: static;
  left: 800px;
  top: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 46px;
  min-width: 100px;
  margin-left: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #1abc9c;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.button-select-plan-3:hover {
  background-color: #0bac8c;
  color: #fff;
}

.text-block-38 {
  margin-bottom: 20px;
  font-family: 'Sf ui text', sans-serif;
  color: #616161;
  font-size: 18px;
  line-height: 26px;
}

.post-component-wrapper-2 {
  width: 500px;
}

.post-component-wrapper-2.vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 900px;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.font-settings-menu-2 {
  position: static;
  left: 0%;
  top: -40px;
  right: auto;
  bottom: auto;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
}

.post-header-web-2 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 0px;
}

.hero-form-field {
  padding-left: 12px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
}

.form-description-text-2 {
  padding-top: 0px;
  border: 1px solid transparent;
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.form-description-text-2.a {
  color: red;
}

.form-description-text-2.a.b {
  color: #444;
}

.lead-form {
  z-index: 2;
  padding: 20px 24px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.font-setting-icon-2 {
  width: 36px;
  height: 36px;
  background-color: #000;
  opacity: 0.8;
}

.font-setting-icon-2:hover {
  background-color: #707070;
  opacity: 1;
}

.font-setting-icon-2.h-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #5e5e5e;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.font-setting-icon-2.h-tag:hover {
  background-color: #1f1f1f;
}

.font-setting-icon-2.h-tag.selected {
  background-color: #000;
  opacity: 1;
}

.text-field-4-copy {
  padding-left: 12px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
}

.title-h1 {
  position: relative;
  z-index: 2;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  font-family: 'Sf ui display', sans-serif;
  font-size: 48px;
  line-height: 54px;
  font-weight: 700;
}

.title-h1.center {
  font-family: 'Sf ui display', sans-serif;
  text-align: center;
}

.text-form-title-2 {
  margin-bottom: 4px;
  border: 1px solid transparent;
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

.text-form-title-2.a {
  font-family: 'Sf ui text', sans-serif;
  color: red;
  font-weight: 600;
}

.text-form-title-2.a.b {
  color: #444;
}

.title-h2 {
  z-index: 2;
  margin-bottom: 0px;
  border: 1px solid transparent;
  font-family: 'Sf ui display', sans-serif;
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  text-align: left;
}

.title-h2.center {
  text-align: center;
}

.post-content-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 992px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-content-wrapper-2.vertical-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.lead-form-block {
  position: relative;
  display: block;
  min-height: 60px;
  margin-bottom: 20px;
}

.tool-bar-modal {
  position: fixed;
  left: 100px;
  top: 100px;
  right: auto;
  bottom: auto;
  display: none;
}

.module-styles-modal-content {
  position: fixed;
  left: 100px;
  top: 100px;
  right: auto;
  bottom: auto;
  display: block;
}

.module-styles-modal-content.unselectable {
  left: auto;
  top: 20px;
  right: 40px;
  bottom: auto;
}

.module-style-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.layout-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-component-wrapper-copy {
  width: auto;
  max-width: 900px;
  margin-top: 30px;
}

.tool-modal-container {
  position: fixed;
  z-index: 1000;
  width: 0px;
  height: 0px;
  max-height: 100vh;
}

.h-tag-bar-modal {
  position: fixed;
  left: 100px;
  top: 100px;
  right: auto;
  bottom: auto;
  display: none;
}

.textarea-5 {
  height: auto;
  min-height: 80px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
}

.post-lead-capture-wrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
}

.lead-capture-inner-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lead-capture-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
  min-width: 50px;
  padding: 6px 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #b8b8b8;
  border-radius: 4px;
  background-color: #fff;
  opacity: 0.7;
  cursor: pointer;
}

.lead-capture-button:hover {
  background-color: #f5f5f5;
  opacity: 1;
}

.image-118 {
  width: 18px;
  height: auto;
  min-width: 18px;
  margin-right: 6px;
  opacity: 0.6;
}

.lead-button-label {
  font-family: 'Sf ui text', sans-serif;
  color: #464646;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  text-shadow: none;
  cursor: pointer;
}

.post-plan-wrapper-center {
  width: 540px;
  height: auto;
  min-height: 200px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.lead-form-block-center {
  position: relative;
  display: block;
  width: 540px;
  max-width: none;
  min-height: 60px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.body-comp-form-block {
  display: block;
  padding-top: 20px;
}

.body-comp-measurements {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c9c9c9;
}

.body-comp-account {
  display: block;
  margin-bottom: 10px;
}

.select-field-7 {
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
}

.body-comp-form-wrapper {
  position: relative;
  display: block;
  min-height: 60px;
  margin-bottom: 20px;
}

.div-block-749 {
  width: 110px;
  margin-top: -4px;
}

.horizontal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sf-97 {
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 16px;
}

.sf-97.semi {
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 16px;
  font-weight: 600;
}

.sf-97.a {
  color: red;
}

.sf-97.a.b {
  color: #444;
}

.div-block-747 {
  padding-right: 10px;
  padding-left: 6px;
}

.sf-14-regular {
  margin-bottom: 0px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.sf-14-regular.white {
  color: #fff;
}

.site-form-field-short {
  width: 90px;
  margin-bottom: 15px;
  padding-left: 12px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 18px;
  text-align: right;
}

.site-form-field-short._5digits {
  width: 100px;
}

.site-form-field {
  margin-bottom: 15px;
  padding-left: 12px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
}

.form-description-text-3 {
  padding-top: 0px;
  border: 1px solid transparent;
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.form-description-text-3.a {
  color: red;
}

.form-description-text-3.a.b {
  color: #444;
}

.site-form-button-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.web-form {
  z-index: 2;
  padding: 20px 24px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.dob-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dob-dropdown {
  width: 140px;
  font-size: 15px;
}

.div-block-750 {
  padding-right: 10px;
}

.body-comp-form-wrapper-copy {
  position: relative;
  display: block;
  max-width: 540px;
  min-height: 60px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.confirm-block-template {
  position: static;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 300px;
  min-width: 400px;
  padding: 25px 20px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece;
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.confirmation-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 400px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.confirm-block-example {
  display: block;
  width: 600px;
  height: 400px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.confirm-block-template-copy {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  display: none;
  overflow: auto;
  margin-right: 0px;
  padding-top: 5%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.modalcontent-11-copy {
  position: relative;
  display: block;
  width: 600px;
  height: auto;
  min-height: 200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-block-751 {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url('../images/launch.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.gradient-overlay-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(56%, transparent), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent 56%, transparent);
}

.web-workout-preview {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 282px;
  max-width: 900px;
  min-height: 0px;
  padding-right: 32px;
  padding-bottom: 24px;
  padding-left: 32px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/jagoda2.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.web-workout-preview.vertical-center {
  width: 900px;
  height: 506px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.web-workout-name {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 1.8em;
  line-height: 1.2em;
  font-weight: 500;
}

.web-workout-label {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3;
  display: block;
  min-height: 56px;
  padding-top: 5%;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.workout-duration {
  margin-top: 4%;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 1.4em;
}

.launch-label {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-shadow: none;
}

.launch-workout-button {
  position: absolute;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  min-width: 100px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 40px;
  background-color: rgba(0, 0, 0, 0.55);
}

.launch-workout-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.title-h1-2 {
  position: relative;
  z-index: 2;
  margin-bottom: 0px;
  border: 1px solid transparent;
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 48px;
  line-height: 54px;
  font-weight: 700;
}

.title-h1-2.white {
  color: #fff;
  text-align: left;
}

.title-h1-2.center {
  text-align: center;
}

.title-h1-2.article {
  margin-bottom: 20px;
  text-align: center;
}

.edit-logo2-3 {
  position: absolute;
  left: auto;
  top: auto;
  right: -33%;
  bottom: -14%;
  display: none;
  width: auto;
  height: 34px;
  margin-bottom: 6px;
  padding: 2px 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.24);
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  cursor: pointer;
}

.edit-logo2-3:hover {
  border-color: hsla(0, 0%, 100%, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
}

.teaser-side {
  width: 50%;
  max-width: 684px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.teaser-side.cienna {
  background-color: #681290;
}

.teaser-content {
  padding: 20px 60px 80px;
}

.login-twm-button {
  position: absolute;
  left: auto;
  top: 20px;
  right: 10px;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 100px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #168cdf;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  text-align: center;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.login-twm-button:hover {
  background-color: #0d72b9;
  color: #fff;
}

.action-button-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 140px;
  margin: 4px 3px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  text-align: center;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.action-button-7:hover {
  background-color: #0d72b9;
  color: #fff;
}

.action-button-7.submit-form {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: #158cdf;
  line-height: 16px;
  text-align: center;
}

.action-button-7.submit-form:hover {
  background-color: #00528c;
}

.cienna-video-wrapper {
  width: auto;
  padding: 60px 80px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.featured-content-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 400px;
  padding: 40px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #032944;
  -webkit-transition: top 400ms ease;
  transition: top 400ms ease;
}

.testimonial-pic {
  position: relative;
  width: 120px;
  height: 120px;
  min-height: 120px;
  min-width: 120px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 60px;
  background-color: #b676ff;
}

.testimonial-pic.rick {
  background-image: url('../images/jeff.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.testimonial-pic.regina {
  background-image: url('../images/mara-regina.jpeg');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.testimonial-pic.johnc {
  background-image: url('../images/john.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.testimonial-pic.rachel {
  background-image: url('../images/rachel.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.testimonial-pic.guillermo {
  background-image: url('../images/guillermo.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.testimonial-pic.fb {
  background-image: url('../images/mara-client.jpeg');
  background-size: cover;
}

.testimonial-pic.larry {
  background-image: url('../images/larry.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide-nav {
  display: none;
}

.left-arrow {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0.15)));
  background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0.15));
}

.custom-nav-wrapper {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 2px 2px 12px 5px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.trainer-name {
  position: relative;
  margin-bottom: 0px;
  font-family: 'Sf ui display', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 28px;
  font-weight: 700;
  text-align: left;
}

.title-h3 {
  position: relative;
  margin-bottom: 0px;
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 26px;
  line-height: 34px;
  font-weight: 400;
  text-align: left;
}

.title-h3.white {
  color: #fff;
  font-weight: 300;
}

.title-h3.white.center {
  text-align: center;
}

.testimonial-video-landscape {
  margin-top: 20px;
}

.icon-2 {
  -webkit-filter: invert(40%);
  filter: invert(40%);
}

.teaser-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  height: 100%;
  max-width: 1368px;
  margin-bottom: 0px;
  padding-right: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: #0371be;
}

.teaser-box.cienna {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #8e24aa;
}

.teaser-box.mara {
  background-color: #018b70;
}

.title-h2-2 {
  position: relative;
  margin-bottom: 0px;
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  text-align: left;
}

.title-h2-2.white {
  color: #fff;
}

.logo-container-2 {
  position: relative;
  max-height: 72px;
  min-height: 50px;
  min-width: 220px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/twm-logo-mobile.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: left;
  text-decoration: none;
}

.logo-container-2.w--current {
  padding-top: 0px;
}

.trainer-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 260px;
  padding-bottom: 40px;
  padding-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #e6e6e6;
}

.trainer-image.jason {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.34)), color-stop(28%, rgba(0, 0, 0, 0.4)), to(transparent)), url('../images/jason.jpg');
  background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.4) 28%, transparent), url('../images/jason.jpg');
  background-position: 0px 0px, 0% 30%;
  background-size: auto, 600px;
  background-repeat: repeat, no-repeat;
}

.trainer-image.cienna {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(18, 18, 18, 0.67)), color-stop(38%, rgba(0, 0, 0, 0.3)), to(hsla(0, 0%, 100%, 0))), url('../images/cienna_1.jpg');
  background-image: linear-gradient(360deg, rgba(18, 18, 18, 0.67), rgba(0, 0, 0, 0.3) 38%, hsla(0, 0%, 100%, 0)), url('../images/cienna_1.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.trainer-image.mara {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.49)), color-stop(45%, rgba(0, 0, 0, 0.33)), to(transparent)), url('../images/mara.jpg');
  background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.33) 45%, transparent), url('../images/mara.jpg');
  background-position: 0px 0px, 0% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.site-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  padding-top: 40px;
  padding-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.site-section:hover {
  border: 2px none #00b2ed;
}

.site-section.hero-twm {
  height: 360px;
  padding-top: 30px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/hero1.jpg'), -webkit-gradient(linear, left top, left bottom, from(#0068b1), to(#0068b1));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/hero1.jpg'), linear-gradient(180deg, #0068b1, #0068b1);
  background-position: 0px 0px, 50% 50%, 0px 0px;
  background-size: auto, auto 400px, auto;
  background-repeat: repeat, repeat-x, repeat;
}

.site-section.hero-twm:hover {
  border-bottom-style: none;
}

.site-section.grey {
  background-color: #f7f7f7;
}

.site-section.testimonial {
  padding-top: 0px;
  padding-bottom: 100px;
}

.site-section.heading {
  padding-top: 60px;
  padding-bottom: 20px;
}

.site-section.heading-grey {
  padding-top: 60px;
  padding-bottom: 40px;
  background-color: #f7f7f7;
}

.site-section.heading-blog {
  padding-top: 60px;
  padding-bottom: 20px;
  background-color: #f7f7f7;
}

.featured-trainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 442px;
  height: 660px;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-trainer:hover {
  box-shadow: 7px 4px 11px 5px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(0px, -8px);
  -ms-transform: translate(0px, -8px);
  transform: translate(0px, -8px);
}

.title-custom {
  position: relative;
  padding-bottom: 0px;
}

.right-arrow {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(22%, #fff), to(hsla(0, 0%, 100%, 0.31)));
  background-image: linear-gradient(270deg, #fff 22%, hsla(0, 0%, 100%, 0.31));
}

.trainer-profile {
  width: 60px;
  height: 60px;
  min-height: 60px;
  min-width: 60px;
  margin-right: 14px;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 100px;
  background-image: url('../images/cienna-sm.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.trainer-profile.mara {
  background-image: url('../images/mara-sm.jpg');
}

.trainer-profile.jason {
  background-image: url('../images/jason-small.jpg');
  background-position: 60% 20%;
  background-size: 180px;
}

.post-body-text-3 {
  margin-bottom: 10px;
  font-family: 'Sf ui text', sans-serif;
  color: #616161;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.post-body-text-3.white {
  color: #fff;
}

.div-block-765 {
  margin-top: 0px;
  margin-left: 0px;
  border-top-right-radius: 8px;
}

.site-img {
  width: 474px;
}

.custsom-form-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px;
  background-color: rgba(237, 244, 247, 0.89);
}

.sf-98 {
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.sf-98.white {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
}

.plan-tag-section {
  z-index: 3;
  overflow: auto;
  padding-top: 16px;
  padding-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(237, 240, 243, 0.75);
}

.featured-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.twm-site-header-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1368px;
  height: 80px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: left;
}

.body-paragraph {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.body-paragraph.white {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-weight: 400;
}

.body-paragraph.small {
  padding-top: 20px;
  padding-right: 30px;
  padding-left: 30px;
  color: #313131;
  font-size: 16px;
  line-height: 24px;
}

.div-block-769 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-web-form {
  z-index: 2;
  padding: 20px 30px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.teaser-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: hsla(0, 0%, 100%, 0.65);
}

.cienna-video-mobile {
  display: none;
  width: auto;
  padding: 60px 80px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.title-side-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.t-slide {
  width: 380px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #e7f4fd;
}

.t-slide.blue {
  width: 400px;
  padding: 40px 30px 20px;
  border-radius: 12px;
  background-color: #0375ff;
}

.trainer-button {
  width: 180px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.trainer-button:hover {
  color: #fff;
}

.trainer-name-website-3 {
  display: none;
  max-width: 400px;
  padding-top: 4px;
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 32px;
  line-height: 36px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.slider {
  width: 96%;
  height: 500px;
  padding-right: 20px;
  padding-left: 60px;
  background-color: #fff;
}

.site-tag {
  display: block;
  height: 48px;
  min-width: 136px;
  margin-right: 4px;
  margin-left: 4px;
  padding-top: 6px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 46px;
  background-color: #00528c;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 16px;
  font-weight: 500;
  text-align: center;
  cursor: default;
}

.tag-label {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-shadow: none;
}

.tag-label.sm {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.site-tag-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: left;
}

.div-block-777 {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  margin-top: 10px;
  padding-left: 40px;
  font-family: 'Sf ui text', sans-serif;
}

.legend-label {
  display: inline-block;
  padding-right: 30px;
  font-family: 'Sf ui text', sans-serif;
  color: #708391;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}

.tag-label-2 {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-shadow: none;
}

.tag-label-2.sm {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 13px;
  line-height: 14px;
  font-weight: 500;
}

.text-span-56 {
  color: #fff;
}

.launch-button-layer {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.launch-button-layer:hover {
  opacity: 1;
}

.launch-button-layer.no-hover {
  opacity: 1;
}

.site-section-heading-corporate {
  position: relative;
  display: none;
  min-height: 80px;
  padding-top: 40px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.site-section-heading-corporate:hover {
  border: 2px none #00b2ed;
}

.post-header-web-3 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 0px;
  text-align: center;
}

.post-content-wrapper-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 990px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-content-wrapper-3.vertical-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.post-content-wrapper-3.contact {
  margin-top: 40px;
}

.post-text-wrapper-2 {
  width: 440px;
  padding-right: 20px;
  padding-left: 20px;
}

.post-text-wrapper-2.vertical-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-text-wrapper-2.vertical-center.long {
  width: 760px;
  padding-right: 0px;
  padding-left: 0px;
}

.post-content-wrapper-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 992px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-content-wrapper-4.vertical-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.site-section-corporate {
  position: relative;
  display: none;
  min-height: 80px;
  padding-top: 40px;
  padding-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.site-section-corporate:hover {
  border: 2px none #00b2ed;
}

.action-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin: 4px 3px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  text-align: center;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.action-button:hover {
  background-color: #0d72b9;
  color: #fff;
}

.action-button.blue-outline {
  height: 52px;
  border: 1px solid #168cdf;
  background-color: #fff;
  color: #168cdf;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.action-button.blue-outline:hover {
  background-color: #d5f5ff;
}

.action-button.submit-form {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: #158cdf;
  line-height: 16px;
  text-align: center;
}

.action-button.submit-form:hover {
  background-color: #00528c;
}

.section-11 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  padding-top: 40px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.section-11:hover {
  border: 2px none #00b2ed;
}

.section-11.blog-heading {
  padding-top: 60px;
  padding-bottom: 0px;
  background-color: #f7f7f7;
}

.section-11.contact {
  padding-top: 40px;
  padding-bottom: 100px;
  background-color: #3a5c74;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/hero-trainers-mobile.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/hero-trainers-mobile.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.section-11.contact-header {
  padding-top: 60px;
}

.topic-tag-wrapper {
  display: none;
  margin-bottom: 12px;
  padding: 20px 20px 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background-color: #fff;
}

.featured-item-button-wrapper {
  width: 140px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
}

.item-image-wrapper {
  height: 220px;
  min-width: 340px;
  background-image: url('../images/Screen-Shot-2021-10-05-at-10.38.50-AM.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.item-image-wrapper._3 {
  background-image: url('../images/trainer-lie.jpg');
  background-position: 50% 50%;
  background-size: 350px;
}

.item-image-wrapper._1 {
  background-image: url('../images/stretch.jpeg');
  background-size: cover;
}

.item-image-wrapper._4 {
  background-image: url('../images/fms2.jpeg');
}

.item-image-wrapper._5 {
  background-image: url('../images/bc-reminder-bg.jpg');
}

.div-block-778 {
  padding-bottom: 10px;
}

.blog-feature-image {
  width: 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  text-align: center;
}

.site-section-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  padding-top: 40px;
  padding-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.site-section-2:hover {
  border: 2px none #00b2ed;
}

.site-section-2.content-main {
  padding-top: 20px;
  padding-bottom: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.site-section-2.content-main.light-grey {
  padding-top: 0px;
  padding-bottom: 60px;
  background-color: #f7f7f7;
}

.site-section-2.content-main.light-grey {
  padding-top: 40px;
  padding-bottom: 100px;
  background-color: #f7f7f7;
}

.snippet-wrapper {
  width: 990px;
}

.content-tag {
  position: static;
  display: inline-block;
  width: auto;
  height: 34px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-top: 6px;
  padding-right: 14px;
  padding-left: 14px;
  clear: left;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #00528c;
  border-radius: 6px;
  background-color: #fff;
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 16px;
}

.content-tag:hover {
  background-color: rgba(0, 82, 140, 0.8);
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
}

.content-snippet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  padding: 10px 10px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-bottom: 1px solid #dbdbdb;
  background-color: #fff;
}

.link-block-9 {
  padding-bottom: 6px;
  cursor: pointer;
}

.link-block-9:hover {
  color: #0078ce;
  text-decoration: underline;
}

.title-h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}

.title-content {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Sf ui display', sans-serif;
  color: #444;
  font-size: 26px;
  font-weight: 700;
  text-align: left;
}

.content-snippet-wrapper {
  overflow: hidden;
  padding-top: 6px;
  padding-right: 10px;
  padding-left: 30px;
  text-align: left;
}

.content-snippet-wrapper.horizontal {
  padding-top: 10px;
  padding-left: 30px;
}

.article-view {
  width: 990px;
  margin-bottom: 12px;
  padding-top: 10px;
  padding-bottom: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-color: #fff;
}

.custom-nav-wrapper-2 {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 2px 2px 12px 5px rgba(0, 0, 0, 0.2);
}

.div-block-815 {
  min-width: 280px;
  margin-right: 26px;
}

.twm-site-header-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1368px;
  height: 80px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.article-cta-holder {
  padding-top: 40px;
  padding-bottom: 20px;
}

.article-cta-holder.hidden {
  display: block;
}

.article-text-wrapper {
  width: 740px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
}

.twm-cta-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  min-width: 100px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #168cdf;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.twm-cta-button:hover {
  background-color: #0d72b9;
  color: #fff;
}

.article-body-text {
  margin-bottom: 10px;
  font-family: 'PT Serif', serif;
  color: #444;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.author-tag-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #5f5f5f;
}

.div-block-779 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-container-3 {
  position: relative;
  max-height: 72px;
  min-height: 50px;
  min-width: 220px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/twm-logo-mobile.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: left;
  text-decoration: none;
}

.logo-container-3.w--current {
  padding-top: 0px;
}

.div-block-814 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 40px;
}

.div-block-814.testimonial {
  width: 100%;
  padding: 10px 20px;
  background-color: #f8edf4;
  text-align: left;
}

.author-pic {
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
  margin-right: 6px;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 100px;
  background-image: url('../images/account_1account.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.author-pic.cienna {
  background-image: url('../images/Screen-Shot-2021-07-14-at-12.42.43-PM.png');
}

.author-pic.jason {
  background-image: url('../images/jason-headshot-small.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.author-pic.colin {
  background-image: url('../images/colin.jpg');
}

.author-pic.mara {
  background-image: url('../images/mara-sm.jpg');
}

.twm-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 100px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #168cdf;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  text-align: center;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.twm-button:hover {
  background-color: #0d72b9;
  color: #fff;
}

.video-square-holder {
  width: 500px;
  height: 628px;
  margin-right: auto;
  margin-left: auto;
}

.video-vertical-holder {
  width: 400px;
  height: 710px;
  margin-right: auto;
  margin-left: auto;
}

.image-124 {
  width: 100%;
  margin-bottom: 20px;
}

.privacy-text {
  margin-bottom: 10px;
  padding-top: 0px;
  border: 1px solid transparent;
  font-family: 'Sf ui text', sans-serif;
  color: #707070;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
}

.privacy-text.a {
  color: red;
}

.privacy-text.a.b {
  color: #444;
}

.privacy-text.grey.a {
  color: #707070;
}

.article-subhead {
  font-family: 'Sf ui display', sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.img-wrapper {
  min-width: 260px;
  margin-right: 26px;
}

.img-wrapper.full {
  min-width: 0px;
  margin-top: 40px;
  margin-right: 0px;
  margin-bottom: 40px;
}

.blog-snippet-grid-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1100px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.blog-snippet {
  display: inline-block;
  overflow: hidden;
  width: 354px;
  height: 540px;
  margin-right: 6px;
  margin-bottom: 12px;
  margin-left: 6px;
  padding: 16px 18px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e4e4;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: left;
}

.item-image-wrapper-2 {
  width: 100%;
  height: 180px;
  min-width: 0px;
  margin-bottom: 10px;
  background-image: url('../images/Screen-Shot-2021-10-05-at-10.38.50-AM.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.item-image-wrapper-2._1 {
  background-image: url('../images/stretch.jpeg');
  background-size: cover;
}

.item-image-wrapper-2._3 {
  background-image: url('../images/trainer-lie.jpg');
  background-position: 50% 0%;
  background-size: 350px;
  text-align: left;
}

.item-image-wrapper-2._5 {
  background-image: url('../images/bc-reminder-bg.jpg');
}

.item-image-wrapper-2._4 {
  background-image: url('../images/fms2.jpeg');
}

.item-image-wrapper-2._6 {
  background-image: url('../images/hypervolt2.jpg');
}

.item-image-wrapper-2._7 {
  background-image: url('../images/mara-neck.jpg');
}

.item-image-wrapper-2._8 {
  background-image: url('../images/tf-colin-client.jpg');
}

.item-image-wrapper-2._9 {
  background-image: url('../images/exercise-outdoor.jpg');
}

.item-image-wrapper-2._10 {
  background-image: url('../images/pelvic-blog.jpg');
}

.item-image-wrapper-2._11 {
  background-image: url('../images/pelvic-blog2.jpg');
}

.hamburger-icon-2 {
  font-size: 46px;
}

.twm-site-header-wrapper-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1368px;
  height: 80px;
  padding-right: 10px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.nav-menu-4 {
  margin-right: 20px;
}

.logo-container-4 {
  position: relative;
  max-height: 72px;
  min-height: 50px;
  min-width: 220px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/twm-logo-mobile.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: left;
  text-decoration: none;
}

.logo-container-4.w--current {
  padding-top: 0px;
}

.navbar-3 {
  background-color: transparent;
}

.twm-button-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 100px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #168cdf;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  text-align: center;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.twm-button-2:hover {
  background-color: #0d72b9;
  color: #fff;
}

.menu-button-4 {
  display: none;
  width: 70px;
  height: 70px;
  margin-top: 30px;
  margin-right: 30px;
  padding-top: 13px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #e30d18;
  -webkit-transition: background-color 500ms ease, background-position 500ms ease;
  transition: background-color 500ms ease, background-position 500ms ease;
  color: #fff;
  font-size: 34px;
  text-align: center;
}

.menu-button-4:hover {
  background-color: #000;
  background-position: 50% 9px, 50% -36px;
}

.menu-button-4.w--open {
  position: relative;
  z-index: 20;
  background-color: #525252;
}

.nav-link-3 {
  padding-right: 14px;
  padding-left: 14px;
  font-family: 'Sf ui display', sans-serif;
  color: #00528c;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.nav-link-3:hover {
  background-color: rgba(0, 178, 237, 0.08);
  color: #00528c;
}

.div-block-824 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 120px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.web-form-wrapper {
  position: relative;
  display: block;
  min-height: 60px;
  margin-bottom: 20px;
}

.div-block-825 {
  margin-top: 40px;
}

.blog-list-item {
  padding-top: 6px;
  padding-bottom: 12px;
  font-family: 'PT Serif', serif;
  font-size: 20px;
  line-height: 30px;
}

.list {
  margin-top: 20px;
  margin-bottom: 30px;
}

.textarea-6 {
  min-height: 90px;
  font-family: 'Sf ui text', sans-serif;
  font-size: 15px;
}

.sf-99 {
  color: #313131;
  font-size: 14px;
  line-height: 15px;
  font-weight: 400;
}

.sf-100 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.sf-100.white {
  color: #fff;
}

.sf-100.semi {
  font-weight: 600;
}

.sf-100.semi.white {
  color: #fff;
  cursor: pointer;
}

.action-button-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin: 4px 3px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.action-button-8:hover {
  background-color: #0d72b9;
  color: #fff;
}

.text-field-6 {
  padding-left: 12px;
  font-size: 15px;
}

.div-block-829 {
  margin-bottom: 20px;
}

.div-block-832 {
  text-align: left;
}

.title-h2-copy {
  z-index: 2;
  margin-bottom: 0px;
  border: 1px solid transparent;
  font-family: 'Sf ui display', sans-serif;
  font-size: 38px;
  line-height: 42px;
  font-weight: 700;
  text-align: center;
}

.title-h2-copy.center {
  text-align: center;
}

.div-block-833 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-833.landing-page {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-wrapper {
  width: 352px;
  text-align: left;
}

.column-wrapper.testimonial {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  margin-top: 0px;
  margin-bottom: 40px;
  padding: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 12px;
  background-color: #f7f7f7;
}

.column-wrapper.pricing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  margin-bottom: 40px;
  padding: 40px 40px 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 12px;
  background-color: #00528c;
}

.column-wrapper.pricing._3 {
  background-color: #0097a7;
}

.column-wrapper.pricing._2 {
  background-color: #673ab7;
}

.column-wrapper.pricing._4 {
  background-color: #0277bd;
}

.column-wrapper.pricing.be {
  background-color: #ef6c00;
}

.footer-links-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1d1d1d;
}

.image-161 {
  width: 100%;
}

.list-2 {
  margin-top: 60px;
  padding-left: 0px;
}

.image-146 {
  width: 180px;
}

.div-block-923 {
  display: none;
}

.left-arrow-4 {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0.15)));
  background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0.15));
}

.form-20 {
  text-align: center;
}

.report-img {
  box-shadow: 2px 2px 15px 5px rgba(0, 0, 0, 0.15);
}

.textlink-3 {
  display: inline;
  color: #0078ce;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.textlink-3:hover {
  color: #00b2ed;
}

.textlink-3.grey {
  color: #cecece;
}

.textlink-3.grey:hover {
  text-decoration: underline;
}

.textlink-3.grey {
  font-family: Poppins, sans-serif;
  color: #cecece;
}

.textlink-3.grey:hover {
  text-decoration: underline;
}

.nav-link-4 {
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  border-bottom: 3px solid transparent;
  color: #fff;
  font-size: 15px;
}

.nav-link-4:hover {
  border-bottom-color: #00b2ed;
  color: #fff;
}

.nav-link-4.w--current {
  border-bottom: 3px solid #00b2ed;
  color: #fff;
}

.nav-link-4.sign-in {
  margin-top: 3px;
  margin-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 13px;
}

.nav-link-4.sign-in:hover {
  background-color: #0375ff;
  color: #fff;
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.italic-text {
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-size: 20px;
}

.hero-element-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.hero-element-wrapper.products {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-971 {
  width: 95%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 14px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #c1e1f8;
  border-radius: 12px;
  background-color: #f3f9fd;
}

.text-span-61 {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.text-field-10 {
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff #fff #d3d3d3;
  color: #141414;
  font-size: 18px;
  font-weight: 400;
}

.text-field-10::-webkit-input-placeholder {
  color: #888;
}

.text-field-10:-ms-input-placeholder {
  color: #888;
}

.text-field-10::-ms-input-placeholder {
  color: #888;
}

.text-field-10::placeholder {
  color: #888;
}

.easy-start-heading {
  margin-bottom: 26px;
}

.slider-2 {
  width: 96%;
  height: 500px;
  max-width: 1468px;
  padding-right: 20px;
  padding-left: 70px;
  background-color: #fff;
}

.footer-text {
  padding-right: 8px;
  padding-left: 8px;
  color: #cecece;
  font-size: 13px;
  text-align: center;
}

.heading-1 {
  color: rgba(0, 0, 0, 0.72);
  font-size: 52px;
  line-height: 62px;
  font-weight: 400;
  text-shadow: none;
}

.heading-1.xl-bold-white {
  color: hsla(0, 0%, 100%, 0.9);
  font-weight: 700;
}

.heading-1.xl-bold-white.shadow {
  text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.4);
}

.section-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1320px;
  min-height: 100px;
  min-width: 980px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-content-wrapper.cta {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section-content-wrapper.right.be {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section-content-wrapper._3-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  max-width: none;
  min-height: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.section-content-wrapper.center-wide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  max-width: none;
  min-height: 0px;
  min-width: 900px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.section-content-wrapper.center-wide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  max-width: none;
  min-height: 0px;
  min-width: 900px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.nav-menu-5 {
  margin-left: auto;
}

.div-block-969 {
  padding-top: 10px;
}

.heading-2 {
  margin-bottom: 40px;
  color: rgba(0, 0, 0, 0.72);
  font-size: 38px;
  line-height: 46px;
  font-weight: 600;
  text-shadow: none;
}

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

.heading-2.center.bold {
  font-weight: 700;
}

.heading-2.white {
  color: hsla(0, 0%, 100%, 0.9);
  font-weight: 400;
}

.heading-2.white.shadow {
  font-size: 36px;
  line-height: 48px;
  text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.4);
}

.hero-copy {
  width: 52%;
}

.hero-copy.interior {
  width: 48%;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}

.hero-copy.interior.long {
  width: 800px;
  padding-right: 0px;
}

.div-block-968 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.right-arrow-4 {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(22%, #fff), to(hsla(0, 0%, 100%, 0.31)));
  background-image: linear-gradient(270deg, #fff 22%, hsla(0, 0%, 100%, 0.31));
}

.hero-right-block {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 470px;
  padding: 30px 40px 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  background-color: #fff;
  text-align: center;
}

.site-header-nav {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1d1d1d;
}

.testimonial-profile {
  position: relative;
  width: 120px;
  height: 120px;
  min-height: 120px;
  min-width: 120px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  border-radius: 60px;
  background-color: #032944;
}

.icon-img {
  width: 56px;
  height: 56px;
  margin-bottom: 35px;
}

.report-animation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  max-width: 500px;
  min-height: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.assessment-form-wrapper {
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 500px;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  background-color: #fff;
}

.assessment-form-wrapper.outline {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(3, 117, 255, 0.5);
  background-color: #fff;
}

.image-157 {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #d3d3d3;
  box-shadow: 1px 1px 11px 2px rgba(0, 0, 0, 0.14);
}

.navbar-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1360px;
  min-width: 980px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.image-159 {
  margin-bottom: 5px;
}

.serif-16 {
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

.form-block-21 {
  width: 440px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.heading-3 {
  color: rgba(0, 0, 0, 0.72);
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}

.heading-3.featured {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  text-align: center;
}

.heading-3.bold {
  font-weight: 700;
}

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

.heading-3.bold.center.blue {
  color: #0375ff;
}

.div-block-901 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
  max-width: 500px;
  min-height: 400px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
}

.div-block-901.site-builder {
  max-width: none;
  min-height: 540px;
  background-color: transparent;
  background-image: none;
  font-style: italic;
}

.div-block-901.lead {
  background-color: transparent;
  background-image: none;
}

.div-block-901.center-video {
  width: 100%;
  max-width: none;
  min-height: auto;
  border: 1px solid #414141;
  border-radius: 0px;
  background-image: url('../images/video-cover.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-block-901.get-in-touch {
  background-color: transparent;
  background-image: none;
}

.div-block-901.app {
  padding-right: 25px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #00528c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), url('../images/programs_2.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/programs_2.png');
  background-position: 0px 0px, 100% 70%;
  background-size: auto, auto;
  background-repeat: repeat, no-repeat;
}

.div-block-901.bodyevolver {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 50, 85, 0.34)), to(rgba(0, 50, 85, 0.34))), url('../images/bc-reminder-bg2.jpg');
  background-image: linear-gradient(180deg, rgba(0, 50, 85, 0.34), rgba(0, 50, 85, 0.34)), url('../images/bc-reminder-bg2.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.div-block-901.before-after {
  background-image: linear-gradient(50deg, rgba(26, 188, 156, 0.8), rgba(0, 178, 237, 0.8)), url('../images/Screen-Shot-2022-01-10-at-12.05.55-PM.png');
  background-position: 0px 0px, 70% 90%;
  background-size: auto, 800px;
  background-repeat: repeat, no-repeat;
}

.div-block-901.website {
  background-image: url('../images/Screen-Shot-2022-05-12-at-12.50.29-PM.png');
  background-position: 50% 50%;
  background-size: cover;
}

.slider-section {
  z-index: 1;
  display: none;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fafafa;
}

.home-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-section {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.content-section.cta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url('../images/group.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/group.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.content-section.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-section.leadin {
  height: 660px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/magnet.png');
  background-position: 96% 56%;
  background-size: 750px;
  background-repeat: no-repeat;
}

.content-section.blue {
  background-color: #00528c;
}

.content-section.light-grey {
  background-color: #fafafa;
}

.content-section.cta-product {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(74deg, rgba(0, 0, 0, 0.46) 32%, transparent 76%), linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/group-class.jpeg');
  background-position: 0px 0px, 0px 0px, 50% 50%;
  background-size: auto, auto, cover;
  background-repeat: repeat, repeat, no-repeat;
}

.content-section.testimonials {
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.submit-button-2 {
  min-width: 150px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #0375ff;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.submit-button-2:hover {
  background-color: #005dce;
  color: #fff;
}

.submit-button-2.red {
  background-color: red;
  font-size: 20px;
  font-weight: 700;
}

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

.submit-button-2.red-sm {
  padding: 15px 20px;
  background-color: red;
  font-size: 16px;
  font-weight: 700;
}

.submit-button-2.red-sm:hover {
  background-color: #d80909;
}

.list-item-2 {
  margin-bottom: 32px;
  padding-left: 36px;
  background-image: url('../images/check_1check.png');
  background-position: 0% 1px;
  background-size: 24px;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0.72);
  font-size: 18px;
  line-height: 28px;
  list-style-type: none;
}

.list-item-2.white {
  color: #fff;
}

.div-block-902 {
  margin-bottom: 30px;
}

.hero-content {
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1320px;
  min-height: 200px;
  min-width: 980px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-outer-wrapper {
  position: relative;
  background-color: #1b1b1b;
}

.div-block-917 {
  max-width: 640px;
  margin-bottom: 50px;
}

._3-column-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  margin-top: 0px;
  margin-bottom: 60px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

._3-column-wrapper.vertical {
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.poppins-label {
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.poppins-label.testimonial {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.poppins-label.white {
  color: hsla(0, 0%, 100%, 0.9);
}

.background-video-2-copy {
  z-index: 2;
  width: 100%;
  height: 720px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-903 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-copy {
  width: 55%;
  min-height: 100px;
  padding-left: 72px;
}

.section-copy.left {
  padding-right: 72px;
  padding-left: 0px;
}

.section-copy.center {
  width: 75%;
  margin-bottom: 40px;
  padding-left: 0px;
}

.section-copy.lead {
  width: 55%;
  padding-bottom: 20px;
  padding-left: 0px;
  background-color: rgba(255, 255, 255, 0.8);
}

.brand-link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding-right: 20px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-span-65 {
  font-family: Merriweather, serif;
}

.nav-link-5 {
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  border-bottom: 3px solid transparent;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 15px;
}

.nav-link-5:hover {
  border-bottom-color: #00b2ed;
  color: #fff;
}

.nav-link-5.w--current {
  border-bottom: 3px solid #00b2ed;
  color: #fff;
}

.nav-link-5.sign-in {
  margin-top: 3px;
  margin-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 13px;
}

.nav-link-5.sign-in:hover {
  background-color: #0375ff;
  color: #fff;
}

.text-field-11 {
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff #fff #d3d3d3;
  font-family: Poppins, sans-serif;
  color: #141414;
  font-size: 18px;
  font-weight: 400;
}

.text-field-11::-webkit-input-placeholder {
  color: #888;
}

.text-field-11:-ms-input-placeholder {
  color: #888;
}

.text-field-11::-ms-input-placeholder {
  color: #888;
}

.text-field-11::placeholder {
  color: #888;
}

.footer-text-2 {
  padding-right: 8px;
  padding-left: 8px;
  font-family: Poppins, sans-serif;
  color: #cecece;
  font-size: 13px;
  text-align: center;
}

.heading-4 {
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 52px;
  line-height: 62px;
  font-weight: 400;
  text-shadow: none;
}

.heading-4.xl-bold-white {
  color: hsla(0, 0%, 100%, 0.9);
  font-weight: 700;
}

.heading-4.xl-bold-white.shadow {
  text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.4);
}

.heading-5 {
  margin-bottom: 40px;
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 38px;
  line-height: 46px;
  font-weight: 600;
  text-shadow: none;
}

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

.heading-5.center.bold {
  font-weight: 700;
}

.heading-5.white {
  color: hsla(0, 0%, 100%, 0.9);
  font-weight: 400;
}

.heading-5.white.shadow {
  font-size: 36px;
  line-height: 48px;
  text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.4);
}

.heading-5.vbp {
  margin-bottom: 0px;
  font-size: 36px;
  font-weight: 500;
  text-align: center;
}

.heading-5.vbp.bold {
  font-weight: 700;
}

.heading-6 {
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
}

.heading-6.featured {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  text-align: center;
}

.heading-6.bold {
  font-weight: 700;
}

.heading-6.bold.center {
  text-align: center;
}

.heading-6.bold.center.blue {
  color: #0375ff;
}

.heading-6.white {
  color: #fff;
}

.submit-button-3 {
  min-width: 150px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #0375ff;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.submit-button-3:hover {
  background-color: #005dce;
  color: #fff;
}

.submit-button-3.red {
  background-color: red;
  font-size: 20px;
  font-weight: 700;
}

.submit-button-3.red:hover {
  background-color: #d80909;
}

.submit-button-3.red-sm {
  padding: 15px 20px;
  background-color: red;
  font-size: 16px;
  font-weight: 700;
}

.submit-button-3.red-sm:hover {
  background-color: #d80909;
}

.list-item-3 {
  margin-bottom: 32px;
  padding-left: 36px;
  background-image: url('../images/check_1check.png');
  background-position: 0% 1px;
  background-size: 24px;
  background-repeat: no-repeat;
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 18px;
  line-height: 28px;
  list-style-type: none;
}

.list-item-3.white {
  color: #fff;
}

.poppins-body-text-2 {
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}

.poppins-body-text-2.testimonial {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.poppins-body-text-2.white {
  color: hsla(0, 0%, 100%, 0.9);
}

.bar-chart-segment {
  position: relative;
  width: 64px;
  height: 30px;
  margin-right: 10px;
  background-color: #009aed;
}

.bar-chart-segment.long {
  width: 320px;
  background-color: #fb8c00;
}

.div-block-977 {
  min-height: 80px;
  margin-top: 30px;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #a2ccff;
  border-radius: 12px;
  background-color: transparent;
}

.poppins-label-sm {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  line-height: 16px;
}

.interior-page-banner-content {
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1320px;
  min-height: 200px;
  min-width: 980px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-979 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-1021 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 332px;
  min-height: 20px;
  padding-top: 15px;
  padding-left: 34px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.text {
  font-family: Montserrat, sans-serif;
  color: #464646;
  font-size: 12px;
  line-height: 17px;
  font-weight: 500;
}

.text.chart {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: Poppins, sans-serif;
  color: #494949;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

.cta-button-wrapper {
  padding-top: 10px;
  padding-bottom: 40px;
}

.image-164 {
  margin-top: 40px;
  border-bottom: 1px solid #d1d1d1;
}

.list-item-4 {
  margin-bottom: 10px;
  margin-left: 10px;
  font-family: Poppins, sans-serif;
  color: rgba(0, 0, 0, 0.72);
  font-size: 18px;
  line-height: 28px;
  list-style-type: disc;
}

.chart-be {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 94%;
  margin-top: 10px;
  padding-top: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: none none none solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.56) hsla(0, 0%, 100%, 0.56) #89b0bd #89b0bd;
}

.hero-intereior {
  position: relative;
  display: block;
  width: 100%;
  height: 520px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hero-intereior.product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: linear-gradient(99deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.36)), url('../images/programs.gif');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero-intereior.contact {
  background-image: linear-gradient(106deg, rgba(0, 0, 0, 0.71), transparent), linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/class.jpeg');
  background-position: 0px 0px, 0px 0px, 100% 50%;
  background-size: auto, auto, cover;
  background-repeat: repeat, repeat, no-repeat;
}

.list-3 {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 20px;
}

.text-span-72 {
  color: #ed4444;
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
}

.div-block-976 {
  margin-top: 40px;
}

.div-block-913-copy {
  margin-top: 40px;
}

.profile-img {
  width: 140px;
  height: 140px;
  min-height: 140px;
  min-width: 140px;
  margin-left: 40px;
  border-radius: 200px;
  background-color: #b6b6b6;
}

.profile-img.miked {
  background-image: url('../images/Screen-Shot-2022-07-22-at-10.48.27-AM.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.profile-img.jason {
  background-image: url('../images/jason-headshot-small.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.profile-img.cienna {
  background-image: url('../images/cienna_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.profile-img.travis {
  background-image: url('../images/travis.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.profile-img.jeremias {
  background-image: url('../images/jeremias.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.profile-img.mara {
  background-image: url('../images/mara-sm.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.profile-img.ricardo {
  background-image: url('../images/ricardo.jpeg');
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-929 {
  margin-bottom: 26px;
}

.vertical-box-content-wrapper {
  width: 680px;
}

.offer {
  display: inline-block;
  margin-bottom: 20px;
  padding: 6px 12px;
  border: 1px solid #fff;
  background-color: #ed4444;
}

.inputfield-3 {
  display: block;
  width: 580px;
  margin-top: 4px;
  margin-right: auto;
  margin-left: auto;
  color: rgba(49, 43, 61, 0.89);
  font-size: 16px;
}

.inputfield-3.short {
  display: block;
  width: 380px;
}

.inputfield-3.short::-webkit-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield-3.short:-ms-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield-3.short::-ms-input-placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.inputfield-3.short::placeholder {
  color: rgba(49, 43, 61, 0.4);
}

.handle-2 {
  position: absolute;
  left: 0px;
  top: -5px;
  right: 0px;
  bottom: auto;
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #c7c7c7;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.handle-2:hover {
  background-color: #fff;
}

.body-image-copy {
  position: relative;
  display: inline-block;
  width: 32%;
  height: 160px;
  margin-right: 2px;
  margin-bottom: 0px;
  margin-left: 2px;
  background-color: #dfdfdf;
}

.body-image-copy.m2 {
  width: 24%;
  background-image: url('../images/M2.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.second-photo-chooser-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 25;
  display: none;
  padding-top: 40px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: rgba(0, 0, 0, 0.35);
}

.div-block-1022 {
  width: 600px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.confirm-block-template-2 {
  position: static;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 300px;
  min-width: 400px;
  padding: 25px 20px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece;
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.text-field {
  width: 190px;
  height: 90px;
  margin-right: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  border: 1px solid transparent;
  font-family: Poppins, sans-serif;
  color: #444;
  font-size: 56px;
  line-height: 56px;
  font-weight: 500;
  text-align: center;
}

.text-field:focus {
  border-style: none;
}

.text-field::-webkit-input-placeholder {
  color: #c7c7c7;
}

.text-field:-ms-input-placeholder {
  color: #c7c7c7;
}

.text-field::-ms-input-placeholder {
  color: #c7c7c7;
}

.text-field::placeholder {
  color: #c7c7c7;
}

.text-field._1digit {
  width: 100px;
}

.text-field.contact {
  width: 380px;
  height: 60px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
}

.body-image {
  position: relative;
  display: inline-block;
  width: 32%;
  height: 160px;
  margin-right: 2px;
  margin-bottom: 0px;
  margin-left: 2px;
  background-color: #dfdfdf;
}

.body-image.m4 {
  background-image: url('../images/m4.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f5 {
  background-image: url('../images/F4.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f8 {
  background-image: url('../images/F8.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.m3 {
  background-image: url('../images/M3.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f2 {
  background-image: url('../images/F2.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.m7 {
  background-image: url('../images/M7.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f1 {
  background-image: url('../images/F1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

.body-image.m2 {
  background-image: url('../images/M2.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f6 {
  background-image: url('../images/F5.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.m5 {
  background-image: url('../images/M5.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.m8 {
  background-image: url('../images/M8.png');
  background-position: 0px 0px;
  background-size: cover;
}

.body-image.f9 {
  background-image: url('../images/F9.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f3 {
  background-image: url('../images/F3.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.m9 {
  background-image: url('../images/M9.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.m1 {
  background-image: url('../images/M1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.after {
  width: 32%;
  height: 172px;
}

.body-image.m6 {
  background-image: url('../images/M6.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f7 {
  background-image: url('../images/F7.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.body-image.f4 {
  background-image: url('../images/F6.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.text-tooltip-2 {
  display: inline;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.input-label-3 {
  padding-top: 4px;
  color: #313131;
  font-size: 16px;
}

.action-button-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 140px;
  margin: 4px 3px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
}

.action-button-9:hover {
  background-color: #0d72b9;
  color: #fff;
}

.action-button-9.weblink {
  margin-right: 6px;
  margin-left: 6px;
  border: 1px solid #fff;
  background-color: rgba(0, 82, 140, 0.76);
  text-align: center;
  text-transform: none;
}

.action-button-9.weblink:hover {
  background-color: #00528c;
}

.close-modal-icon {
  display: inline-block;
  padding: 5px;
  opacity: 0.6;
  cursor: pointer;
}

.close-modal-icon:hover {
  opacity: 0.8;
}

.sf-101 {
  color: rgba(49, 43, 61, 0.89);
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.sf-101.white {
  color: #fff;
}

.div-block-840-copy {
  width: 70%;
}

.body-img-before-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-block-22 {
  margin-top: 40px;
  margin-bottom: 0px;
}

.form-block-22.contact {
  margin-top: 10px;
}

.contact-info-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 25;
  display: none;
  padding-top: 40px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: rgba(0, 0, 0, 0.35);
}

.body-img-wrapper {
  padding-left: 14px;
}

.question-header {
  display: block;
  height: auto;
  min-height: 0px;
  padding: 10px 100px 30px;
  background-color: #fff;
}

.sf-102 {
  color: rgba(49, 43, 61, 0.89);
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.sf-102.center {
  text-align: center;
}

.question-wrapper {
  min-height: 80px;
}

.input-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid silver;
}

.input-holder.contact {
  margin-right: 0px;
}

.sf-103 {
  padding-top: 5px;
  padding-bottom: 2px;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
}

.sf-103.grey-blue {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #7596ac;
}

.sf-103.white {
  color: #fff;
  cursor: default;
}

.content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-840 {
  width: 49.5%;
}

.button {
  position: static;
  left: 800px;
  top: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 64px;
  min-width: 220px;
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  background-color: red;
  opacity: 1;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.button:hover {
  background-color: #e00707;
  color: #fff;
}

.button:focus {
  border: 3px solid #91b4f5;
}

.button.disable {
  opacity: 0.54;
}

.button.outline {
  min-width: 120px;
  border: 1px solid #333;
  background-color: transparent;
  color: #333;
}

.button.outline:hover {
  background-color: #cecece;
}

.success-icon {
  width: 80px;
  height: 80px;
  min-height: 80px;
  min-width: 80px;
  border: 2px solid #fff;
  border-radius: 42px;
  background-color: #68e058;
  background-image: url('../images/check_2.png');
  background-position: 50% 50%;
  background-size: 40px;
  background-repeat: no-repeat;
}

.div-block-850 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
  padding-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.playback-speed-2 {
  position: relative;
  display: block;
  width: 40px;
  height: 24px;
  margin-left: 10px;
  padding-top: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: hsla(0, 0%, 100%, 0.86);
  color: #00528c;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.playback-speed-2:hover {
  background-color: #fff;
}

.title-h3-2 {
  position: relative;
  margin-bottom: 0px;
  font-family: Poppins, sans-serif;
  color: #333;
  font-size: 32px;
  line-height: 38px;
  font-weight: 600;
  text-align: left;
}

.title-h3-2.center {
  text-align: center;
}

.title-h3-2.center-copy {
  text-align: center;
}

.sf-104 {
  color: #313131;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.sf-104.light {
  font-weight: 300;
}

.sf-104.light.center {
  text-align: center;
}

.after-image-wrapper {
  width: 560px;
  margin-right: auto;
  margin-left: auto;
}

.sf-105 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #313131;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.sf-105.white {
  color: #fff;
}

.sf-105.white.center {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.submitbutton-5 {
  display: block;
  width: 200px;
  height: 60px;
  margin: 35px auto 0px;
  padding-top: 20px;
  padding-bottom: 0px;
  border-style: none;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-size: 18px;
  text-align: center;
}

.submitbutton-5:hover {
  background-color: #1679cf;
  color: #fdfdfd;
}

.submitbutton-5.grey {
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  border: 1px none #bbb;
  background-color: #a8a8a8;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  color: #fff;
  line-height: 18px;
}

.submitbutton-5.grey:hover {
  background-color: #909090;
}

.submitbutton-5.grey.close-modal {
  display: block;
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
}

.weight-input-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 25;
  display: none;
  padding-top: 40px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: rgba(0, 0, 0, 0.35);
}

.first-photo-chooser-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 25;
  display: none;
  padding-top: 40px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: rgba(0, 0, 0, 0.35);
}

.textarea-7 {
  overflow: auto;
  min-height: 140px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  line-height: 18px;
}

.labelsmall-5 {
  display: block;
  margin-top: 22px;
  margin-bottom: 22px;
  float: none;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
}

.labelsmall-5.bottompadding {
  display: none;
  padding-bottom: 16px;
}

.sf-106 {
  color: #313131;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.sf-106.white {
  color: #fff;
}

.submitbutton-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-radius: 4px;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-size: 18px;
  text-align: center;
}

.submitbutton-6:hover {
  background-color: #1679cf;
  color: #fdfdfd;
}

.submitbutton-6.complete {
  padding-top: 20px;
}

.submitbutton-6.complete:hover {
  color: #fff;
}

.unit-label {
  margin-top: 15px;
  font-family: Poppins, sans-serif;
  color: #919191;
  font-size: 20px;
}

.body-text {
  margin-bottom: 5px;
  font-family: Poppins, sans-serif;
  color: #444;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}

.body-text.center {
  text-align: center;
}

.modal-close {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 10px 2px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.weight-height-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sf-107 {
  padding-top: 5px;
  padding-bottom: 4px;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
}

.sf-107.grey-blue {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #00528c;
  line-height: 18px;
}

.input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.input-wrapper.vertical {
  display: block;
  width: 440px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.body-text-small {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}

.body-text-small.center {
  font-family: Poppins, sans-serif;
  line-height: 24px;
  text-align: center;
}

.body-text-small.center {
  text-align: center;
}

.modal-content {
  z-index: 27;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 940px;
  min-height: 580px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
}

.submit-button-area {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-style: none;
  border-top-color: #e2e2e2;
}

.paragraph-2 {
  height: auto;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  color: #424242;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: left;
}

.paragraph-2.smalltext {
  display: block;
  padding-top: 0px;
  padding-bottom: 12px;
  color: #262c46;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}

.height-input-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 25;
  display: none;
  padding-top: 40px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: rgba(0, 0, 0, 0.35);
}

.checkmark {
  width: 42px;
  height: 42px;
  min-height: 42px;
  min-width: 42px;
  border: 2px solid #fff;
  border-radius: 42px;
  background-color: transparent;
  background-image: url('../images/check_2.png');
  background-position: 50% 50%;
  background-size: 24px;
  background-repeat: no-repeat;
}

.checkmark.selected {
  background-color: red;
}

.sf-title-2 {
  margin-bottom: 0px;
  color: #333;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
}

.sf-title-2.light-center {
  color: #313131;
  font-weight: 300;
  text-align: center;
}

.sf-108 {
  color: #313131;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.sf-108.light {
  font-weight: 300;
}

.sf-108.white {
  padding-bottom: 10px;
  color: #fff;
}

.goal-photo-chooser-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 25;
  display: none;
  padding-top: 40px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: rgba(0, 0, 0, 0.35);
}

.body-img-hover-layer-copy {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-style: solid;
  border-width: 1px;
  border-color: #474747;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), to(rgba(0, 0, 0, 0.63)));
  background-image: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.63));
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.body-img-hover-layer-copy:hover {
  opacity: 1;
}

.body-img-hover-layer-copy.selected {
  border-color: #cfcfcf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(41%, transparent), to(rgba(0, 0, 0, 0.63)));
  background-image: linear-gradient(180deg, transparent 41%, rgba(0, 0, 0, 0.63));
  opacity: 1;
}

.fast-track-confirmation-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 25;
  display: none;
  padding-top: 40px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: rgba(0, 0, 0, 0.35);
}

.body-img-hover-layer {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-style: solid;
  border-width: 1px;
  border-color: #474747;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), to(rgba(0, 0, 0, 0.63)));
  background-image: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.63));
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  cursor: pointer;
}

.body-img-hover-layer:hover {
  opacity: 1;
}

.body-img-hover-layer.selected {
  border-color: #cfcfcf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(41%, transparent), to(rgba(0, 0, 0, 0.63)));
  background-image: linear-gradient(180deg, transparent 41%, rgba(0, 0, 0, 0.63));
  opacity: 1;
}

.button-2 {
  position: static;
  left: 800px;
  top: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 64px;
  min-width: 220px;
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  background-color: red;
  opacity: 1;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.button-2:hover {
  background-color: #e00707;
  color: #fff;
}

.button-2:focus {
  border: 3px solid #91b4f5;
}

.button-2.disable {
  opacity: 0.54;
}

.button-2.outline {
  min-width: 120px;
  border: 1px solid #333;
  background-color: transparent;
  color: #333;
}

.button-2.outline:hover {
  background-color: #cecece;
}

.author-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-55 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Work Sans', sans-serif;
  color: #161616;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.text-55.light {
  font-family: 'Sf ui text', sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.customize {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-media-option-4 {
  position: static;
  width: 100%;
  height: 44px;
  margin-top: 0px;
  padding: 6px 20px;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #00b2ed;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.button-media-option-4:hover {
  background-color: rgba(0, 178, 237, 0.2);
}

.form-fields {
  padding-top: 0px;
}

.edit-plan-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 998;
  display: none;
  overflow: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.media-button-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: rgba(0, 0, 0, 0.11);
}

.sf-109 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 18px;
}

.post-submit-preview-wrapper {
  display: block;
  margin-top: 10px;
  padding-bottom: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.account-component-2 {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 20px 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.account-component-2.component {
  display: none;
}

.add-element-button {
  position: relative;
  width: 42px;
  height: 100%;
  border-radius: 12px;
  background-color: #528fe7;
  background-image: url('../images/icon-add_1icon-add.png');
  background-position: 50% 50%;
  background-size: 14px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.add-element-button:hover {
  background-color: #2f6dc7;
}

.handle-volume-2 {
  position: absolute;
  left: auto;
  top: -10px;
  right: -5px;
  bottom: auto;
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #c7c7c7;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.9);
  cursor: pointer;
}

.handle-volume-2:hover {
  background-color: #fff;
}

.div-block-1031 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 150px;
}

.timeline-post-preview-2 {
  position: relative;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
}

.body-comp-options-copy {
  display: block;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 5px;
  background-color: #fff;
}

.theme-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  min-height: 40px;
  margin-top: 12px;
  padding-left: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.46);
  border-radius: 6px;
  cursor: pointer;
}

.theme-option.light2 {
  background-color: #dfdfdf;
}

.theme-option.color1 {
  background-color: #d30c0c;
}

.theme-option.color2 {
  background-color: #161616;
}

.theme-option.custom {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}

.theme-option.light1 {
  background-color: #fff;
}

.post-wrapper-4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 700px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: 1px solid #dfdfdf;
}

.image-video-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.recipients-2 {
  display: block;
  padding: 20px 14px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px none #e9e9e9;
}

.hero-email-collection-2 {
  display: block;
  padding-top: 20px;
}

.image-69 {
  padding-top: 10px;
  padding-bottom: 10px;
  opacity: 0.43;
}

.button-ac-wrapper-editor {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.div-block-1036 {
  border: 1px solid #fff;
  border-radius: 30px;
}

.post-as-select {
  position: absolute;
  left: 55px;
  top: auto;
  right: 0%;
  bottom: -10px;
  display: none;
  width: 420px;
  min-height: 420px;
  padding: 30px 40px 20px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  background-color: #f8f8f8;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.13);
}

.add-secion-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  height: 26px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #032944;
  cursor: pointer;
}

.add-secion-button.empty-state {
  width: 150px;
  height: 52px;
  margin-top: 20px;
  border-radius: 6px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.add-secion-button.empty-state:hover {
  background-color: #00060a;
  -webkit-filter: saturate(200%);
  filter: saturate(200%);
}

.author-name-display {
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 16px;
  font-weight: 500;
}

.message-holder-2 {
  display: block;
  overflow: hidden;
  min-height: 44px;
  margin-right: 20px;
  margin-left: 20px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 16px;
  line-height: 22px;
}

.form-block-23 {
  margin-bottom: 0px;
  padding-top: 10px;
}

.builder-modal-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  min-width: 100px;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  opacity: 0.76;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  cursor: pointer;
}

.builder-modal-button:hover {
  background-color: rgba(8, 86, 141, 0.5);
  opacity: 0.88;
}

.sf-76-copy {
  font-family: 'Sf ui text', sans-serif;
  color: #d61d1d;
  font-size: 13px;
  line-height: 16px;
}

.img-preview {
  height: 180px;
  background-color: hsla(0, 0%, 100%, 0.12);
  background-image: url('../images/devonshire-view.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

.site-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 58px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0c71b8;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.site-button:hover {
  -webkit-filter: saturate(180%);
  filter: saturate(180%);
  color: #fff;
}

.upload-button-holder-5 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 14px;
  margin-bottom: 8px;
  padding-left: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sf-93 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
}

.toolbar-rte {
  position: fixed;
  left: 100px;
  top: 60px;
  right: auto;
  bottom: auto;
  z-index: 998;
  padding-top: 30px;
  padding-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.results-holder-4 {
  position: relative;
  z-index: 101;
  display: none;
  overflow: visible;
  margin-right: auto;
  margin-left: auto;
}

.review-audio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 0px;
  background-color: transparent;
}

.audio-component-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0px;
  padding: 12px 16px 12px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eef1f3;
}

.audio-component-2.review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 92px;
  padding-left: 12px;
}

.results-scroller-3 {
  position: absolute;
  display: block;
  overflow: auto;
  width: 100%;
  max-height: 500px;
  border: 1px solid #cfcfcf;
}

.body-comp-options {
  display: block;
  padding-top: 0px;
  padding-right: 20px;
  padding-bottom: 5px;
  background-color: #fff;
}

.plan-tile-preview-2 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  min-width: 0%;
  margin-bottom: 12px;
  padding: 20px 24px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(56, 152, 236, 0.32);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 2px 2px 7px -3px rgba(0, 82, 140, 0.35);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.plan-tile-preview-2:hover {
  background-color: rgba(255, 245, 157, 0.81);
}

.text-block-39 {
  border-right: 0px solid #000;
}

.result-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
}

.result-row:hover {
  background-color: #d8e6fc;
}

.result-row.selected {
  background-color: #d8e6fc;
}

.chip-label-3 {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.chip-label-3.builder {
  font-size: 13px;
}

.rich-text-unit-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.page-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  padding-top: 56px;
  padding-bottom: 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.page-section.edit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 3px solid transparent;
  font-family: 'Sf ui text', sans-serif;
}

.page-section.edit:hover {
  border: 3px solid #528fe7;
}

.page-section.edit.bg-img {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('../images/group-class.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/group-class.jpeg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.page-section.edit.bg-color {
  background-color: #032944;
}

.sm-toggle-switch {
  display: block;
  width: 44px;
  margin-right: 8px;
  margin-left: 10px;
  padding: 2px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #fff;
  border-radius: 20px;
  background-color: #e0e0e0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}

.sm-toggle-switch:hover {
  opacity: 1;
}

.sm-toggle-switch.on {
  background-color: #64dd17;
}

.timeline-action-bar-3 {
  position: relative;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 54px;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #efeeee;
  background-color: transparent;
}

.timeline-action-bar-3.center {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.audio-player-holder-3 {
  min-height: 50px;
  min-width: 100px;
  margin-top: 15px;
}

.search-wrapper-6-copy {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-23 {
  border-radius: 6px;
}

.audio-player-controls-3 {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 1;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.audio-player-controls-3:hover {
  opacity: 1;
}

.alt-text-input {
  display: block;
  margin-top: 10px;
}

.site-element-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 6px;
  background-color: #262c46;
  box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.3);
}

.text-12 {
  font-family: 'Work Sans', sans-serif;
  color: #161616;
  font-size: 12px;
  line-height: 16px;
}

.style-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  margin-right: 20px;
  padding-right: 4px;
  padding-left: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 3px solid #000;
  opacity: 0.72;
  cursor: pointer;
}

.style-tab:hover {
  border-bottom-color: rgba(0, 178, 237, 0.8);
  opacity: 1;
}

.style-tab.selected {
  border-bottom: 3px solid #00b2ed;
  opacity: 1;
}

.submit-button-xs {
  position: static;
  left: 800px;
  top: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 40px;
  margin-right: 6px;
  margin-left: 6px;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #3898ec;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
}

.submit-button-xs:hover {
  background-color: #1679cf;
  color: #fff;
}

.submit-button-xs.cancel {
  background-color: #97a4af;
}

.submit-button-xs.cancel:hover {
  background-color: #8c959c;
}

.tag-item-input-4 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 4px 0px 4px 6px;
  clear: left;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #b0dcfc;
  background-color: #fcfcfc;
  color: #aaa;
}

.ac-site-builder {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: auto;
  min-height: 32px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 2px 4px;
  clear: left;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: rgba(21, 82, 121, 0.8);
  color: #aaa;
}

.ac-site-builder:hover {
  background-color: #155279;
}

.ac-default-label-small-16 {
  display: inline-block;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 400;
}

.post-bottom-right-dragger {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 20px;
  height: 20px;
  cursor: nwse-resize;
}

.post-as-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
  padding-right: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #cfcfcf;
}

.post-as-2.hidden {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid #cfcfcf;
}

.url-component-2 {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 20px 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.delete-media {
  margin-top: 14px;
}

.div-block-1045 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.check-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.text-13 {
  font-family: 'Sf ui text', sans-serif;
  color: #00528c;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}

.alt-text-form-block {
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-523 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-top: 0px;
  margin-right: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
  background-color: transparent;
}

.timeline-new-preview-copy-copy-2 {
  position: static;
  bottom: auto;
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff;
}

.page-element-block {
  position: relative;
  margin-top: -2px;
  padding: 16px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: left;
  cursor: pointer;
}

.page-element-block:hover {
  border-color: #528fe7;
}

.page-element-block._1-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.page-element-block._1-column.left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.page-element-block.img-text-vertical-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-element-block.img-text-3-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.speed-option-3 {
  height: 32px;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  background-color: transparent;
  color: hsla(0, 0%, 100%, 0.86);
  font-size: 14px;
  text-align: right;
  cursor: default;
}

.speed-option-3:hover {
  background-color: #353535;
  color: #fff;
}

.link-label-input {
  display: block;
  margin-top: 4px;
  margin-bottom: 10px;
  font-family: 'Sf ui text', sans-serif;
}

.post-button-img-2 {
  width: 24px;
  min-width: 24px;
}

.text-h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}

.text-h4.grey {
  color: #797979;
}

.ac-default-label-small-21 {
  display: inline-block;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: rgba(3, 41, 68, 0.74);
  font-size: 14px;
  font-weight: 400;
}

.remove-section-3 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}

.remove-section-3:hover {
  opacity: 0.86;
}

.sf-12 {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}

.sf-12.tran-white {
  color: hsla(0, 0%, 100%, 0.7);
  line-height: 15px;
}

.section-tool-icon-2 {
  width: 44px;
  height: 36px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.3);
  background-color: rgba(0, 0, 0, 0.9);
  background-image: url('../images/squares_1squares.png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  opacity: 0.8;
  cursor: pointer;
}

.section-tool-icon-2:hover {
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 1;
}

.section-tool-icon-2.name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-right: 5px;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right-style: none;
  background-color: transparent;
  background-image: none;
  cursor: auto;
}

.section-tool-icon-2.name:hover {
  opacity: 0.8;
}

.tag-content-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  min-height: 34px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tag-content-4.builder {
  height: 30px;
  min-height: 30px;
  padding-left: 4px;
}

.text-initials-account {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
}

.matched {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  cursor: default;
}

.image-154 {
  margin-right: 3px;
}

.image-173 {
  margin-right: 10px;
}

.sf-121 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.sf-121.white {
  color: #fff;
}

.remove-3 {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  margin-left: 8px;
  border-radius: 24px;
  background-color: rgba(8, 83, 126, 0.72);
  background-image: url('../images/remove.png');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  opacity: 0.72;
}

.remove-3:hover {
  opacity: 1;
}

.remove-3.small {
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  background-size: 8px;
  cursor: pointer;
}

.plan-wrapper {
  max-width: 720px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.default-confirmation-wrappe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.timeline-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 20px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.trainer-chooser-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  margin-left: 0px;
  padding: 6px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #dbdbdb;
  background-color: #fff;
}

.post-submit-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding: 5px 20px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #dfdfdf;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #f6f6f6;
}

.add-element-button-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -13px;
  z-index: 8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}

.add-element-button-wrapper:hover {
  opacity: 1;
}

.add-element-button-wrapper.top {
  left: 0%;
  top: -13px;
  right: 0%;
  bottom: auto;
  cursor: move;
}

.div-block-759 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ac-default-label-small-20 {
  display: inline-block;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.7);
  font-size: 14px;
  font-weight: 400;
}

.text-field-7 {
  height: 38px;
  margin-bottom: 0px;
  padding-right: 8px;
  padding-left: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.36);
  border-radius: 6px;
  background-color: rgba(23, 27, 44, 0.65);
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 14px;
}

.text-field-7::-webkit-input-placeholder {
  color: #999;
}

.text-field-7:-ms-input-placeholder {
  color: #999;
}

.text-field-7::-ms-input-placeholder {
  color: #999;
}

.text-field-7::placeholder {
  color: #999;
}

.div-block-442 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-1029 {
  margin-left: 8px;
}

.img-3-column {
  width: 100%;
  padding-top: 75%;
  padding-right: 0px;
  background-image: url('../images/Screen-Shot-2022-01-07-at-7.56.03-AM.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.img-3-column.icon {
  width: 80px;
  height: 80px;
  padding-top: 0px;
  background-image: url('../images/icon-click.png');
  background-repeat: no-repeat;
}

.unmatched-4 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
}

.unmatched-4.navy {
  color: #00528c;
}

.save-library {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin-right: 12px;
  padding-right: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #cfcfcf;
}

.image-170 {
  margin-right: 5px;
}

.column-wide {
  width: 50%;
  max-width: 718px;
}

.media-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  min-height: 300px;
  margin-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e4f2fd;
  text-align: left;
}

.timeline-preview-6 {
  position: static;
  bottom: auto;
  display: block;
  width: 440px;
  height: auto;
  min-height: 220px;
  margin-top: 10px;
  padding-top: 10px;
  background-color: #fff;
}

.select-audio-9 {
  position: relative;
  left: 0px;
  right: 0px;
  margin-left: auto;
  text-align: right;
}

.button-element-wrapper {
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lead-gen-preview-builder {
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #fff;
  background-image: linear-gradient(32deg, #00b2ed, #1abc9c);
}

.image-174 {
  margin-right: 6px;
}

.results-scroller-4 {
  position: absolute;
  display: block;
  overflow: auto;
  width: 100%;
  max-height: 50vh;
  border: 1px solid #cfcfcf;
}

.results-wrapper-6 {
  position: absolute;
  z-index: 4;
  display: none;
  width: 100%;
  border: 0px solid #cfcfcf;
  box-shadow: 3px 3px 13px 1px rgba(0, 0, 0, 0.2);
}

.div-block-329 {
  position: static;
  left: 180px;
  top: 40%;
  right: auto;
  bottom: 0%;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.timeline-compose-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 57%;
  margin-top: 0px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
}

.link-2 {
  font-family: 'Sf ui text', sans-serif;
}

.div-block-525 {
  margin-left: 12px;
}

.unmatched {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  cursor: default;
}

.button-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-1046 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 8px 10px 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.39);
}

.text-block-45 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 13px;
  line-height: 16px;
}

.text-block-13-copy {
  color: #bbb;
}

.sf-15-semi {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  text-shadow: none;
}

.sf-15-semi.white {
  color: #fff;
}

.tag-small-3 {
  position: static;
  display: block;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
  padding-right: 4px;
  padding-left: 0px;
  clear: left;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  background-color: rgba(0, 82, 140, 0.64);
  cursor: move;
}

.tag-small-3:hover {
  background-color: rgba(0, 82, 140, 0.8);
}

.tag-small-3.selected {
  outline-color: #194463;
  outline-offset: 0px;
  outline-style: dashed;
  outline-width: 3px;
}

.section-element-settings {
  display: block;
  padding: 20px 20px 40px;
}

.section-element-settings.select-fields {
  display: none;
}

.tag-content-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  min-height: 32px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tag-content-5.small {
  height: 30px;
  min-height: 30px;
}

.video-img-component-2 {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.video-img-component-2:focus {
  border-style: solid;
  border-width: 1px;
  border-color: #bda3a3;
}

.div-block-1047 {
  margin-left: 14px;
}

.column-narrow {
  width: 48%;
  max-width: 600px;
}

.column-narrow.right {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.column-narrow.hero-right {
  width: 44%;
  max-width: 540px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.div-block-982 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.sf-60 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.sf-60.semi {
  font-weight: 600;
}

.div-block-1032 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.volume-level-bar-2 {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: 0px;
  width: 10px;
  border-radius: 20px;
  background-color: #2196f3;
}

.volume-level-bar-2.max {
  height: 100%;
}

.post-message-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 30px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.post-message-2.module {
  display: block;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sf-122 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.sf-122.center {
  text-align: center;
}

.toolbar-basic {
  position: fixed;
  left: 100px;
  top: 180px;
  right: auto;
  bottom: auto;
  z-index: 998;
  display: block;
  padding-top: 30px;
  padding-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.remove-2 {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  margin-left: 8px;
  border-radius: 24px;
  background-color: rgba(0, 36, 112, 0.7);
  background-image: url('../images/remove.png');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  opacity: 0.72;
}

.remove-2:hover {
  opacity: 1;
}

.author-pic-2 {
  display: block;
  width: 46px;
  height: 46px;
  min-height: 46px;
  min-width: 46px;
  margin-right: 8px;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 100px;
  background-image: url('../images/joao.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.form-22 {
  padding-top: 14px;
}

.section-element-settings-copy {
  display: block;
  padding: 20px 20px 40px;
}

.edit-section-title {
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}

.results-holder-3 {
  position: relative;
  z-index: 1;
  display: none;
  overflow: visible;
}

.image-59 {
  display: block;
  opacity: 0.5;
}

.item-button-bar-2 {
  position: relative;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background-color: transparent;
}

.article-body {
  font-family: 'PT Serif', serif;
  font-size: 20px;
  line-height: 32px;
}

.post-button-img {
  width: 26px;
  min-width: 26px;
}

.round-checkbox {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  margin-right: 10px;
  background-image: url('../images/checked2_1checked2.png');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.round-checkbox.checked {
  background-image: url('../images/checked_1checked.png');
}

.input-url-3 {
  display: block;
  margin-top: 4px;
  margin-bottom: 10px;
  font-family: 'Sf ui text', sans-serif;
}

.div-block-330 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 300px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.add-element-menu-modal {
  position: fixed;
  left: 100px;
  top: 260px;
  right: auto;
  bottom: auto;
  z-index: 998;
  display: none;
  padding-top: 30px;
  padding-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.checkbox-field-15 {
  margin-bottom: 12px;
}

.section-layout-wrapper {
  width: 98%;
  max-width: 1480px;
  padding: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section-layout-wrapper._3-column {
  display: block;
}

.section-layout-wrapper.article {
  display: block;
  width: 90%;
  max-width: 940px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section-layout-wrapper.empty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: none;
  min-height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-layout-wrapper._1-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1086px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.section-layout-wrapper._1-column.hero {
  min-height: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-layout-wrapper._2-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.section-layout-wrapper._2-column.hero {
  width: 90%;
  min-height: 500px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-image-default {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.remove-section-2 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}

.remove-section-2:hover {
  opacity: 0.86;
}

.play-pause-2 {
  height: auto;
  margin-left: 0px;
  padding-top: 13px;
}

.rte-text-dropdown {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 125px;
  height: 38px;
  margin-right: 2px;
  margin-left: 2px;
  padding-right: 6px;
  padding-left: 6px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  opacity: 0.84;
}

.rte-text-dropdown:hover {
  opacity: 1;
}

.ac-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ac-default-button-link-3 {
  position: relative;
  top: 0px;
  display: inline-block;
  width: 370px;
  height: 32px;
  margin-right: 6px;
  margin-bottom: 0px;
  margin-left: 6px;
  padding-top: 6px;
  font-family: 'Sf ui text', sans-serif;
  color: #032944;
  font-size: 14px;
  font-weight: 400;
}

.div-block-1035 {
  padding-bottom: 6px;
}

.element-button-section-2 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 10px 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #e2e2e2;
  background-color: #fff;
  box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.25);
}

.element-button-section-2.vertical {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: block;
  height: auto;
  padding: 8px 4px 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tag-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.textlabel-14 {
  font-family: 'Sf ui text', sans-serif;
  color: #262c46;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.textlabel-14.white {
  color: #fff;
  text-align: left;
}

.builder-outer-wrapper {
  background-color: #1b1b1b;
}

.item-header-copy-2 {
  padding-bottom: 4px;
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}

.button-select-plan-4 {
  position: static;
  left: 800px;
  top: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 46px;
  min-width: 100px;
  margin-left: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #3898ec;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
}

.button-select-plan-4:hover {
  background-color: #1679cf;
  color: #fff;
}

.form-component {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 20px 14px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #fff;
}

.result-icon {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  margin-right: 6px;
  background-image: url('../images/tag_1tag.png');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  opacity: 0.6;
}

.result-icon.miles {
  background-image: url('../images/region_1region.png');
  background-size: 16px;
}

.result-icon.user {
  background-color: transparent;
  background-image: url('../images/patient_1patient.png');
  background-size: 20px;
}

.result-icon.loading {
  background-color: transparent;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
  opacity: 1;
}

.result-icon.tag {
  background-color: transparent;
  background-size: 20px;
}

.result-icon.image {
  background-color: transparent;
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.count {
  background-image: url('../images/icon-reps.png');
}

.result-icon.appt {
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 18px;
}

.result-icon.calendly {
  background-image: url('../images/calendly-icon.png');
  background-position: 0% 50%;
  background-size: 22px;
}

.result-icon.text {
  background-image: url('../images/text_1text.png');
  background-size: 18px;
}

.result-icon.video2 {
  background-color: transparent;
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.empty {
  width: 2px;
  min-width: 0px;
  background-image: none;
}

.result-icon.testimony {
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
  background-size: 20px;
}

.result-icon.group {
  background-color: transparent;
  background-image: url('../images/group.png');
  background-size: 20px;
}

.result-icon.time {
  background-image: url('../images/icon-time_2icon-time.png');
  background-size: 16px;
}

.result-icon.no-results {
  background-image: url('../images/icon-cancel_1icon-cancel.png');
  background-size: 22px;
}

.result-icon.audio-copy {
  background-image: url('../images/icon-audio_1icon-audio.png');
  background-size: 18px;
}

.result-icon.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.result-icon.bm {
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.result-icon.weight {
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
}

.result-icon.yesno {
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-size: 16px;
}

.modal-container-2 {
  position: fixed;
  z-index: 1000;
  display: block;
  width: 0px;
  height: 0px;
}

.poster-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.plan-section-2 {
  position: relative;
  display: block;
  overflow: visible;
  margin-top: 10px;
  padding: 20px 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.search-wrapper-6 {
  position: relative;
}

.timeline-message-textarea-3 {
  overflow: auto;
  width: 100%;
  height: auto;
  max-height: 60vh;
  min-height: 80px;
  min-width: 100%;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #cecece #cecece #e0e0e0;
  background-color: #fff;
  font-family: 'Sf ui text', sans-serif;
  font-size: 16px;
}

.close-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  margin-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.7;
  cursor: pointer;
}

.close-menu-2:hover {
  opacity: 1;
}

.div-block-371 {
  min-height: 25px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.audio-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 998;
  display: none;
  overflow: auto;
  margin-right: auto;
  margin-left: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lead-option {
  display: block;
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 12px;
  background-color: #fff;
}

.title-input-div-2 {
  display: block;
  height: auto;
  min-height: 0px;
  padding-right: 14px;
  padding-left: 14px;
  background-color: #fff;
}

.remove-img-row-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.button-save-library {
  display: block;
  height: 34px;
  min-width: 140px;
  padding-right: 8px;
  padding-left: 8px;
  border: 1px solid #0078ce;
  background-color: #fff;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  text-align: center;
}

.button-save-library:hover {
  background-color: rgba(0, 178, 237, 0.1);
  color: #0078ce;
}

.button-save-library.hidden {
  display: block;
  min-width: 140px;
  cursor: pointer;
}

.empty-post-holder-2 {
  padding-top: 100px;
  padding-bottom: 140px;
  background-color: #e8eaec;
}

.empty-post-holder-2.hidden {
  background-color: #e8eaec;
}

.inner-layout-3-column {
  width: 32%;
  min-height: 120px;
  padding-bottom: 0px;
}

.div-block-1025 {
  margin-bottom: 10px;
}

.edit-section-menu-2 {
  position: static;
  left: auto;
  top: 8px;
  right: 20px;
  bottom: auto;
  z-index: 3;
  display: block;
  width: 340px;
  min-height: 100px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 6px;
  background-color: #272c44;
  box-shadow: 4px 5px 8px 1px rgba(0, 0, 0, 0.3);
}

.button-send-as-msg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  margin-right: 10px;
  padding-right: 6px;
  padding-left: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  text-align: center;
}

.button-send-as-msg:hover {
  background-color: rgba(7, 193, 255, 0.27);
  color: #0078ce;
}

.plan-tile-5 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 40px;
  padding: 20px 24px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(56, 152, 236, 0.32);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 2px 2px 7px -3px rgba(0, 82, 140, 0.35);
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.plan-tile-5:hover {
  background-color: rgba(255, 245, 157, 0.81);
}

.div-block-441 {
  margin-bottom: 20px;
  padding-top: 20px;
}

.text-element {
  font-family: 'Sf ui text', sans-serif;
  color: #444;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
}

.text-element.white {
  color: hsla(0, 0%, 100%, 0.9);
}

.text-element.white.center {
  color: hsla(0, 0%, 100%, 0.9);
}

.text-element.center {
  text-align: center;
}

.timeline-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bg-style-options-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.11);
}

.bg-style-options-2.padding {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.post-right-dragger {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 20px;
  cursor: ew-resize;
}

.embed {
  display: block;
  padding-top: 4px;
  padding-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 1;
}

.section-style-tab-content {
  display: block;
  padding: 30px 20px 40px;
}

.section-style-tab-content._3 {
  display: block;
}

.section-style-tab-content._2 {
  display: block;
}

.lead-component {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 20px 14px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #fff;
}

.lead-component.component {
  display: none;
}

.custom-color-wrapper {
  display: block;
  width: 210px;
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.28);
}

.ac-default-label-small-12 {
  display: inline-block;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #032944;
  font-size: 14px;
  font-weight: 400;
}

.profile-content-title-input-2 {
  display: block;
  height: 46px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
  border: 1px solid #cecece;
  font-family: 'Sf ui text', sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.lead-gen-toggle-knob {
  position: relative;
  left: 0px;
  display: block;
  overflow: hidden;
  width: 26px;
  height: 26px;
  min-height: 26px;
  min-width: 26px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 2px;
  border-color: #dfdfdf;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.lead-gen-toggle-knob.off {
  border-style: none;
  border-color: #87badf;
  box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, 0.25);
}

.lead-gen-toggle-knob.on {
  left: 26px;
  border-style: none;
  background-color: #fff;
  box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.25);
  opacity: 1;
  font-size: 11px;
}

.grey-label {
  display: block;
  font-family: 'Sf ui text', sans-serif;
  color: grey;
  font-size: 15px;
}

.div-block-1026 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.autocomplete-input-2-program {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  float: none;
  clear: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: #cfcfcf;
  border-radius: 2px;
  background-color: #155279;
  font-family: 'Sf ui text', sans-serif;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.autocomplete-input-2-program.light {
  border-style: solid;
  border-color: #b0dcfc;
  background-color: #fff;
}

.div-block-1030 {
  position: relative;
  margin-left: 10px;
}

.inner-layout-vert-img-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  min-height: 120px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-preview-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 300px;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #a7a7a7;
}

.volume-bar-2 {
  position: absolute;
  left: auto;
  top: auto;
  right: 14px;
  bottom: 34px;
  display: block;
  width: 10px;
  height: 60px;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.6);
}

.toolbar-button {
  position: fixed;
  left: 100px;
  top: 120px;
  right: auto;
  bottom: auto;
  z-index: 998;
  padding-top: 30px;
  padding-right: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.text-block-73 {
  font-family: 'Sf ui text', sans-serif;
  color: hsla(0, 0%, 100%, 0.86);
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.2px;
}

.text-h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}

.add-element-menu {
  width: 305px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 6px;
  background-color: #262c46;
  box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.3);
}

.div-block-1033 {
  padding-top: 10px;
  padding-bottom: 6px;
}

.audio-component-editor-4 {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 20px 14px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.audio-component-editor-4:focus {
  box-shadow: 1px 1px 3px 0 #000;
}

.image-172 {
  margin-top: 4px;
  margin-right: 4px;
}

.lead-form-2 {
  z-index: 2;
  max-width: 720px;
  padding: 20px 24px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.image-166 {
  cursor: pointer;
}

.image-166:hover {
  -webkit-filter: saturate(71%);
  filter: saturate(71%);
}

.audio-player-placeholder {
  background-color: #fff;
}

.text-h2 {
  font-size: 48px;
  line-height: 58px;
  font-weight: 700;
}

.preview-wrapper-5 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 43%;
  height: auto;
  max-height: none;
  min-height: 0px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e8eaec;
}

.text-component-2 {
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.message-section-2 {
  position: static;
  bottom: auto;
  display: block;
  width: auto;
  height: auto;
  min-height: 0px;
  padding: 10px 14px 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.audio-do-over {
  margin-left: 20px;
}

.ac-default-label-2 {
  position: relative;
  top: -4px;
  display: inline-block;
  width: 272px;
  height: 32px;
  margin-right: 6px;
  margin-bottom: 0px;
  margin-left: 6px;
  padding-top: 6px;
  font-family: 'Sf ui text', sans-serif;
  color: #7dafd3;
  font-size: 16px;
  font-weight: 400;
}

.rte-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
}

.div-block-274 {
  display: block;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  border: 1px solid #6d6d6d;
}

.checkbox-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  margin-right: 10px;
  padding-right: 6px;
  padding-left: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #aaa;
  border-radius: 4px;
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.checkbox-11:hover {
  background-color: #dfdfdf;
}

.post-element-button-5 {
  position: relative;
  display: inline-block;
  width: auto;
  margin-right: 2px;
  margin-bottom: 6px;
  margin-left: 2px;
  padding-right: 10px;
  padding-left: 10px;
  clear: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #eee;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  cursor: pointer;
}

.post-element-button-5:hover {
  background-color: #cddeeb;
}

.trainer-account-pic {
  position: relative;
  width: 34px;
  height: 34px;
  min-height: 34px;
  min-width: 34px;
  border: 1px solid #fff;
  border-radius: 50px;
  background-color: #87c2e9;
  background-image: url('../images/colin.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.trainer-account-pic.no-pic {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-color: #baeeff;
  background-color: #5e98be;
  background-image: none;
}

.div-block-1028 {
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.26);
}

.color-swatch-wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.color-swatch-wrapper-2:hover {
  background-color: rgba(8, 86, 141, 0.5);
}

.user-list-2 {
  height: 200px;
  border-style: solid;
  border-width: 1px;
  border-color: #d3d3d3;
  background-color: #fff;
}

.div-block-426 {
  padding-left: 8px;
}

.input-cta-button-label-3 {
  display: block;
  width: 340px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: 'Sf ui text', sans-serif;
}

.back-link {
  display: block;
  font-family: 'Sf ui text', sans-serif;
  color: #0078ce;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.back-link:hover {
  color: #00b2ed;
}

.back-link.small {
  position: static;
  font-family: 'Sf ui text', sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.back-link.red {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #e53935;
  font-size: 12px;
  line-height: 14px;
}

.back-link.red:hover {
  color: #f3615e;
}

.button-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-665 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.empty-preview-message-2 {
  padding-right: 40px;
  padding-left: 40px;
  font-family: 'Sf ui text', sans-serif;
  color: #979797;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
}

.opacity-row-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-form-button-holder-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.matched-2 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(0, 0, 0, 0.86);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
}

.sf-123 {
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.sf-123.semi {
  padding-top: 0px;
  padding-bottom: 0px;
  color: rgba(49, 43, 61, 0.89);
  font-size: 14px;
  font-weight: 500;
}

.section-style-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.lead-gen-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 56px;
  margin-right: 8px;
  margin-left: 14px;
  padding: 2px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #fff;
  border-radius: 20px;
  background-color: #64dd17;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
}

.lead-gen-toggle:hover {
  opacity: 1;
}

.lead-gen-toggle.off {
  background-color: #e0e0e0;
}

.text-span-46 {
  margin-left: 9px;
  font-weight: 500;
}

.blog-title-wrapper {
  display: block;
  margin-bottom: 40px;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
}

.toolbar-page-section {
  position: fixed;
  left: 100px;
  top: 20px;
  right: auto;
  bottom: auto;
  z-index: 998;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.chang-link {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  font-family: 'Sf ui display', sans-serif;
  color: #00b2ed;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.chang-link:hover {
  color: #0a8fbb;
}

.upload-progress-holder-2 {
  display: block;
  margin-top: 10px;
}

.div-block-526 {
  position: relative;
  right: 0px;
  margin-left: 14px;
}

.body-comp-component {
  position: relative;
  display: none;
  margin-top: 10px;
  padding: 20px 14px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #fff;
}

.sf-67 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
}

.sf-67.semi {
  font-weight: 600;
}

.sf-67.semi.navy {
  color: #00528c;
}

.request-component {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 20px 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #fff;
}

.request-component.component {
  display: none;
}

.edit-post-title {
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}

.post-submit-content {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

.edit-section-title-2 {
  padding-top: 0px;
  padding-bottom: 12px;
  padding-left: 0px;
}

.sf-124 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
}

.sf-124.semi {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
}

.input-component-holder-4 {
  position: relative;
  overflow: auto;
  padding-bottom: 140px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #f5f5f5;
}

.padding-reset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-right: 30px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.11);
}

.plans-preview {
  padding: 14px 20px 10px;
  background-color: #fff;
}

.div-block-1024 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.small-toggle-knob {
  position: relative;
  left: 0px;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-width: 2px;
  border-color: #dfdfdf;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.small-toggle-knob.off {
  box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, 0.25);
}

.small-toggle-knob.on {
  left: 20px;
  border-style: none;
  background-color: #fff;
  box-shadow: -1px 1px 5px 0 rgba(0, 0, 0, 0.25);
  opacity: 1;
  font-size: 11px;
}

.post-editor-modal-3 {
  position: fixed;
  left: 60px;
  top: 60px;
  right: 0px;
  bottom: auto;
  z-index: 999;
  display: none;
  overflow: visible;
  width: 1100px;
  height: 80vh;
  max-width: 95%;
  min-height: 260px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 4px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px none #000;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: -2px -2px 12px 0 rgba(0, 0, 0, 0.4), 7px 6px 14px 0 rgba(0, 0, 0, 0.4);
  outline-color: #000;
  outline-offset: 0px;
  outline-style: none;
  outline-width: 3px;
}

.audio-component-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 74px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 16px 16px 16px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eef1f3;
}

.audio-component-7.builder {
  height: auto;
  padding: 0px 0px 10px;
  background-color: transparent;
}

.audio-component-7.builder.v {
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.upload-button-div {
  position: static;
  top: 0px;
  display: inline-block;
  width: 130px;
  height: auto;
  margin-right: 4px;
  margin-bottom: 6px;
  margin-left: 4px;
  clear: left;
}

.sf-76-copy-copy {
  font-family: 'Sf ui text', sans-serif;
  color: #2fbd3d;
  font-size: 13px;
  line-height: 16px;
}

.action-button-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  min-width: 150px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 40px;
  background-color: #168cdf;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.action-button-10:hover {
  background-color: #0d72b9;
  color: #fff;
}

.builder-modal-tab-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.27);
  background-color: rgba(0, 0, 0, 0.11);
}

.ac-icon-2 {
  width: 22px;
  height: 22px;
  min-height: 22px;
  min-width: 22px;
  margin-right: 6px;
  background-image: url('../images/tag_1tag.png');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.ac-icon-2.measurement {
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.video {
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.text {
  background-image: url('../images/text_1text.png');
  background-size: 16px;
  opacity: 1;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.miles {
  background-image: url('../images/region_1region.png');
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.appt {
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.audio {
  background-image: url('../images/icon-audio_1icon-audio.png');
  background-size: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.weight {
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.empty {
  width: 4px;
  height: 22px;
  min-width: 4px;
  background-image: none;
}

.ac-icon-2.yes-no {
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-position: 50% 50%;
  background-size: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.count {
  background-image: url('../images/icon-reps.png');
  background-size: 18px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.time {
  background-image: url('../images/icon-time_2icon-time.png');
  background-size: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.image {
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.ac-icon-2.testimony {
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.div-block-1027 {
  margin-bottom: 20px;
}

.revert-button {
  display: inline-block;
  cursor: pointer;
}

.heading-holder-2 {
  display: block;
  height: auto;
  min-height: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding: 0px;
  border-bottom: 1px none #e0e0e0;
  background-color: #fff;
}

.heading-holder-2.hidden {
  display: block;
}

.author-date-section-wrapper {
  display: block;
  margin-bottom: 20px;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Sf ui text', sans-serif;
  color: #5f5f5f;
}

.empty-preview-message-3 {
  padding-right: 40px;
  padding-left: 40px;
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 22px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
}

.text-h1 {
  color: #444;
  font-size: 56px;
  line-height: 64px;
  font-weight: 700;
}

.text-h1.white {
  color: hsla(0, 0%, 100%, 0.9);
}

.checkbox-field-14 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-32 {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 32px;
  line-height: 38px;
  font-weight: 300;
}

.text-32.white {
  color: rgba(255, 255, 255, 0.89);
}

.submit-button-small-7 {
  position: static;
  left: 800px;
  top: -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 46px;
  margin-right: 6px;
  margin-left: 6px;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: #3898ec;
  -webkit-transition: background-color 400ms ease;
  transition: background-color 400ms ease;
  font-family: 'Sf ui text', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
}

.submit-button-small-7:hover {
  background-color: #1679cf;
  color: #fff;
}

.submit-button-small-7.cancel {
  background-color: #97a4af;
}

.submit-button-small-7.cancel:hover {
  background-color: #8c959c;
}

.send-time-block-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.send-time-block-2.hidden {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
}

.color-picker-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
}

.color-picker-wrapper:hover {
  border-color: #fff;
}

.img-vertical-list {
  width: 240px;
  height: 200px;
  min-width: 240px;
  background-color: #d6d6d6;
  background-image: url('../images/Screen-Shot-2022-01-07-at-7.56.03-AM.png');
  background-position: 50% 50%;
  background-size: cover;
}

.in-library-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.in-library-status.hidden {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.bg-img-preview-2 {
  min-height: 30px;
  padding-top: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.11);
}

.rte-toggle-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  padding-bottom: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 998;
  display: none;
  overflow: auto;
  padding-top: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sf-14-regular-2 {
  font-family: 'Sf ui text', sans-serif;
  color: #313131;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.sf-14-regular-2.white {
  color: hsla(0, 0%, 100%, 0.86);
}

.sf-14-regular-2.sky-blue {
  color: #00b2ed;
  font-weight: 500;
}

.tag-item-input-3 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 4px 6px;
  clear: left;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #b0dcfc;
  background-color: #fcfcfc;
  color: #aaa;
}

.chip-label {
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label.small {
  font-size: 13px;
  line-height: 16px;
}

.text-block-44 {
  font-weight: 500;
}

.old-preview-wrapper-3-copy {
  position: relative;
  display: none;
  overflow: auto;
  width: 50%;
  height: auto;
  max-height: none;
  min-height: 0px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e8eaec;
}

.button-icon-3 {
  margin-right: 5px;
}

.div-block-461 {
  padding-top: 10px;
  padding-right: 5px;
}

.radio-label {
  font-family: 'Sf ui text', sans-serif;
  color: rgba(49, 43, 61, 0.89);
  font-size: 15px;
}

.rte-icon {
  position: relative;
  z-index: 5;
  width: 38px;
  height: 38px;
  margin-right: 2px;
  margin-left: 2px;
  border-radius: 4px;
  background-color: transparent;
  background-image: url('../images/bold.png');
  background-position: 50% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  opacity: 0.84;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  cursor: pointer;
}

.rte-icon:hover {
  background-color: rgba(8, 86, 141, 0.5);
  opacity: 1;
}

.rte-icon.bold {
  cursor: pointer;
}

.rte-icon.bold:hover {
  opacity: 1;
}

.rte-icon.style {
  background-image: url('../images/paint_1paint.png');
  background-size: 21px;
}

.rte-icon.label {
  display: inline-block;
  width: 48%;
  height: 44px;
  padding-right: 10px;
  padding-left: 10px;
  background-image: none;
}

.rte-icon.align-right {
  background-image: url('../images/icon-right_1icon-right.png');
  background-size: 22px;
  cursor: pointer;
}

.rte-icon.align-left-button {
  background-image: url('../images/align-left.png');
  background-size: 26px;
  cursor: pointer;
}

.rte-icon.edit {
  background-image: url('../images/edit2_1edit2.png');
  background-size: 20px;
}

.rte-icon.layout {
  background-image: url('../images/layout_1layout.png');
  background-size: 15px;
}

.rte-icon.bulleted-list {
  background-image: url('../images/list-white.png');
  background-size: 20px;
}

.rte-icon.align-left {
  background-image: url('../images/icon-left_1icon-left.png');
  background-size: 22px;
  cursor: pointer;
}

.rte-icon.delete {
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
  background-size: 22px;
}

.rte-icon.italic {
  background-image: url('../images/italic.png');
  cursor: pointer;
}

.rte-icon.align-right-button {
  background-image: url('../images/align-right.png');
  background-size: 26px;
  cursor: pointer;
}

.rte-icon.url {
  background-image: url('../images/link.png');
  background-size: 18px;
  cursor: pointer;
}

.rte-icon.text {
  width: auto;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
  opacity: 1;
  font-family: 'Sf ui text', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.rte-icon.text:hover {
  background-color: transparent;
}

.rte-icon.align-center {
  background-image: url('../images/icon-center_1icon-center.png');
  background-size: 22px;
  cursor: pointer;
}

.rte-icon.align-center-button {
  background-image: url('../images/align-center.png');
  background-size: 26px;
  cursor: pointer;
}

.rte-icon.duplicate {
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-size: 22px;
}

.lead-gen-toggle-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
}

.textarea-5-copy {
  height: auto;
  min-height: 80px;
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  color: #141414;
  font-size: 15px;
}

.form-field-wrapper {
  margin-bottom: 20px;
}

.body-text-2 {
  margin-bottom: 5px;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #444;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}

.site-form-field-2 {
  margin-bottom: 15px;
  padding-left: 12px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
}

.div-block-883 {
  width: 200px;
  height: 200px;
  min-height: 200px;
  min-width: 200px;
  margin-top: 35px;
  border-radius: 200px;
  background-image: url('../images/ricardo.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.fat-icon {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 22px;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.fat-icon:hover {
  background-color: #000;
}

.fat-display {
  position: absolute;
  left: auto;
  top: 5px;
  right: 5px;
  bottom: auto;
  z-index: 4;
  width: auto;
  min-height: 24px;
  min-width: 40px;
  padding: 4px 6px;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.fat-display:hover {
  background-color: #000;
}

.form-4 {
  display: inline-block;
}

.column {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 340px;
  max-width: none;
  min-height: 40px;
  min-width: 90px;
  padding: 5px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 1px none #d6d6d6;
  color: #161616;
  font-size: 15px;
  line-height: 17px;
}

.column.kpi-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 42px;
  min-height: 0px;
  min-width: 72px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  font-weight: 400;
  text-align: center;
}

.column.editable-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 32px;
  min-height: 0px;
  min-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  background-color: #fff7b7;
  font-weight: 400;
  text-align: center;
}

.input-fat-level {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
  height: 21px;
  margin-bottom: 0px;
  padding: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-style: solid;
  border-width: 1px;
  border-color: #9b9b9b;
  background-color: hsla(0, 0%, 100%, 0.59);
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  text-align: right;
}

.input-fat-level::-webkit-input-placeholder {
  color: #161616;
}

.input-fat-level:-ms-input-placeholder {
  color: #161616;
}

.input-fat-level::-ms-input-placeholder {
  color: #161616;
}

.input-fat-level::placeholder {
  color: #161616;
}

.input-fat-level.hidden {
  text-shadow: none;
}

.asterisk {
  position: absolute;
  left: auto;
  top: 11px;
  right: 0%;
  bottom: auto;
  font-size: 17px;
}

.form-block-fat {
  position: absolute;
  left: auto;
  top: 4px;
  right: 4px;
  bottom: auto;
  z-index: 4;
  display: inline-block;
  margin-bottom: 0px;
  text-shadow: 1px 1px 6px #fff;
}

.video-holder {
  margin-bottom: 40px;
}

html.w-mod-js *[data-ix="modal"] {
  display: none;
  opacity: 0;
}

@media screen and (max-width: 991px) {
  h1 {
    text-shadow: none;
  }

  h2 {
    line-height: 38px;
  }

  p {
    line-height: 30px;
    text-shadow: none;
  }

  .footer {
    margin-bottom: 40px;
  }

  .h1-headline {
    padding-top: 0px;
    font-size: 40px;
  }

  .submitbutton {
    margin-top: 16px;
  }

  .submitbutton.complete {
    margin-top: 20px;
  }

  .submitbutton.form {
    margin-right: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-right: 0px;
    margin-left: 8px;
  }

  .submitbutton.complete {
    margin-top: 20px;
  }

  .submitbutton.form {
    margin-right: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-right: 0px;
    margin-left: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-right: 0px;
    margin-left: 8px;
  }

  .paragraph {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
  }

  .paragraph.smalltext {
    line-height: 20px;
    text-align: left;
  }

  .paragraph.smalltext.plan {
    font-size: 13px;
  }

  .paragraph.smalltext.plan {
    font-size: 13px;
  }

  .paragraph.left {
    font-size: 16px;
    text-align: left;
  }

  .paragraph.left.white {
    font-size: 16px;
  }

  .paragraph.small {
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: left;
  }

  .paragraph.small-left {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
  }

  .h2-dark {
    width: 100%;
    margin-top: 0px;
  }

  .h2-dark.bold {
    width: auto;
  }

  .h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 48px;
  }

  .h1.big {
    top: 140px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .h1.big.pro {
    font-size: 48px;
    line-height: 54px;
  }

  .h4.account.bold {
    font-size: 16px;
    line-height: 20px;
  }

  .login-button {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 90px;
    margin-top: 18px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .login-button.subscribe {
    position: static;
    margin-top: 0px;
    margin-right: 0px;
  }

  .login-label {
    position: static;
    top: 0px;
    right: 0px;
  }

  .h3-dark.left {
    display: block;
  }

  .h3-dark.left {
    display: block;
  }

  .modalcontent.wide {
    width: 700px;
  }

  .modalcontent.wide {
    width: 700px;
  }

  .dropdown-toggle {
    margin-top: 20px;
  }

  .trainername {
    font-size: 14px;
  }

  .fb-photo {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50% 50%, 0px 0px;
    background-size: 60px, 125px;
    background-repeat: no-repeat, repeat;
  }

  .testimonial {
    width: 700px;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .nav-home {
    width: 60px;
  }

  .nav-container {
    position: relative;
    width: auto;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .navlink {
    color: #00528c;
    font-size: 18px;
  }

  .navlink.mobile {
    display: block;
    padding-right: 10px;
    color: #00528c;
    cursor: pointer;
  }

  .navlink.mobile:hover {
    background-color: hsla(0, 0%, 100%, 0.3);
    color: #00528c;
  }

  .brand {
    height: auto;
  }

  .navheader {
    width: auto;
    height: 60px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .navheader.mobile {
    position: absolute;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 14px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .navheader.blog {
    width: 100%;
    height: 70px;
    padding-left: 30px;
  }

  .navbutton {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    padding: 8px 0px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: hsla(0, 0%, 100%, 0.2);
  }

  .nav-menu {
    display: block;
    min-width: 280px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 1px solid #c7c7c7;
    background-color: #fcfcfc;
    box-shadow: 1px 1px 23px -3px rgba(0, 0, 0, 0.44);
  }

  .icon {
    position: static;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
    text-align: center;
  }

  .image-11 {
    width: 200px;
  }

  .hero-tagline {
    top: 100px;
    padding-top: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .hero-tagline.pro {
    top: 100px;
    margin-top: 0px;
  }

  .loginbutton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .plan-block {
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-color: rgba(112, 150, 177, 0.44);
  }

  .plan-info {
    padding-left: 20px;
  }

  .plan-info.name {
    width: 240px;
    padding-right: 5px;
  }

  .plan-info.edit {
    width: 100px;
    height: 64px;
  }

  .plan-info.price {
    width: 190px;
    padding-right: 5px;
    padding-left: 10px;
  }

  .plan-info.trial {
    padding-right: 5px;
    padding-left: 10px;
  }

  .checkbox-label {
    margin-left: 0px;
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .checkbox-label.small {
    font-weight: 400;
  }

  .div-block-64 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .left-col-text {
    height: 360px;
    padding-right: 0px;
    padding-left: 40px;
  }

  .right-col-img {
    height: 360px;
    background-position: 66% 17%;
    background-size: 300px;
  }

  .right-col-img.tran {
    background-position: 50% -49%;
    background-size: auto 400px;
  }

  .div-block-87 {
    width: 100%;
    padding-right: 0px;
  }

  .section-heading {
    display: block;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .section-heading.white {
    display: block;
  }

  .section-heading.blue {
    display: block;
  }

  .column-12 {
    position: static;
    padding-right: 12px;
    padding-left: 12px;
  }

  .h3-blurb {
    font-size: 24px;
    line-height: 30px;
  }

  .h3-blurb.left.blue {
    line-height: 28px;
  }

  .trainer-block {
    width: 100%;
    padding-right: 0px;
  }

  .pie-chart {
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .pro-left-col {
    height: auto;
    padding-right: 0px;
    padding-bottom: 24px;
    padding-left: 40px;
  }

  .pro-right-col {
    height: 500px;
    background-position: 25% 50%;
    background-size: 480px;
  }

  .pro-row {
    position: static;
    display: block;
    width: auto;
    height: auto;
    margin-top: 0px;
    margin-bottom: 40px;
  }

  .hero-pro {
    height: 440px;
    background-position: 0px 0px, 85% 37%;
    background-size: auto, cover;
  }

  .small-title-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .h2-subheading {
    width: 100%;
    margin-top: 0px;
  }

  .container-why-use {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
  }

  .slider-app {
    height: auto;
  }

  .slide-content-wrapper {
    padding-top: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .slide-content-wrapper.web {
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .app-image {
    width: 380px;
  }

  .slide-text-holder {
    width: 420px;
    height: 520px;
    padding-top: 80px;
    padding-right: 20px;
    padding-left: 0px;
  }

  .slide-nav-2 {
    left: 188px;
    top: 430px;
    right: 0px;
  }

  .right-arrow-2 {
    width: 40px;
  }

  .left-arrow-2 {
    width: 40px;
  }

  .web-image {
    width: 670px;
    margin-top: 20px;
  }

  .slide-web-text-holder {
    width: 100%;
    height: auto;
    max-width: 800px;
    padding: 30px 60px;
  }

  .slide-nav3 {
    position: static;
    left: 188px;
    top: 430px;
    right: 0px;
    display: block;
    height: 60px;
  }

  .section-trainer-testimonials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .testimonial-text-block {
    width: 100%;
    max-width: 720px;
    padding-bottom: 0px;
  }

  .slider-trainer-testimonials {
    width: auto;
  }

  .right-arrow-3 {
    top: 0px;
    display: block;
    width: 40px;
    height: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .left-arrow-3 {
    left: 0px;
    top: 0px;
    bottom: 0px;
    display: block;
    width: 40px;
    height: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .icon-test-right {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.8);
  }

  .icon-test-left {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.8);
  }

  .trainer-collage {
    width: 100%;
    max-width: none;
  }

  .section-slider-app {
    height: auto;
  }

  .section-slider-web {
    height: auto;
  }

  .slider-web-new {
    height: auto;
    padding-bottom: 0px;
  }

  .section-brio {
    padding-bottom: 0px;
  }

  .name {
    width: 114px;
  }

  .post-body-text.side {
    font-size: 16px;
    line-height: 22px;
  }

  .site-header {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .mobile-nav-icon {
    color: #fff;
  }

  .timeline-media-2.right {
    text-align: right;
  }

  .timeline-media-2.left {
    text-align: left;
  }

  .timeline-media-2.right {
    text-align: right;
  }

  .sidebar-right {
    display: none;
  }

  .image-84 {
    max-width: 100%;
  }

  .cat-menu-item {
    height: 52px;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
  }

  .cat-menu-item.selected {
    font-size: 16px;
  }

  .trainer-pic-right {
    padding-right: 18px;
  }

  .header-elements {
    width: 100%;
  }

  .banner-module {
    height: 340px;
  }

  .site-timeline-item {
    width: 100%;
  }

  .post-container-2 {
    width: auto;
    padding-right: 20px;
    padding-left: 10px;
  }

  .site-category-wrapper {
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 26%;
    min-height: 0px;
    min-width: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .site-content-section {
    padding-top: 20px;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .landing-item {
    width: 100%;
  }

  .site-hero-2 {
    height: 340px;
    background-position: 50% 10%;
  }

  .submitbutton-2.complete {
    margin-top: 20px;
  }

  .modalcontent-6 {
    padding-bottom: 20px;
  }

  .action-button-4.side {
    height: 46px;
    font-size: 14px;
  }

  .twm-spinner {
    width: 100px;
    height: 100px;
  }

  .rte-holder.side {
    padding-bottom: 20px;
  }

  .site-timeline-item-2 {
    width: 100%;
    min-width: 500px;
  }

  .h2-white-2 {
    width: 700px;
  }

  .submitbutton-4 {
    margin-top: 16px;
  }

  .item-header-2.side {
    font-size: 18px;
    line-height: 24px;
  }

  .right-side-container {
    max-height: none;
    padding-top: 10px;
  }

  .sidebar-right-2 {
    position: static;
    display: block;
    overflow: visible;
    width: 100%;
    max-height: none;
    min-width: 0px;
    padding-right: 20px;
    padding-left: 10px;
  }

  .site-content-section-3 {
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .site-content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .action-button-6.blue-outline {
    font-size: 14px;
    text-align: center;
  }

  .site-header-3 {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .header-elements-3 {
    width: 100%;
  }

  .content-div {
    width: 90%;
  }

  .footer-2 {
    margin-bottom: 40px;
  }

  .autocomplete-input-area {
    width: 100%;
    min-width: 0px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .hero-form {
    top: 170px;
    right: 10px;
  }

  .modal-video {
    padding-top: 8%;
  }

  .modalcontent-11 {
    width: 98%;
  }

  .nav-menu-3 {
    z-index: 1001;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .mobile-menu-option {
    height: 52px;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
  }

  .logo-container {
    margin-right: 0px;
    background-position: 50% 50%;
  }

  .post-content-wrapper {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .mobile-menu-wrapper {
    position: -webkit-sticky;
    position: sticky;
    display: none;
    width: 26%;
    min-height: 0px;
    min-width: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .navbar-wrapper {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .nav-link-2 {
    margin-right: 12px;
    margin-left: 12px;
    background-color: transparent;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
  }

  .nav-link-2:hover {
    background-color: #fff;
  }

  .header-element-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-width: 0px;
    padding-top: 14px;
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section {
    min-height: 20px;
  }

  .menu-button-2 {
    margin-top: -4px;
    background-color: #d90246;
  }

  .post-text-wrapper {
    width: 50%;
    max-width: 440px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .post-text-wrapper.vertical-center {
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
  }

  .post-text-wrapper.vertical-center {
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
  }

  .post-component-wrapper {
    width: 50%;
  }

  .lead-form {
    top: 170px;
    right: 10px;
    width: auto;
  }

  .post-content-wrapper-2 {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .lead-form-block {
    width: 100%;
    max-width: none;
    min-width: 0px;
    margin-bottom: 20px;
  }

  .post-component-wrapper-copy {
    width: 100%;
  }

  .lead-capture-inner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .post-plan-wrapper-center {
    width: 100%;
  }

  .lead-form-block-center {
    width: 100%;
    max-width: none;
    min-width: 0px;
    margin-bottom: 20px;
  }

  .body-comp-form-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0px;
    margin-bottom: 20px;
  }

  .web-form {
    top: 170px;
    right: 10px;
  }

  .dob-input-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .dob-dropdown {
    width: 100%;
  }

  .div-block-750 {
    width: 100%;
  }

  .body-comp-form-wrapper-copy {
    width: 100%;
    max-width: none;
    min-width: 0px;
    margin-bottom: 20px;
  }

  .confirm-block-example {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .confirm-block-template-copy {
    padding-top: 8%;
  }

  .modalcontent-11-copy {
    width: 98%;
  }

  .web-workout-preview.vertical-center {
    width: 100%;
    height: auto;
    padding-top: 56.25%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .launch-workout-button {
    top: 40%;
  }

  .teaser-side {
    width: auto;
    max-width: none;
  }

  .teaser-content {
    width: auto;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 40px;
  }

  .cienna-video-wrapper {
    display: none;
    width: 400px;
    padding: 20px;
  }

  .featured-content-block {
    padding: 20px 14px;
  }

  .custom-nav-wrapper {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .teaser-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .logo-container-2 {
    margin-right: 0px;
  }

  .trainer-image {
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .trainer-image.jason {
    background-position: 0px 0px, 20% 50%;
    background-size: auto, cover;
  }

  .trainer-image.cienna {
    background-position: 0px 0px, 0% 50%;
    background-size: auto, cover;
  }

  .trainer-image.mara {
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .site-section {
    min-height: 20px;
  }

  .site-section.hero-twm {
    height: 280px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)), url('../images/hero1.jpg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: linear-gradient(180deg, transparent, transparent), url('../images/hero1.jpg'), linear-gradient(180deg, transparent, transparent);
    background-position: 0px 0px, 50% 50%, 0px 0px;
    background-size: auto, auto 280px, auto;
  }

  .featured-trainer {
    width: 32%;
    height: 640px;
    margin-right: 4px;
    margin-left: 4px;
  }

  .div-block-765 {
    width: auto;
  }

  .site-img {
    width: 360px;
  }

  .site-img.right {
    margin-right: 30px;
  }

  .site-img.left {
    margin-left: 30px;
  }

  .custsom-form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    min-width: 0px;
  }

  .custsom-form-wrapper.cienna {
    padding: 10px;
  }

  .plan-tag-section {
    overflow: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .featured-section {
    padding-bottom: 40px;
  }

  .twm-site-header-wrapper {
    width: 100%;
    height: 80px;
    min-width: 0px;
    padding: 0px 20px;
  }

  .body-paragraph.white {
    font-size: 16px;
    line-height: 22px;
  }

  .custom-web-form {
    top: 170px;
    right: 10px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .custom-web-form.cienna {
    width: 50%;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .teaser-section {
    margin-right: 12px;
    margin-left: 12px;
    padding-top: 30px;
  }

  .cienna-video-mobile {
    display: block;
    width: 50%;
    padding: 0px 10px 0px 0px;
  }

  .title-side-layout {
    width: 100%;
    padding-right: 30px;
    padding-left: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .slider {
    width: 100%;
    padding-left: 40px;
  }

  .site-tag-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .div-block-777 {
    padding-left: 20px;
  }

  .site-section-heading-corporate {
    min-height: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .post-content-wrapper-3 {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .post-text-wrapper-2 {
    width: 50%;
    max-width: 440px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .post-text-wrapper-2.vertical-center {
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
  }

  .post-content-wrapper-4 {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .site-section-corporate {
    min-height: 20px;
  }

  .action-button.blue-outline {
    font-size: 14px;
    text-align: center;
  }

  .section-11 {
    min-height: 20px;
  }

  .topic-tag-wrapper {
    padding: 10px 10px 10px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .site-section-2 {
    min-height: 20px;
  }

  .site-section-2.content-main {
    padding-top: 20px;
  }

  .site-section-2.content-main.light-grey {
    padding-bottom: 60px;
  }

  .snippet-wrapper {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .content-snippet {
    padding: 10px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .content-snippet-wrapper {
    padding-left: 20px;
  }

  .article-view {
    width: 100%;
    padding: 10px 40px 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .custom-nav-wrapper-2 {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .twm-site-header-wrapper-2 {
    width: 100%;
    height: 80px;
    min-width: 0px;
    padding: 0px 20px;
  }

  .article-text-wrapper {
    width: auto;
  }

  .logo-container-3 {
    margin-right: 0px;
  }

  .blog-snippet-grid-wrapper {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .blog-snippet {
    width: 100%;
    height: auto;
    max-width: 550px;
    margin-right: 6px;
    margin-left: 6px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .item-image-wrapper-2._3 {
    background-position: 50% 0%;
    background-size: cover;
  }

  .twm-site-header-wrapper-3 {
    width: 100%;
    height: 80px;
    min-width: 0px;
    padding: 0px 20px;
  }

  .nav-menu-4 {
    margin-right: 10px;
  }

  .logo-container-4 {
    min-width: 180px;
    margin-right: 0px;
  }

  .twm-button-2 {
    min-width: 80px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
  }

  .menu-button-4 {
    margin-top: -4px;
    background-color: #d90246;
  }

  .nav-link-3 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .div-block-824 {
    right: 110px;
  }

  .web-form-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0px;
    margin-bottom: 20px;
  }

  .column-wrapper {
    width: 400px;
    margin-bottom: 60px;
  }

  .column-wrapper.testimonial {
    width: 640px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .column-wrapper.pricing {
    width: 640px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .nav-link-4 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 46px;
    font-size: 18px;
  }

  .nav-link-4.w--current {
    border-bottom-style: none;
    border-radius: 15px;
  }

  .nav-link-4.w--current:hover {
    color: #00b2ed;
  }

  .nav-link-4.sign-in {
    display: block;
    width: 120px;
    margin-top: 30px;
    margin-left: 54px;
    padding: 12px 20px;
    font-size: 15px;
    text-align: center;
  }

  .hero-element-wrapper.products {
    position: relative;
    background-image: none;
  }

  .div-block-971 {
    width: 100%;
  }

  .text-field-10 {
    font-size: 16px;
  }

  .easy-start-heading {
    text-align: left;
  }

  .slider-2 {
    width: 100%;
    padding-left: 70px;
  }

  .heading-1.xl-bold-white {
    font-size: 52px;
    line-height: 62px;
  }

  .section-content-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .section-content-wrapper._3-column {
    width: auto;
    min-width: 600px;
  }

  .section-content-wrapper.center-wide {
    min-width: 600px;
  }

  .section-content-wrapper.center-wide {
    width: auto;
    min-width: 600px;
  }

  .nav-menu-5 {
    z-index: 9;
    height: 100vh;
    margin-top: 8px;
    padding-top: 20px;
    background-color: #1d1d1d;
  }

  .heading-2 {
    font-size: 34px;
    line-height: 44px;
  }

  .heading-2.white {
    font-size: 28px;
    line-height: 38px;
  }

  .hero-copy {
    width: 55%;
    padding-right: 20px;
  }

  .hero-copy.interior {
    width: 72%;
  }

  .hero-copy.interior.long {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-right-block {
    width: 45%;
    max-width: 430px;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .site-header-nav {
    width: auto;
    height: 65px;
    max-width: none;
    min-width: 0px;
  }

  .icon-img {
    margin-bottom: 20px;
  }

  .report-animation {
    display: block;
    min-height: 300px;
  }

  .assessment-form-wrapper {
    width: 45%;
    max-width: 500px;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .menu-button-5 {
    margin-left: auto;
    padding: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }

  .navbar-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    min-width: 0px;
    padding-right: 20px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .serif-16 {
    font-size: 16px;
    line-height: 22px;
  }

  .form-block-21 {
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
  }

  .div-block-901 {
    min-height: 300px;
  }

  .div-block-901.site-builder {
    min-height: 400px;
    background-position: 100% 0%;
  }

  .slider-section {
    padding: 55px 40px;
  }

  .home-hero {
    min-height: 0px;
  }

  .content-section {
    padding-top: 55px;
    padding-right: 45px;
    padding-left: 45px;
  }

  .content-section.leadin {
    height: auto;
    padding-bottom: 55px;
    background-position: 100% 45%;
    background-size: 460px;
  }

  .submit-button-2 {
    font-size: 16px;
  }

  .icon-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 46px;
    height: 46px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
  }

  .list-item-2 {
    background-position: 0% 2px;
    font-size: 16px;
    line-height: 26px;
  }

  .hero-content {
    width: auto;
    max-width: none;
    min-width: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  ._3-column-wrapper {
    width: auto;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .poppins-label {
    font-size: 16px;
    line-height: 26px;
  }

  .section-copy {
    padding-left: 62px;
  }

  .section-copy.left {
    padding-right: 62px;
  }

  .section-copy.center {
    width: 100%;
    text-align: left;
  }

  .section-copy.lead {
    padding-right: 62px;
  }

  .brand-link-block {
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .nav-link-5 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 42px;
    border-bottom-style: none;
    font-size: 18px;
  }

  .nav-link-5:hover {
    border-bottom-style: none;
  }

  .nav-link-5.w--current {
    border-bottom-style: none;
    border-radius: 15px;
  }

  .nav-link-5.w--current:hover {
    color: #00b2ed;
  }

  .nav-link-5.sign-in {
    display: block;
    width: 120px;
    margin-top: 30px;
    margin-left: 54px;
    padding: 12px 20px;
    border-style: solid;
    font-size: 15px;
    text-align: center;
  }

  .text-field-11 {
    font-size: 16px;
  }

  .heading-4.xl-bold-white {
    font-size: 52px;
    line-height: 62px;
  }

  .heading-5 {
    font-size: 34px;
    line-height: 44px;
  }

  .heading-5.white {
    font-size: 28px;
    line-height: 38px;
  }

  .submit-button-3 {
    font-size: 16px;
  }

  .list-item-3 {
    background-position: 0% 2px;
    font-size: 16px;
    line-height: 26px;
  }

  .poppins-body-text-2 {
    font-size: 16px;
    line-height: 26px;
  }

  .bar-chart-segment {
    width: 20%;
    min-width: 55px;
    margin-right: 5px;
    margin-bottom: 5px;
  }

  .bar-chart-segment.long {
    width: 100%;
    min-width: 250px;
  }

  .image-165 {
    width: 300px;
  }

  .poppins-label-sm {
    padding-left: 5px;
    font-size: 13px;
    line-height: 15px;
  }

  .interior-page-banner-content {
    width: auto;
    max-width: none;
    min-width: 0px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-979 {
    margin-top: 5px;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .div-block-1021 {
    width: 102%;
    padding-top: 14px;
    padding-left: 12%;
  }

  .image-164 {
    width: 154px;
  }

  .list-item-4 {
    background-position: 0% 2px;
    font-size: 16px;
    line-height: 26px;
  }

  .chart-be {
    width: 100%;
    padding-bottom: 0px;
  }

  .hero-intereior {
    height: auto;
    min-height: 520px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-913-copy {
    width: auto;
  }

  .profile-img {
    margin-top: 20px;
    margin-left: 0px;
  }

  .div-block-929 {
    text-align: left;
  }

  .vertical-box-content-wrapper {
    width: auto;
  }

  .image-163 {
    margin-bottom: 15px;
  }

  .second-photo-chooser-modal {
    z-index: 25;
  }

  .div-block-1022 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .submitbutton-5 {
    margin-top: 16px;
  }

  .first-photo-chooser-modal {
    z-index: 25;
  }

  .submitbutton-6.complete {
    margin-top: 20px;
  }

  .modal-content {
    width: 96%;
  }

  .paragraph-2 {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
  }

  .paragraph-2.smalltext {
    line-height: 20px;
    text-align: left;
  }

  .author-wrapper {
    width: auto;
  }

  .page-section {
    min-height: 20px;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .text-13 {
    display: block;
  }

  .page-element-block.img-text-vertical-list {
    width: auto;
  }

  .column-wide {
    width: 50%;
    padding: 16px;
  }

  .column-narrow {
    width: 50%;
    max-width: 440px;
    padding: 16px;
  }

  .column-narrow.hero-right {
    width: 50%;
    max-width: none;
  }

  .add-element-menu-modal {
    display: none;
  }

  .section-layout-wrapper {
    width: 100%;
    padding: 12px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .section-layout-wrapper.article {
    width: 100%;
  }

  .section-layout-wrapper._2-column.hero {
    width: 100%;
  }

  .site-image-default {
    max-width: 100%;
  }

  .search-wrapper-6 {
    display: block;
  }

  .inner-layout-3-column {
    width: 33%;
  }

  .autocomplete-input-2-program {
    width: 100%;
    min-width: 0px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .lead-form-2 {
    top: 170px;
    right: 10px;
    width: auto;
  }

  .text-h2 {
    font-size: 46px;
    line-height: 56px;
  }

  .text-h1 {
    font-size: 52px;
    line-height: 62px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    text-shadow: none;
  }

  h2 {
    font-size: 32px;
  }

  h4 {
    font-size: 18px;
    line-height: 22px;
  }

  p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-shadow: none;
  }

  .footer {
    margin-bottom: 20px;
  }

  .h1-headline {
    padding-top: 0px;
    font-size: 36px;
    line-height: 40px;
  }

  .h1-headline.white {
    line-height: 44px;
  }

  .submitbutton.small {
    width: auto;
    min-width: 160px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
  }

  .submitbutton.form {
    width: 200px;
    margin-right: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-right: 0px;
    margin-left: 8px;
  }

  .submitbutton.white.small {
    width: 70px;
  }

  .submitbutton.form {
    width: 200px;
  }

  .submitbutton.form {
    width: 200px;
    margin-right: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-right: 0px;
    margin-left: 8px;
  }

  .submitbutton.form.cancel.close-modal {
    margin-right: 0px;
    margin-left: 8px;
  }

  .paragraph {
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
  }

  .paragraph.smalltext.plan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px;
  }

  .paragraph.smalltext.plan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px;
  }

  .paragraph.left {
    font-size: 16px;
  }

  .paragraph.left.white {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }

  .paragraph.small {
    padding-top: 20px;
  }

  .paragraph.small.center {
    padding-top: 10px;
  }

  .paragraph.center {
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph.small-left {
    padding-top: 0px;
  }

  .h2-dark {
    margin-top: 0px;
    font-size: 36px;
  }

  .h2-dark.bold {
    font-size: 24px;
    line-height: 30px;
  }

  .twmheader.dash {
    height: 66px;
  }

  .twmheader.left {
    height: 66px;
  }

  .h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 36px;
    line-height: 44px;
  }

  .h1.big {
    top: 80px;
    font-size: 42px;
    line-height: 50px;
  }

  .h1.big.pro {
    font-size: 38px;
    line-height: 46px;
  }

  .h4.account {
    font-size: 16px;
  }

  .h4.account {
    font-size: 16px;
  }

  .card-input {
    width: auto;
    font-family: 'Work Sans', sans-serif;
    color: #312b3d;
    font-size: 16px;
  }

  .login-button {
    width: 90px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
  }

  .login-button._2 {
    width: 60px;
  }

  .login-button.subscribe {
    height: 34px;
    font-size: 14px;
    line-height: 20px;
  }

  .login-label {
    height: 30px;
    padding-top: 0px;
    font-size: 12px;
  }

  .inputfield {
    display: inline-block;
    width: 100%;
  }

  .inputfield.short {
    display: inline-block;
  }

  .inputfield.short {
    display: inline-block;
  }

  .h3-dark {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .h3-dark.left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }

  .h3-dark.left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }

  .h3-dark.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .h3-dark.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .bank-info.account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modalcontent {
    width: 90%;
    max-width: 560px;
  }

  .modalcontent.wide {
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .modalcontent.wide {
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .div-block-3 {
    width: auto;
  }

  .textlink._22 {
    font-size: 18px;
  }

  .account-dropdown {
    position: static;
    height: 60px;
  }

  .dropdown-toggle {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .dropdown-toggle.w--open {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .settings-dropdown {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .dropdown-list.w--open {
    left: 0px;
    right: 0px;
  }

  .fb-photo {
    width: 40px;
    height: 40px;
  }

  .submit-button-holder {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nav {
    position: static;
    height: 140px;
  }

  .footer-links {
    display: block;
    padding-bottom: 20px;
  }

  .testimonial {
    width: 100%;
    margin-top: 20px;
  }

  .nav-container {
    height: 60px;
  }

  .navlink:hover {
    color: #00b2ed;
  }

  .navlink.mobile {
    padding-right: 10px;
  }

  .brand {
    height: auto;
  }

  .brand.w--current {
    display: block;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .navheader {
    padding-right: 20px;
    padding-left: 20px;
  }

  .navheader.mobile {
    left: 0px;
    top: 0px;
    width: 100%;
  }

  .navheader.blog {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .nav-menu {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .hero-tagline {
    padding-top: 0px;
  }

  .plan-block {
    height: auto;
    padding-top: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .plan-info {
    padding-left: 20px;
  }

  .plan-info.name {
    width: auto;
    padding-left: 0px;
  }

  .plan-info.edit {
    width: 100%;
    height: auto;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .plan-info.price {
    width: 320px;
    padding-left: 5px;
  }

  .plan-info.trial {
    width: 320px;
    padding-left: 5px;
  }

  .checkbox-label {
    line-height: 20px;
  }

  .image-20 {
    width: 160px;
  }

  .left-col-text {
    height: auto;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
  }

  .left-col-text.tran {
    height: auto;
    padding-top: 20px;
  }

  .right-col-img {
    background-position: 50% 6%;
    background-size: 300px;
  }

  .section-heading {
    display: block;
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .section-heading.white {
    display: block;
  }

  .section-heading.blue {
    display: block;
  }

  .column-12 {
    position: static;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 50px;
  }

  .h3-blurb {
    font-size: 24px;
    line-height: 30px;
  }

  .small-text-block {
    padding-top: 14px;
  }

  .trainer-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .tip-amount {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .pie-chart {
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .tip-payment {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .gray-box-modal {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .pro-left-col {
    height: auto;
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 20px;
  }

  .pro-right-col {
    height: 400px;
    margin-bottom: 50px;
    background-position: 50% 100%;
    background-size: 580px;
  }

  .pro-row {
    width: auto;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .hero-pro {
    height: 380px;
    padding-right: 20px;
    padding-left: 20px;
    background-position: 0px 0px, -180px 50%;
  }

  .small-title-layout {
    padding-bottom: 0px;
  }

  .container-16 {
    padding-top: 20px;
  }

  .h2-subheading {
    margin-top: 0px;
    font-size: 36px;
  }

  .h2-subheading.white {
    font-size: 32px;
  }

  .container-why-use {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .slider-app {
    height: auto;
  }

  .slide-content-wrapper {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .slide-content-wrapper.web {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .app-image {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .slide-text-holder {
    width: auto;
    height: auto;
    padding: 30px 50px 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #074572;
  }

  .slide-nav-2 {
    position: absolute;
    left: 0px;
    top: auto;
    right: 0px;
    bottom: 0px;
    display: none;
    width: 100%;
    height: 54px;
    padding-bottom: 0px;
    background-color: #0a6aad;
  }

  .icon-6 {
    top: 0px;
  }

  .right-arrow-2 {
    top: -200px;
    width: 60px;
    height: 100px;
  }

  .left-arrow-2 {
    top: -200px;
    width: 60px;
    height: 100px;
  }

  .icon-7 {
    top: 0px;
  }

  .web-image {
    display: block;
    width: 560px;
    margin-right: auto;
    margin-left: auto;
  }

  .slide-web-text-holder {
    width: auto;
    height: auto;
    padding: 30px 50px 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #0a6aad;
  }

  .slide-nav3 {
    position: absolute;
    left: 0px;
    top: auto;
    right: 0px;
    bottom: 0px;
    display: none;
    width: 100%;
    height: 54px;
    padding-bottom: 0px;
    background-color: #0a6aad;
  }

  .section-trainer-testimonials {
    display: block;
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .testimonial-text-block {
    width: auto;
    max-width: none;
    padding-right: 24px;
    padding-left: 24px;
  }

  .trainer-testimonial-wrapper {
    display: block;
    width: 100%;
  }

  .right-arrow-3 {
    height: 270px;
  }

  .slide-nav-3 {
    display: none;
  }

  .left-arrow-3 {
    height: 270px;
  }

  .icon-test-right {
    margin-left: 0px;
    color: rgba(255, 255, 255, 0.8);
  }

  .icon-test-left {
    margin-right: 0px;
    margin-left: 0px;
    color: rgba(255, 255, 255, 0.8);
  }

  .slider-web-new {
    height: auto;
  }

  .subheader-div {
    min-height: 100px;
  }

  .section-brio {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .plan-tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 47%;
    min-width: 0%;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .plans-wrapper {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }

  .tooltip {
    width: auto;
  }

  .modal-content-upload {
    width: auto;
  }

  .site-header {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .mobile-nav-icon {
    display: block;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    font-size: 28px;
    line-height: 28px;
    text-decoration: none;
  }

  .timeline-media-2.right {
    text-align: center;
  }

  .timeline-media-2.left {
    text-align: center;
  }

  .timeline-media-2.right {
    text-align: center;
  }

  .nav-icon-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    margin-right: 16px;
    padding-top: 1px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    text-decoration: none;
    cursor: pointer;
  }

  .image-84 {
    max-width: 100%;
  }

  .cat-menu-item {
    padding-left: 20px;
    line-height: 20px;
  }

  .plans-timeline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .trainer-pic-right {
    text-align: right;
  }

  .member-login-button {
    margin-top: 0px;
    margin-left: auto;
  }

  .button-profile {
    margin-top: 30px;
  }

  .header-elements {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .header-elements.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .plan-tile-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 46%;
    min-width: 260px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .plan-tile-2.wide {
    width: 96%;
    min-width: 96%;
  }

  .customer-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .item-button-bar.side {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .sender-name {
    font-size: 16px;
  }

  .banner-module {
    background-position: 50% 0%;
  }

  .site-timeline-item {
    width: 100%;
  }

  .post-container-2 {
    max-width: 96%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .site-category-wrapper {
    position: fixed;
    left: -300px;
    top: 60px;
    z-index: 1000;
    display: block;
    width: 90%;
    min-width: 160px;
    -webkit-transition: left 500ms ease;
    transition: left 500ms ease;
  }

  .site-content-section {
    z-index: auto;
    padding-right: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .landing-item {
    width: 100%;
  }

  .sidebar-title-font {
    font-size: 16px;
  }

  .customer-logo-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modalcontent-5 {
    width: 90%;
    max-width: 560px;
  }

  .modal-create-account {
    padding-top: 40px;
  }

  .submit-button-holder-3 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-block-433 {
    width: auto;
  }

  .modalcontent-6 {
    width: 90%;
    max-width: 560px;
  }

  .single-page-holder {
    display: block;
  }

  .customer-logo-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 260px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 0% 50%;
  }

  .site-timeline-item-2 {
    width: 100%;
    min-width: 400px;
  }

  .h2-white-2 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .inputfield-2 {
    display: inline-block;
    width: 100%;
  }

  .right-side-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .sidebar-right-2 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .sidebar-heading {
    padding-left: 0px;
    text-align: center;
  }

  .trainer-name-website {
    font-size: 38px;
    line-height: 38px;
    text-align: left;
  }

  .trainer-name-website.single {
    display: block;
    text-align: center;
  }

  .plan-tile-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .plan-tile-3.wide {
    width: 96%;
    min-width: 96%;
  }

  .site-content-section-3 {
    z-index: auto;
    padding-right: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .page-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .site-content-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .action-button-6.weblink {
    width: 100%;
  }

  .action-button-6.outlined {
    width: auto;
    max-width: 360px;
    min-width: 200px;
    font-size: 14px;
  }

  .action-button-6.weblink {
    width: 100%;
  }

  .action-button-6.submit-form {
    width: auto;
  }

  .action-button-6.outlined {
    width: auto;
    max-width: 360px;
    min-width: 200px;
    font-size: 14px;
  }

  .action-button-6.submit-form {
    width: 100%;
    min-width: 0px;
  }

  .action-button-6.weblink {
    width: 100%;
  }

  .site-header-3 {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    height: 60px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .customer-logo-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .member-login-button-2 {
    margin-top: 0px;
  }

  .tagline-white {
    width: auto;
    font-size: 38px;
  }

  .sf-sub-title {
    font-size: 22px;
    line-height: 28px;
  }

  .footer-links-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
  }

  .footer-2 {
    display: inline-block;
    margin-bottom: 20px;
  }

  .add-hero-element-button.close {
    top: 10px;
    right: 10px;
  }

  .headline-block {
    min-width: 0px;
  }

  .tagline-text-template {
    font-size: 40px;
  }

  .hero-form {
    width: 100%;
    max-width: none;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-button {
    font-size: 14px;
  }

  .hero-login-button {
    font-size: 14px;
  }

  .modal-video {
    padding-top: 12%;
  }

  .close-video {
    top: 10px;
    right: 10px;
  }

  .audio-bottom-controls-4 {
    padding-right: 10px;
    padding-left: 0px;
  }

  .nav-menu-3 {
    display: none;
    margin-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f5f5f5;
  }

  .hamburger-icon {
    font-size: 36px;
    line-height: 28px;
    font-weight: 400;
  }

  .mobile-menu-option {
    padding-left: 20px;
    border-left: 4px solid #fff;
    font-family: 'Sf ui display', sans-serif;
    color: #4d4d4d;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer;
  }

  .mobile-menu-option:hover {
    border-left-color: #00b2ed;
  }

  .mobile-menu-option.selected {
    border-left-color: #00b2ed;
    background-color: #fff;
    color: #000;
  }

  .logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    margin-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 0% 50%;
  }

  .logo-container.w--current {
    padding-left: 0px;
  }

  .item-header-large {
    font-size: 32px;
    text-align: center;
  }

  .item-header-large.center {
    line-height: 36px;
  }

  .post-content-wrapper {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .post-content-wrapper.vertical-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .post-content-wrapper.text-on-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mobile-menu-wrapper {
    position: fixed;
    left: -100%;
    top: 70px;
    z-index: 10;
    display: block;
    width: 90%;
    min-width: 160px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .navbar-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .nav-link-2 {
    display: block;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-style: none;
    background-color: transparent;
    text-align: left;
  }

  .nav-link-2:hover {
    border-bottom-style: none;
    background-color: transparent;
  }

  .nav-link-2.w--current {
    display: block;
    border-bottom-style: none;
  }

  .header-element-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-left: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .navbar-2 {
    padding-top: 0px;
    background-color: hsla(0, 0%, 100%, 0);
  }

  .web-button-bar {
    padding-right: 0px;
    padding-left: 0px;
  }

  .section {
    display: block;
  }

  .menu-button-2 {
    display: block;
    width: 46px;
    height: 46px;
    margin-top: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    background-color: #fff;
    color: #444;
    cursor: pointer;
  }

  .menu-button-2:hover {
    background-color: #fff;
  }

  .menu-button-2.w--open {
    background-color: #fff;
    color: #444;
  }

  .post-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .post-text-wrapper.vertical-center {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .post-text-wrapper.vertical-center {
    width: auto;
  }

  .post-text-wrapper.colin {
    padding-top: 20px;
  }

  .post-component-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .trainer-name-website-2 {
    padding-top: 0px;
    font-size: 32px;
    line-height: 38px;
  }

  .plan-tile-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .post-plan-wrapper {
    width: 100%;
    margin: 20px auto;
  }

  .post-component-wrapper-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .post-component-wrapper-2.vertical {
    width: 100%;
    max-width: none;
    margin-top: 30px;
  }

  .lead-form {
    width: 100%;
    max-width: none;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .title-h1 {
    width: auto;
    font-size: 42px;
    line-height: 48px;
    text-align: center;
  }

  .title-h2 {
    font-size: 32px;
    text-align: center;
  }

  .post-content-wrapper-2 {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .post-content-wrapper-2.vertical-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .lead-form-block {
    width: 100%;
    max-width: none;
    min-width: 0px;
  }

  .post-component-wrapper-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    margin-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .post-lead-capture-wrapper {
    position: relative;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
  }

  .lead-capture-inner-wrapper {
    padding-right: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .lead-button-label {
    font-size: 14px;
  }

  .post-plan-wrapper-center {
    width: 100%;
    margin: 20px auto;
  }

  .lead-form-block-center {
    width: 100%;
    max-width: none;
    min-width: 0px;
  }

  .body-comp-form-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0px;
  }

  .web-form {
    width: 100%;
    max-width: none;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .dob-input-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .body-comp-form-wrapper-copy {
    width: 100%;
    max-width: none;
    min-width: 0px;
  }

  .confirm-block-example {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .confirm-block-template-copy {
    padding-top: 12%;
  }

  .web-workout-preview {
    height: auto;
    padding-top: 56.25%;
  }

  .web-workout-name {
    font-size: 1.8em;
  }

  .workout-duration {
    font-size: 1.3em;
  }

  .launch-workout-button {
    position: absolute;
    left: auto;
    top: 40%;
    right: auto;
    bottom: auto;
  }

  .title-h1-2 {
    width: auto;
    font-size: 42px;
    line-height: 48px;
  }

  .title-h1-2.article {
    margin-right: 20px;
    margin-left: 20px;
  }

  .teaser-content {
    padding-right: 40px;
  }

  .login-twm-button:hover {
    background-color: #168cdf;
  }

  .action-button-7.submit-form {
    width: 100%;
    min-width: 0px;
  }

  .featured-content-block {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 50%;
    height: 360px;
    padding-top: 24px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: rgba(38, 50, 56, 0.75);
    -webkit-transition-property: none;
    transition-property: none;
  }

  .custom-nav-wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .trainer-name {
    font-size: 32px;
    text-align: center;
  }

  .title-h3 {
    font-size: 22px;
    line-height: 30px;
    text-align: left;
  }

  .title-h3.white {
    font-weight: 400;
  }

  .teaser-box {
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
  }

  .title-h2-2 {
    font-size: 32px;
    text-align: center;
  }

  .logo-container-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 65%;
  }

  .logo-container-2.w--current {
    padding-left: 0px;
  }

  .trainer-image {
    position: relative;
    width: 100%;
    height: 360px;
    padding-top: 24px;
    padding-bottom: 0px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .trainer-image.jason {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(10%, rgba(0, 0, 0, 0.4)), to(transparent)), url('../images/jason-boston.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4) 10%, transparent), url('../images/jason-boston.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }

  .trainer-image.cienna {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)), url('../images/cienna-stretch.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent), url('../images/cienna-stretch.jpg');
    background-position: 0px 0px, 0% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }

  .trainer-image.mara {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(45%, rgba(0, 0, 0, 0.33)), to(transparent)), url('../images/mara-stretching.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.33) 45%, transparent), url('../images/mara-stretching.jpg');
    background-position: 0px 0px, 100% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }

  .site-section.hero-twm {
    height: 360px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))), url('../images/hero-trainers-mobile.jpg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/hero-trainers-mobile.jpg'), linear-gradient(180deg, transparent, transparent);
    background-position: 0px 0px, 50% 40%, 0px 0px;
    background-size: auto, cover, auto;
    background-repeat: repeat, no-repeat, repeat;
  }

  .site-section.testimonial {
    padding-bottom: 60px;
  }

  .site-section.heading-grey {
    padding-bottom: 20px;
  }

  .site-section.heading-blog {
    padding-bottom: 20px;
  }

  .featured-trainer {
    position: relative;
    width: 100%;
    height: auto;
    max-width: none;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: none;
    transition-property: none;
  }

  .featured-trainer:hover {
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .site-img.right {
    width: 100%;
    margin-right: 0px;
  }

  .site-img.left {
    width: 100%;
    margin-left: 0px;
  }

  .custsom-form-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0px;
  }

  .custsom-form-wrapper.cienna {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .plan-tag-section {
    padding-top: 10px;
  }

  .featured-section {
    padding-top: 20px;
    padding-right: 12px;
    padding-left: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .twm-site-header-wrapper {
    position: relative;
    height: 72px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .custom-web-form {
    width: 100%;
    max-width: none;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .teaser-section {
    display: block;
    margin-right: 12px;
    margin-left: 12px;
    padding-top: 30px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .title-side-layout {
    margin-bottom: 0px;
    padding-right: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .trainer-name-website-3 {
    padding-top: 0px;
    font-size: 32px;
    line-height: 38px;
  }

  .site-tag {
    height: 42px;
    min-width: 130px;
    margin-top: 6px;
    margin-right: 2px;
    margin-left: 2px;
    padding-top: 3px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
  }

  .tag-label {
    font-size: 14px;
  }

  .tag-label-2 {
    font-size: 14px;
  }

  .site-section-heading-corporate.colin {
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .post-content-wrapper-3 {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .post-content-wrapper-3.vertical-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .post-text-wrapper-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .post-text-wrapper-2.vertical-center {
    width: auto;
  }

  .post-text-wrapper-2.vertical-center.long {
    width: auto;
  }

  .post-content-wrapper-4 {
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .post-content-wrapper-4.vertical-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .site-section-corporate {
    padding-top: 20px;
  }

  .site-section-corporate.coliln {
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .action-button.submit-form {
    width: 100%;
    min-width: 0px;
  }

  .topic-tag-wrapper {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 30px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .item-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 260px;
    min-width: 0px;
    margin-bottom: 20px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .item-image-wrapper._3 {
    background-position: 50% 0%;
    background-size: cover;
  }

  .site-section-2 {
    padding-top: 20px;
  }

  .content-tag {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .content-snippet {
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .title-h4 {
    font-size: 22px;
    line-height: 30px;
    text-align: left;
  }

  .title-content {
    font-size: 24px;
  }

  .content-snippet-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .content-snippet-wrapper.horizontal {
    padding-left: 20px;
  }

  .article-view {
    margin-bottom: 10px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .custom-nav-wrapper-2 {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0px;
    right: 0%;
    bottom: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .div-block-815 {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .twm-site-header-wrapper-2 {
    position: relative;
    height: 72px;
  }

  .article-text-wrapper {
    width: auto;
  }

  .twm-cta-button:hover {
    background-color: #168cdf;
  }

  .article-body-text {
    font-size: 18px;
  }

  .author-tag-wrapper {
    font-size: 13px;
  }

  .image-127 {
    width: 100%;
  }

  .logo-container-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 65%;
  }

  .logo-container-3.w--current {
    padding-left: 0px;
  }

  .div-block-814 {
    margin-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-814.testimonial {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .twm-button:hover {
    background-color: #168cdf;
  }

  .video-square-holder {
    width: auto;
    height: auto;
  }

  .video-vertical-holder {
    width: auto;
    height: auto;
  }

  .img-wrapper {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .blog-snippet-grid-wrapper {
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-snippet {
    height: auto;
    max-width: none;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .item-image-wrapper-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 260px;
    min-width: 0px;
    margin-bottom: 20px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .item-image-wrapper-2._3 {
    background-position: 50% 0%;
    background-size: cover;
  }

  .hamburger-icon-2 {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    font-size: 34px;
    line-height: 24px;
  }

  .twm-site-header-wrapper-3 {
    position: relative;
    height: 72px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nav-menu-4 {
    top: 64px;
    z-index: 25;
    width: 220px;
    border-style: solid;
    border-width: 1px;
    border-color: #e9e9e9;
    background-color: #fff;
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.2);
  }

  .logo-container-4 {
    position: absolute;
    left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50% 65%;
  }

  .logo-container-4.w--current {
    padding-left: 0px;
  }

  .navbar-3 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .twm-button-2 {
    margin-left: auto;
    border-radius: 4px;
  }

  .twm-button-2:hover {
    background-color: #168cdf;
  }

  .menu-button-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 42px;
    height: 42px;
    margin-top: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(0, 178, 237, 0.3);
    opacity: 0.72;
    -webkit-transition: background-position 500ms ease;
    transition: background-position 500ms ease;
  }

  .menu-button-4:hover {
    background-color: rgba(78, 161, 189, 0.3);
    opacity: 1;
  }

  .menu-button-4.w--open {
    position: absolute;
    background-color: #7fdbfa;
    opacity: 1;
  }

  .nav-link-3 {
    padding-left: 20px;
    font-size: 18px;
    font-weight: 600;
  }

  .div-block-824 {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    height: 72px;
    padding-right: 10px;
    padding-left: 20px;
  }

  .container-6 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    height: 72px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .web-form-wrapper {
    width: 100%;
    max-width: none;
    min-width: 0px;
  }

  .blog-list-item {
    font-size: 18px;
  }

  .title-h2-copy {
    font-size: 32px;
    text-align: center;
  }

  .column-wrapper.testimonial {
    width: auto;
    max-width: 640px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .column-wrapper.pricing {
    width: 100%;
    max-width: 640px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .footer-links-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .list-2 {
    max-width: 640px;
  }

  .image-146 {
    width: 170px;
  }

  .div-block-923 {
    display: block;
    width: auto;
    padding: 40px;
    text-align: center;
  }

  .report-img {
    width: 320px;
  }

  .hero-element-wrapper {
    position: static;
    display: block;
    padding-bottom: 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .hero-element-wrapper.products {
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
  }

  .footer-text {
    display: inline-block;
  }

  .heading-1 {
    font-size: 40px;
    line-height: 50px;
  }

  .heading-1.xl-bold-white {
    font-size: 42px;
    line-height: 52px;
  }

  .heading-1.xl-bold-white.shadow {
    font-size: 38px;
    line-height: 48px;
    text-align: left;
  }

  .section-content-wrapper {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .section-content-wrapper.right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .section-content-wrapper._3-column {
    min-width: 0px;
  }

  .section-content-wrapper.center-wide {
    min-width: 0px;
  }

  .section-content-wrapper.center-wide {
    width: auto;
    min-width: 0px;
  }

  .nav-menu-5 {
    padding-left: 10px;
  }

  .heading-2 {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 38px;
  }

  .heading-2.white {
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 32px;
    text-align: left;
  }

  .hero-copy {
    display: none;
    width: auto;
    padding: 60px 40px 20px;
    text-align: center;
  }

  .hero-copy.interior {
    display: block;
    width: auto;
    padding: 20px 0px;
  }

  .hero-copy.interior.long {
    width: auto;
  }

  .hero-right-block {
    width: 100%;
    max-width: none;
  }

  .site-header-nav {
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .report-animation {
    width: 100%;
    height: 400px;
    max-width: 520px;
    min-height: 0px;
  }

  .assessment-form-wrapper {
    width: 100%;
    max-width: 520px;
  }

  .assessment-form-wrapper.outline {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .navbar-4 {
    padding-left: 10px;
  }

  .form-block-21 {
    width: 86%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading-3.bold {
    text-align: left;
  }

  .div-block-901 {
    width: 100%;
    height: 400px;
    max-width: 520px;
    min-height: 0px;
  }

  .div-block-901.site-builder {
    height: auto;
    min-height: 0px;
    background-image: none;
  }

  .div-block-901.center-video {
    height: auto;
  }

  .slider-section {
    padding-right: 0px;
    padding-left: 0px;
  }

  .home-hero {
    display: block;
    height: auto;
  }

  .content-section {
    padding: 60px 25px;
  }

  .content-section.leadin {
    height: 800px;
    background-position: 50% 95%;
  }

  .content-section.light-grey {
    display: block;
    padding-right: 40px;
    padding-left: 40px;
  }

  .hero-content {
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-917 {
    margin-bottom: 20px;
  }

  .background-video-2-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 420px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section-copy {
    width: auto;
    padding-bottom: 40px;
    padding-left: 0px;
  }

  .section-copy.left {
    padding-right: 0px;
  }

  .section-copy.center {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .section-copy.lead {
    width: auto;
    padding-right: 0px;
  }

  .footer-text-2 {
    display: inline-block;
  }

  .heading-4 {
    font-size: 40px;
    line-height: 50px;
  }

  .heading-4.xl-bold-white {
    font-size: 42px;
    line-height: 52px;
  }

  .heading-4.xl-bold-white.shadow {
    font-size: 38px;
    line-height: 48px;
    text-align: left;
  }

  .heading-5 {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 38px;
  }

  .heading-5.white {
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 32px;
    text-align: left;
  }

  .heading-6.bold {
    text-align: left;
  }

  .bar-chart-segment {
    width: 18%;
    max-width: none;
    min-width: 60px;
  }

  .bar-chart-segment.long {
    width: 90%;
    max-width: none;
    min-width: 300px;
  }

  .div-block-977 {
    max-width: 520px;
  }

  .image-165 {
    width: 430px;
  }

  .interior-page-banner-content {
    z-index: 9;
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 40px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-979 {
    margin-top: 4px;
  }

  .div-block-1021 {
    width: 92%;
    max-width: none;
    min-width: 300px;
  }

  .image-164 {
    width: 212px;
  }

  .hero-intereior {
    display: block;
    height: auto;
  }

  .hero-intereior.product {
    min-height: 400px;
  }

  .hero-intereior.contact {
    min-height: 400px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .list-3 {
    max-width: 640px;
    padding-left: 10px;
  }

  .div-block-913-copy {
    margin-top: 30px;
  }

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

  .vertical-box-content-wrapper {
    text-align: left;
  }

  .inputfield-3 {
    display: inline-block;
    width: 100%;
  }

  .inputfield-3.short {
    display: inline-block;
  }

  .body-image-copy {
    display: inline-block;
    width: 32%;
    height: 174px;
  }

  .second-photo-chooser-modal {
    z-index: 25;
    padding-top: 40px;
  }

  .div-block-1022 {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
  }

  .body-image {
    display: inline-block;
    width: 32%;
    height: 174px;
  }

  .action-button-9.weblink {
    width: 100%;
  }

  .close-modal-icon {
    width: 46px;
  }

  .div-block-840-copy {
    width: 100%;
  }

  .body-img-before-wrapper {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }

  .contact-info-modal {
    z-index: 25;
    padding-top: 40px;
  }

  .body-img-wrapper {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }

  .question-header {
    padding: 20px 60px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .question-wrapper {
    overflow: auto;
    min-height: 0px;
  }

  .div-block-840 {
    width: 100%;
  }

  .title-h3-2 {
    font-size: 22px;
    line-height: 30px;
    text-align: left;
  }

  .title-h3-2.center {
    font-size: 24px;
  }

  .title-h3-2.center-copy {
    font-size: 24px;
  }

  .after-image-wrapper {
    width: auto;
  }

  .weight-input-modal {
    z-index: 25;
    padding-top: 40px;
  }

  .first-photo-chooser-modal {
    z-index: 25;
    padding-top: 40px;
  }

  .body-text {
    font-size: 18px;
    line-height: 26px;
  }

  .body-text-small {
    font-size: 16px;
    line-height: 24px;
  }

  .modal-content {
    width: auto;
    height: 85vh;
    max-width: 96%;
    min-height: 0px;
    padding-top: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .submit-button-area {
    padding-top: 20px;
    padding-bottom: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top-style: solid;
    border-top-width: 1px;
    background-color: #fff;
  }

  .paragraph-2 {
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
  }

  .height-input-modal {
    z-index: 25;
    padding-top: 40px;
  }

  .checkmark {
    width: 52px;
    height: 52px;
    min-height: 52px;
    min-width: 52px;
    background-size: 30px;
  }

  .goal-photo-chooser-modal {
    z-index: 25;
    padding-top: 40px;
  }

  .fast-track-confirmation-modal {
    padding-top: 40px;
  }

  .author-wrapper {
    padding-bottom: 10px;
    padding-left: 0px;
  }

  .author-name-display {
    font-size: 14px;
  }

  .site-button {
    font-size: 16px;
  }

  .plan-tile-preview-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 47%;
    min-width: 0%;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .page-section {
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .search-wrapper-6-copy {
    width: 100%;
  }

  .div-block-1044 {
    padding-bottom: 10px;
  }

  .page-element-block {
    width: 100%;
  }

  .page-element-block.img-text-vertical-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-element-block.img-text-3-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .img-3-column.icon {
    width: 68px;
    height: 68px;
  }

  .column-wide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .column-narrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: none;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .column-narrow.hero-right {
    width: 100%;
  }

  .section-layout-wrapper {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section-layout-wrapper.article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .site-image-default {
    max-width: 100%;
  }

  .search-wrapper-6 {
    width: 100%;
  }

  .inner-layout-3-column {
    width: auto;
    padding-bottom: 40px;
  }

  .plan-tile-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .text-element {
    font-size: 16px;
    line-height: 26px;
  }

  .grey-label {
    font-size: 13px;
  }

  .inner-layout-vert-img-text {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .text-h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .lead-form-2 {
    width: 100%;
    max-width: none;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-h2 {
    font-size: 34px;
    line-height: 44px;
  }

  .rte-toggle {
    padding-top: 10px;
    padding-left: 0px;
  }

  .blog-title-wrapper {
    width: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    font-size: 13px;
  }

  .post-editor-modal-3 {
    width: auto;
  }

  .author-date-section-wrapper {
    width: auto;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    font-size: 13px;
  }

  .text-h1 {
    font-size: 38px;
    line-height: 48px;
  }

  .lead-gen-toggle-wrapper {
    padding-top: 10px;
    padding-left: 0px;
  }

  .body-text-2 {
    font-size: 18px;
    line-height: 26px;
  }

  .div-block-883 {
    width: 160px;
    height: 160px;
    min-height: 160px;
    min-width: 160px;
  }

  .video-4 {
    margin-bottom: 30px;
  }

  .video-holder {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 46px;
    text-shadow: none;
  }

  h2 {
    font-size: 26px;
    line-height: 31px;
    text-shadow: none;
  }

  h4 {
    font-size: 16px;
    line-height: 20px;
  }

  p {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-shadow: none;
  }

  .footer {
    margin-bottom: 20px;
    color: #b4b4b4;
    font-size: 12px;
  }

  .h1-headline {
    padding-top: 0px;
    font-size: 32px;
    line-height: 36px;
  }

  .h1-headline.white {
    line-height: 40px;
  }

  .submitbutton {
    display: block;
    margin-top: 14px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 19px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .submitbutton.grey {
    width: 220px;
  }

  .submitbutton.grey.close-modal {
    display: block;
  }

  .submitbutton.grey.close-modal {
    display: block;
  }

  .submitbutton.grey.close-modal {
    display: block;
  }

  .submitbutton.grey.close-modal {
    display: block;
  }

  .submitbutton.small {
    width: 220px;
  }

  .submitbutton.form {
    width: 220px;
    margin-right: 0px;
  }

  .submitbutton.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
    margin-right: 0px;
  }

  .submitbutton.login {
    width: 280px;
  }

  .submitbutton.white {
    width: 300px;
  }

  .submitbutton.form {
    width: 220px;
  }

  .submitbutton.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
  }

  .submitbutton.form {
    width: 220px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .submitbutton.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .submitbutton.form.cancel.close-modal {
    width: 220px;
    margin-top: 20px;
    margin-right: 0px;
  }

  .paragraph {
    width: 100%;
    padding-right: 10px;
    padding-bottom: 16px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    line-height: 22px;
    text-align: center;
  }

  .paragraph.smalltext {
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    background-color: transparent;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
  }

  .paragraph.smalltext.plan {
    font-size: 12px;
    line-height: 15px;
  }

  .paragraph.smalltext.plan {
    font-size: 12px;
    line-height: 15px;
  }

  .paragraph.left {
    padding-right: 0px;
    padding-left: 0px;
    background-color: transparent;
    line-height: 24px;
    text-align: center;
  }

  .paragraph.left.white {
    line-height: 24px;
    text-align: center;
  }

  .paragraph.left.blue {
    text-align: left;
  }

  .paragraph.small {
    padding: 14px 0px;
    background-color: transparent;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
  }

  .paragraph.white {
    padding: 0px;
    background-color: transparent;
    font-weight: 400;
    text-align: left;
  }

  .paragraph.center {
    font-size: 13px;
    line-height: 20px;
  }

  .paragraph.small-left {
    padding: 0px;
    background-color: transparent;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }

  .h2-dark {
    width: auto;
    font-size: 30px;
    line-height: 36px;
  }

  .h2-dark.bold {
    font-size: 20px;
    line-height: 26px;
  }

  .twmbranding {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .h1 {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  .h1.big {
    top: 66px;
    font-size: 32px;
    line-height: 38px;
  }

  .h1.big.pro {
    padding-top: 0px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
  }

  .labelsmall {
    font-size: 14px;
    line-height: 20px;
  }

  .h4 {
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
  }

  .h4.account {
    font-size: 16px;
    line-height: 20px;
  }

  .h4.account.bold {
    line-height: 20px;
  }

  .h4.account {
    display: block;
    font-family: 'Sf ui text', sans-serif;
    font-size: 16px;
    line-height: 20px;
  }

  .card-input {
    width: auto;
  }

  .login-button {
    margin-right: 10px;
  }

  .login-button._2 {
    width: 60px;
  }

  .login-button.subscribe {
    height: 34px;
  }

  .login-label {
    padding-top: 0px;
    font-size: 12px;
    line-height: 14px;
  }

  .inputfield {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield.short {
    width: 300px;
  }

  .inputfield.short {
    width: 300px;
  }

  .inputfield.short.edit-plan-name {
    display: inline-block;
  }

  .inputfield.short.edit-plan-name {
    display: inline-block;
  }

  .h3-dark {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark.thin {
    font-size: 18px;
    line-height: 22px;
  }

  .h3-dark.left {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
  }

  .h3-dark.left {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
  }

  .h3-dark.thin {
    display: block;
    font-size: 18px;
    line-height: 22px;
  }

  .h3-dark.thin {
    display: block;
    font-size: 18px;
    line-height: 22px;
  }

  .bank-info.account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modalcontent {
    overflow: visible;
    width: 100%;
  }

  .modalcontent.wide {
    width: 100%;
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .modalcontent.wide {
    width: 100%;
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .div-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-4 {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .account-dropdown {
    height: 60px;
  }

  .dropdown-toggle {
    padding-bottom: 0px;
  }

  .submit-button-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav {
    position: static;
    height: 140px;
  }

  .footer-links {
    padding-top: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .testimonial {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-home {
    width: 60px;
  }

  .nav-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .navlink.mobile:hover {
    background-color: hsla(0, 0%, 100%, 0);
  }

  .navlink.mobile.w--current {
    background-color: #fff;
    color: #00528c;
  }

  .brand {
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .brand.w--current {
    padding-top: 16px;
  }

  .navheader {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .navheader.mobile {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .navheader.blog {
    width: 100%;
    height: 98px;
    padding-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .navbutton {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-menu {
    position: fixed;
    display: block;
    width: auto;
    border: 1px solid #c7c7c7;
  }

  .image-11 {
    width: 166px;
  }

  .hero-tagline {
    top: 80px;
  }

  .hero-tagline.pro {
    top: 70px;
    margin-top: 0px;
    padding-top: 14px;
  }

  .loginbutton {
    width: 60px;
  }

  .plan-block {
    margin-top: 5px;
    padding-top: 10px;
  }

  .plan-info {
    padding-left: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .plan-info.name {
    width: 100%;
  }

  .plan-info.price {
    width: 100%;
  }

  .plan-info.trial {
    width: 100%;
  }

  .modalnewplan {
    display: none;
    overflow: auto;
  }

  .checkbox-label {
    font-size: 14px;
    line-height: 18px;
  }

  .checkbox-label.small {
    margin-bottom: 0px;
    padding-top: 4px;
    font-size: 14px;
    line-height: 18px;
  }

  .checkbox-field {
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-logo {
    width: 240px;
  }

  .left-col-text {
    height: auto;
    padding: 40px 20px 10px;
  }

  .right-col-img {
    height: 280px;
    background-position: 50% 27%;
    background-size: 220px;
  }

  .section-heading {
    display: block;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .section-heading.white {
    display: block;
  }

  .h3-blurb {
    font-size: 21px;
    line-height: 26px;
  }

  .h3-blurb.left.blue {
    font-size: 20px;
    line-height: 24px;
  }

  .h3-blurb.left.white {
    text-align: center;
  }

  .tip-amount {
    width: auto;
    padding-right: 12px;
    padding-left: 12px;
  }

  .pie-chart {
    padding-right: 10px;
    padding-left: 10px;
  }

  .modal-tip {
    padding-top: 20px;
  }

  .cc-exists {
    margin-top: 20px;
  }

  .enter-cc {
    margin-top: 20px;
  }

  .tip-payment {
    width: auto;
    padding-right: 12px;
    padding-left: 12px;
  }

  .next-button-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modaleditplan {
    display: none;
    overflow: auto;
    padding-top: 0px;
  }

  .modalchangedefault {
    display: none;
  }

  .gray-box-modal {
    width: auto;
    padding-right: 12px;
    padding-left: 12px;
  }

  .text-15.center {
    font-size: 14px;
  }

  .tipmodallabelsmall {
    font-size: 14px;
    line-height: 20px;
  }

  .tipmodallabelsmall.bold {
    font-size: 15px;
  }

  .div-block-231 {
    width: auto;
  }

  .sf-15 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .sf-16 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 16px;
  }

  .sf-16.semi {
    font-weight: 600;
  }

  .sf-13 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .pro-left-col {
    height: auto;
    padding: 30px 30px 10px;
  }

  .pro-right-col {
    height: 300px;
    margin-bottom: 30px;
    background-position: 50% 100%;
    background-size: 440px;
  }

  .pro-row {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  .hero-pro {
    display: block;
    height: 280px;
    margin-top: 0px;
    padding-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: 0px 0px, -117px 0px;
  }

  .section-why {
    padding-bottom: 30px;
  }

  .small-title-layout {
    padding-top: 0px;
  }

  .container-16 {
    padding-top: 20px;
    padding-right: 16px;
    padding-left: 16px;
  }

  .h2-subheading {
    width: auto;
    font-size: 30px;
    line-height: 36px;
  }

  .container-why-use {
    padding-right: 10px;
    padding-left: 10px;
  }

  .slider-app {
    position: relative;
    height: auto;
  }

  .slide-content-wrapper {
    min-height: 0px;
  }

  .app-image {
    width: 320px;
  }

  .slide-text-holder {
    height: auto;
    min-height: 0px;
    padding-right: 24px;
    padding-bottom: 30px;
    padding-left: 24px;
    background-color: #00528c;
  }

  .slide-nav-2 {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
  }

  .right-arrow-2 {
    top: -280px;
    width: 40px;
  }

  .left-arrow-2 {
    top: -300px;
    width: 40px;
  }

  .web-image {
    width: 320px;
  }

  .slide-web-text-holder {
    height: auto;
    min-height: 0px;
    padding-right: 24px;
    padding-bottom: 30px;
    padding-left: 24px;
    background-color: #1073b9;
  }

  .slide-nav3 {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
  }

  .section-trainer-testimonials {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .text-20 {
    font-size: 18px;
    line-height: 26px;
  }

  .testimonial-text-block {
    width: auto;
    max-width: none;
    padding-right: 24px;
    padding-left: 24px;
  }

  .trainer-testimonial-wrapper {
    display: block;
    width: 100%;
  }

  .right-arrow-3 {
    display: block;
    height: 230px;
  }

  .left-arrow-3 {
    display: block;
    height: 230px;
  }

  .icon-test-right {
    margin-left: 0px;
    color: rgba(255, 255, 255, 0.8);
  }

  .icon-test-left {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    color: rgba(255, 255, 255, 0.8);
  }

  .section-slider-app {
    display: block;
    min-height: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section-slider-web {
    display: block;
    min-height: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .slider-web-new {
    position: relative;
    height: auto;
  }

  .tag-sub {
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 18px;
    line-height: 22px;
  }

  .section-brio {
    padding: 30px 20px 0px;
  }

  .sf-52 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-19-copy-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .plan-tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 400px;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .plans-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .edit-cover-2.hidden {
    display: none;
  }

  .button-select-plan {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-title.light-center {
    font-size: 24px;
  }

  .sf-26 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .quote-text-wrapper {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-right: 24px;
    padding-left: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: transparent;
  }

  .tooltip {
    width: 100%;
  }

  .modal-content-upload {
    width: 100%;
  }

  .text-tooltip {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .name {
    width: auto;
  }

  .sf-65 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-65.light.center {
    font-size: 18px;
  }

  .sf-68 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-68.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .site-header {
    position: fixed;
    top: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: hsla(0, 0%, 100%, 0.8);
  }

  .mobile-nav-icon {
    display: block;
  }

  .nav-icon-4 {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .header-medium {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .cat-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .trainer-pic-right {
    width: 100%;
    float: none;
    text-align: center;
  }

  .action-button-2 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .sf-15-med-3 {
    font-size: 15px;
  }

  .item-sender {
    padding-right: 20px;
    padding-left: 20px;
  }

  .item-header {
    font-family: 'Sf ui text', sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .site-item-subheader {
    padding-top: 4px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }

  .member-login-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    min-height: 30px;
    margin-left: auto;
    padding-top: 4px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    line-height: 12px;
  }

  .member-login-button:hover {
    font-size: 10px;
  }

  .header-elements {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .header-elements.center {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .plan-tile-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 400px;
    min-width: 0px;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .sf-69 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-69.center {
    font-size: 15px;
    line-height: 20px;
  }

  .post-header {
    padding-right: 20px;
    padding-left: 20px;
  }

  .banner-module {
    height: 460px;
    background-position: 50% 0%;
  }

  .post-container-2 {
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .timeline-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
  }

  .post-message {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .site-category-wrapper {
    position: fixed;
    top: 60px;
    right: auto;
    bottom: 0%;
    z-index: 1000;
    display: block;
    width: 90%;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .site-content-section {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .logo-holder {
    max-width: 200px;
    min-width: 200px;
  }

  .post-container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .action-button-3 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .customer-logo-2 {
    width: 100%;
  }

  .empty-page-text {
    font-family: 'Sf ui text', sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .submitbutton-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .fb-button {
    width: 300px;
    min-width: 300px;
  }

  .div-block-432 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .sf-71 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-71.center {
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-434 {
    width: 300px;
  }

  .modalcontent-5 {
    overflow: visible;
    width: 100%;
  }

  .sf-72 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-create-account {
    padding-top: 40px;
  }

  .div-block-438 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .submit-button-holder-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-433 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modalcontent-6 {
    overflow: visible;
    width: 100%;
  }

  .div-block-439 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .sf-small-label {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-4 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .quote-title {
    max-width: 220px;
    font-size: 16px;
  }

  .twm-spinner {
    width: 80px;
    height: 80px;
  }

  .quote-name {
    font-size: 20px;
    line-height: 22px;
  }

  .by-line-2 {
    margin-top: 20px;
  }

  .quote-text {
    max-width: 400px;
    font-size: 26px;
    line-height: 32px;
  }

  .intro-5 {
    padding-top: 60px;
  }

  .time-elasped._2 {
    width: 100px;
  }

  .sf-77 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-79 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .sf-80 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .sf-80.semi.white {
    font-size: 13px;
  }

  .sf-80.semi.white {
    font-size: 13px;
  }

  .sf-15-med-4 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .social-label {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .customer-logo-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 190px;
    min-width: 190px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-position: 50% 50%;
    background-size: contain;
  }

  .customer-logo-3.single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-position: 50% 50%;
  }

  .rte-holder {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .sf-87 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-87.semi {
    font-weight: 400;
  }

  .post-message-3 {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .site-timeline-item-2 {
    min-width: 300px;
  }

  .item-sender-3 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .post-header-3 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .h2-white-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 16px;
    line-height: 20px;
  }

  .inputfield-2 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield-2.short {
    width: 280px;
  }

  .submitbutton-4 {
    display: block;
    margin-top: 14px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 14px;
  }

  .div-block-548 {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .h3 {
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
  }

  .labelsmall-4 {
    font-size: 14px;
    line-height: 20px;
  }

  .item-header-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .right-side-container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .post-header-4 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .trainer-name-website {
    max-width: 200px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: 'Sf ui text', sans-serif;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
  }

  .trainer-name-website.single {
    text-align: center;
  }

  .edit-logo2 {
    display: none;
  }

  .edit-logo2.hidden {
    display: none;
  }

  .plan-tile-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 0px;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .site-content-section-3 {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .unsubscribe-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-558 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .more-info-button {
    left: auto;
    top: auto;
    right: 14px;
    bottom: 16px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    border-radius: 22px;
  }

  .textarea-4 {
    min-height: 120px;
  }

  .sf-88 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .action-button-5 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .email-input-modal {
    left: 0%;
    top: 100px;
    right: 0%;
    bottom: auto;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .email-input-modal.hide {
    top: auto;
    display: block;
  }

  .sf-89 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .sf-89.white {
    line-height: 22px;
  }

  .timeline-slide-in {
    left: 0%;
    top: 100px;
    right: 0%;
    bottom: auto;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .timeline-slide-in.hide {
    top: auto;
    display: block;
  }

  .sf-90 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-90.white.center {
    font-size: 16px;
  }

  .action-button-6 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .action-button-6.outlined {
    font-size: 13px;
  }

  .action-button-6.outlined {
    font-size: 13px;
  }

  .site-header-3 {
    position: -webkit-sticky;
    position: sticky;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    min-height: 0px;
    padding-bottom: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
  }

  .header-elements-3 {
    padding-left: 0px;
  }

  .customer-logo-4 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .twm-logo2 {
    width: 172px;
    max-width: none;
  }

  .member-login-button-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    min-height: 30px;
    min-width: 100px;
    padding-top: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    line-height: 12px;
  }

  .member-login-button-2:hover {
    font-size: 10px;
  }

  .tagline-white {
    font-family: 'Sf ui text', sans-serif;
    font-size: 26px;
    line-height: 30px;
  }

  .sf-sub-title {
    font-family: 'Sf ui text', sans-serif;
    font-size: 18px;
    line-height: 24px;
  }

  .content-div {
    width: auto;
    margin-top: 60px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-links-2 {
    padding-top: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-2 {
    margin-bottom: 10px;
    color: #777;
    font-size: 12px;
  }

  .headline-block {
    min-height: 30px;
    min-width: 0px;
  }

  .tagline-text-template {
    font-family: 'Sf ui text', sans-serif;
    font-size: 26px;
    line-height: 30px;
  }

  .video-upload {
    min-height: 260px;
  }

  .hover-menu-modal {
    display: none;
  }

  .result-row-4 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .button-hover-modal {
    display: none;
  }

  .sf-94 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .button-settings-modal-content {
    display: none;
  }

  .unmatched-2 {
    font-size: 15px;
  }

  .result-row-5 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .form-description-text {
    font-family: 'Sf ui text', sans-serif;
    line-height: 18px;
  }

  .hero-form {
    min-width: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .text-form-title {
    font-family: 'Sf ui text', sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .confirm-modal {
    left: 0%;
    top: 100px;
    right: 0%;
    bottom: auto;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .confirm-modal.hide {
    top: auto;
    display: block;
  }

  .modal-video {
    padding-top: 15%;
  }

  .close-video {
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    margin-right: 5px;
  }

  .modalcontent-11 {
    overflow: visible;
    width: 100%;
    min-height: 0px;
  }

  .nav-menu-3 {
    width: 100%;
  }

  .edit-logo2-2 {
    display: none;
  }

  .mobile-menu-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .logo-container.w--current {
    padding-top: 0px;
    padding-left: 0px;
  }

  .sf-15-med-5 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .sf-96 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .sf-96.white {
    display: block;
    font-family: 'Sf ui text', sans-serif;
    color: hsla(0, 0%, 100%, 0.84);
  }

  .time-bar-2 {
    width: 80%;
  }

  .item-header-large {
    font-size: 24px;
    line-height: 30px;
  }

  .item-header-large.center {
    font-size: 26px;
    line-height: 28px;
  }

  .post-content-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }

  .post-content-wrapper.vertical-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mobile-menu-wrapper {
    position: fixed;
    left: -100%;
    right: auto;
    bottom: 0%;
    display: block;
    width: 90%;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .header-element-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .navbar-2 {
    padding-top: 0px;
  }

  .menu-button-2 {
    display: block;
    margin-left: 0px;
  }

  .post-text-wrapper {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .post-text-wrapper.vertical-center {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .post-text-wrapper.vertical-center {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .trainer-name-website-2 {
    display: block;
    padding-top: 0px;
    font-family: 'Sf ui text', sans-serif;
    font-size: 24px;
    line-height: 24px;
  }

  .plan-tile-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .post-plan-wrapper {
    width: 100%;
    max-width: none;
    min-width: 200px;
  }

  .button-select-plan-3 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .form-description-text-2 {
    font-family: 'Sf ui text', sans-serif;
    line-height: 18px;
  }

  .lead-form {
    min-width: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .title-h1 {
    font-size: 30px;
    line-height: 34px;
  }

  .text-form-title-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 20px;
    line-height: 24px;
  }

  .title-h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .post-content-wrapper-2 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .post-content-wrapper-2.vertical-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lead-form-block {
    width: 100%;
    min-height: 30px;
    min-width: 0px;
  }

  .lead-button-label {
    font-family: 'Sf ui text', sans-serif;
  }

  .post-plan-wrapper-center {
    width: 100%;
    max-width: none;
    min-width: 200px;
  }

  .lead-form-block-center {
    width: 100%;
    min-height: 30px;
    min-width: 0px;
  }

  .body-comp-form-wrapper {
    width: 100%;
    min-height: 30px;
    min-width: 0px;
  }

  .sf-97 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .sf-14-regular {
    font-family: 'Sf ui text', sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .form-description-text-3 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .web-form {
    min-width: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .dob-input-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-750 {
    padding-right: 0px;
  }

  .body-comp-form-wrapper-copy {
    width: 100%;
    min-height: 30px;
    min-width: 0px;
  }

  .confirm-block-template {
    left: 0%;
    top: 100px;
    right: 0%;
    bottom: auto;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }

  .confirm-block-example {
    padding-right: 20px;
    padding-left: 20px;
  }

  .confirm-block-template-copy {
    padding-top: 15%;
  }

  .modalcontent-11-copy {
    overflow: visible;
    width: 100%;
    min-height: 0px;
  }

  .web-workout-preview {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    opacity: 1;
  }

  .web-workout-name {
    font-family: 'Sf ui text', sans-serif;
    font-size: 1.5em;
    line-height: 30px;
  }

  .workout-duration {
    margin-top: 1%;
    font-size: 1.1em;
  }

  .launch-label {
    font-family: 'Sf ui text', sans-serif;
    font-size: 13px;
  }

  .launch-workout-button {
    height: 44px;
    min-width: 80px;
  }

  .title-h1-2 {
    font-size: 30px;
    line-height: 34px;
  }

  .title-h1-2.article {
    font-size: 38px;
    line-height: 42px;
  }

  .edit-logo2-3 {
    display: none;
  }

  .teaser-content {
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }

  .login-twm-button {
    height: 34px;
    min-width: 64px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }

  .action-button-7 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .featured-content-block {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    background-color: #263238;
  }

  .left-arrow {
    height: 180px;
    margin-top: 0px;
    background-image: none;
  }

  .title-h3 {
    font-size: 20px;
    line-height: 26px;
  }

  .teaser-box {
    display: block;
    margin-bottom: 0px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .title-h2-2 {
    font-size: 24px;
    line-height: 30px;
  }

  .logo-container-2 {
    min-width: 190px;
  }

  .logo-container-2.w--current {
    padding-top: 0px;
    padding-left: 0px;
  }

  .trainer-image {
    height: 220px;
    padding-bottom: 20px;
    padding-left: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .trainer-image.jason {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)), url('../images/jason-boston.jpg');
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent), url('../images/jason-boston.jpg');
    background-position: 0px 0px, 0% 50%;
    background-size: auto, 500px;
    background-repeat: repeat, no-repeat;
  }

  .trainer-image.cienna {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.67)), to(transparent)), url('../images/cienna-stretch.jpg');
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.67), transparent), url('../images/cienna-stretch.jpg');
    background-position: 0px 0px, 0% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }

  .trainer-image.mara {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.69)), to(transparent)), url('../images/mara-stretching.jpg');
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.69), transparent), url('../images/mara-stretching.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }

  .site-section.hero-twm {
    height: 340px;
  }

  .site-section.heading {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .site-section.heading-grey {
    padding-bottom: 0px;
  }

  .site-section.heading-blog {
    padding-bottom: 0px;
  }

  .featured-trainer {
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .right-arrow {
    height: 180px;
    margin-top: 0px;
    background-image: none;
  }

  .custsom-form-wrapper {
    width: 100%;
    min-height: 30px;
    min-width: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .custsom-form-wrapper.cienna {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sf-98 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .plan-tag-section {
    padding-bottom: 5px;
    padding-left: 10px;
  }

  .featured-section {
    padding-bottom: 20px;
  }

  .twm-site-header-wrapper {
    padding-right: 10px;
    padding-left: 10px;
  }

  .div-block-769 {
    padding-bottom: 20px;
  }

  .custom-web-form {
    min-width: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .custom-web-form.cienna {
    width: 100%;
    padding-top: 30px;
  }

  .teaser-section {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .cienna-video-mobile {
    width: 100%;
    padding-right: 0px;
  }

  .title-side-layout {
    padding-right: 0px;
  }

  .t-slide {
    width: 100%;
    min-width: 360px;
    margin-right: 6px;
    margin-left: 6px;
  }

  .t-slide.blue {
    width: 100%;
    min-width: 320px;
    margin-left: 0px;
  }

  .trainer-button {
    min-height: 40px;
    padding-top: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .trainer-name-website-3 {
    padding-top: 0px;
    font-family: 'Sf ui text', sans-serif;
    font-size: 24px;
    line-height: 24px;
  }

  .slider {
    height: 580px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .site-tag {
    padding-top: 4px;
  }

  .tag-label {
    font-family: 'Sf ui text', sans-serif;
  }

  .site-tag-wrapper {
    padding-left: 0px;
  }

  .div-block-777 {
    width: 240px;
    padding-left: 0px;
    line-height: 18px;
  }

  .legend-label {
    padding-right: 14px;
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 14px;
  }

  .tag-label-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .site-section-heading-corporate.colin {
    padding-top: 20px;
  }

  .post-content-wrapper-3 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .post-content-wrapper-3.vertical-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .post-text-wrapper-2 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .post-text-wrapper-2.vertical-center {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .post-content-wrapper-4 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .post-content-wrapper-4.vertical-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .action-button {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .section-11.blog-heading {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .topic-tag-wrapper {
    padding: 20px;
    background-color: #f7f7f7;
  }

  .item-image-wrapper {
    width: 100%;
    height: 240px;
    min-width: 0px;
  }

  .site-section-2.content-main {
    padding-bottom: 0px;
  }

  .site-section-2.content-main.light-grey {
    padding-bottom: 40px;
  }

  .site-section-2.content-main.light-grey {
    padding-top: 20px;
  }

  .content-tag {
    display: inline-block;
  }

  .content-snippet {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom-style: none;
  }

  .title-h4 {
    font-size: 20px;
    line-height: 26px;
  }

  .content-snippet-wrapper {
    padding-left: 10px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .content-snippet-wrapper.horizontal {
    padding-right: 0px;
    padding-left: 0px;
  }

  .article-view {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .twm-site-header-wrapper-2 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .twm-cta-button {
    min-height: 40px;
    min-width: 72px;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }

  .logo-container-3.w--current {
    padding-top: 0px;
    padding-left: 0px;
  }

  .div-block-814 {
    margin-bottom: 20px;
  }

  .twm-button {
    min-height: 40px;
    min-width: 72px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .privacy-text {
    font-family: 'Sf ui text', sans-serif;
    line-height: 18px;
  }

  .blog-snippet-grid-wrapper {
    padding-right: 10px;
    padding-left: 10px;
  }

  .blog-snippet {
    width: auto;
    padding-top: 20px;
    padding-right: 14px;
    padding-left: 14px;
  }

  .item-image-wrapper-2 {
    width: 100%;
    height: 240px;
    min-width: 0px;
  }

  .twm-site-header-wrapper-3 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .logo-container-4 {
    min-width: 172px;
  }

  .logo-container-4.w--current {
    padding-top: 0px;
    padding-left: 0px;
  }

  .twm-button-2 {
    height: 36px;
    min-height: 36px;
    min-width: 0px;
    margin-right: 14px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .div-block-824 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .web-form-wrapper {
    width: 100%;
    min-height: 30px;
    min-width: 0px;
  }

  .sf-99 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-100 {
    font-size: 15px;
  }

  .sf-100.semi.white {
    font-size: 13px;
  }

  .action-button-8 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .title-h2-copy {
    font-size: 24px;
    line-height: 30px;
  }

  .column-wrapper {
    width: auto;
    text-align: center;
  }

  .column-wrapper.testimonial {
    max-width: none;
    padding-right: 25px;
    padding-left: 25px;
  }

  .column-wrapper.pricing {
    max-width: none;
    padding-right: 25px;
    padding-left: 25px;
  }

  .footer-links-3 {
    padding-top: 30px;
  }

  .list-2 {
    max-width: none;
    margin-top: 40px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .div-block-923 {
    width: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .left-arrow-4 {
    height: 180px;
    margin-top: 0px;
    background-image: none;
    -webkit-filter: brightness(200%);
    filter: brightness(200%);
  }

  .nav-link-4 {
    padding-left: 30px;
  }

  .nav-link-4.sign-in {
    margin-left: 40px;
  }

  .link-block {
    width: 120px;
    margin-top: 0px;
  }

  .hero-element-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .hero-element-wrapper.products {
    z-index: 1;
  }

  .easy-start-heading {
    margin-bottom: 20px;
    text-align: center;
  }

  .slider-2 {
    height: 580px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .footer-text {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .heading-1.xl-bold-white {
    font-size: 38px;
    line-height: 48px;
  }

  .heading-1.xl-bold-white.shadow {
    font-size: 30px;
    line-height: 38px;
  }

  .section-content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section-content-wrapper.right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .hero-copy {
    display: none;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
  }

  .hero-copy.interior {
    padding-top: 0px;
  }

  .hero-copy.interior.long {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .right-arrow-4 {
    height: 180px;
    margin-top: 0px;
    background-image: none;
    -webkit-filter: brightness(200%);
    filter: brightness(200%);
  }

  .hero-right-block {
    padding-right: 20px;
    padding-left: 20px;
  }

  .report-animation {
    width: 100%;
    height: auto;
    max-width: none;
    min-height: 260px;
  }

  .assessment-form-wrapper {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .assessment-form-wrapper.outline {
    padding-right: 20px;
    padding-left: 20px;
  }

  .navbar-4 {
    padding-right: 10px;
  }

  .serif-16 {
    text-align: left;
  }

  .form-block-21 {
    width: 100%;
  }

  .div-block-901 {
    width: 100%;
    height: auto;
    max-width: none;
    min-height: 260px;
  }

  .div-block-901.center-video {
    min-height: auto;
  }

  .div-block-901.app {
    background-image: -webkit-gradient(linear, left top, left bottom, from(null), to(null)), url('../images/programs_2.png');
    background-image: linear-gradient(180deg, null, null), url('../images/programs_2.png');
    background-size: auto, cover;
  }

  .div-block-901.before-after {
    min-height: 0px;
  }

  .slider-section {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0px;
  }

  .home-hero {
    z-index: 1;
    display: block;
    height: auto;
  }

  .content-section.leadin {
    height: 900px;
    background-size: 400px;
  }

  .content-section.light-grey {
    padding: 40px 30px 60px;
  }

  .content-section.testimonials {
    padding-right: 15px;
    padding-left: 15px;
  }

  .icon-4:active {
    color: #7a7a7a;
  }

  .poppins-label {
    text-align: left;
  }

  .background-video-2-copy {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-block-903 {
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section-copy {
    width: auto;
    padding-left: 0px;
  }

  .brand-link-block {
    padding-left: 0px;
  }

  .nav-link-5 {
    padding-left: 30px;
  }

  .nav-link-5.sign-in {
    margin-left: 40px;
  }

  .footer-text-2 {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .heading-4.xl-bold-white {
    font-size: 38px;
    line-height: 48px;
  }

  .heading-4.xl-bold-white.shadow {
    font-size: 30px;
    line-height: 38px;
  }

  .poppins-body-text-2 {
    text-align: left;
  }

  .bar-chart-segment {
    width: 20%;
    min-width: 40px;
  }

  .bar-chart-segment.long {
    width: 97%;
    min-width: 200px;
  }

  .div-block-977 {
    padding-right: 14px;
    padding-left: 14px;
  }

  .image-165 {
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .poppins-label-sm {
    font-size: 12px;
  }

  .div-block-1021 {
    width: 100%;
    min-width: 240px;
    padding-left: 12%;
  }

  .image-164 {
    width: 130px;
  }

  .hero-intereior {
    display: block;
    height: auto;
  }

  .list-3 {
    max-width: none;
    margin-top: 40px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .div-block-929 {
    margin-bottom: 20px;
  }

  .offer {
    display: inline-block;
  }

  .image-163 {
    margin-bottom: 20px;
  }

  .inputfield-3 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield-3.short {
    width: 300px;
  }

  .body-image-copy {
    display: inline-block;
    width: 48%;
    height: 164px;
    max-width: 174px;
    min-width: 132px;
    margin-bottom: 2px;
  }

  .body-image-copy.m2 {
    width: 48%;
    max-width: 164px;
  }

  .second-photo-chooser-modal {
    padding-top: 10px;
  }

  .div-block-1022 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .confirm-block-template-2 {
    left: 0%;
    top: 100px;
    right: 0%;
    bottom: auto;
    width: auto;
    min-width: 0px;
    margin-right: auto;
    margin-left: auto;
  }

  .text-field._1digit {
    width: 96px;
    padding-right: 4px;
    padding-left: 4px;
  }

  .text-field.contact {
    width: 100%;
    height: 54px;
    font-size: 20px;
    line-height: 22px;
  }

  .body-image {
    display: inline-block;
    width: 48%;
    height: 164px;
    max-width: 174px;
    min-width: 132px;
    margin-bottom: 2px;
  }

  .body-image.after {
    width: 48%;
  }

  .text-tooltip-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-9 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .sf-101 {
    font-size: 14px;
    line-height: 18px;
  }

  .div-block-840-copy {
    text-align: center;
  }

  .body-img-before-wrapper {
    height: auto;
    padding-left: 10px;
  }

  .contact-info-modal {
    padding-top: 10px;
  }

  .body-img-wrapper {
    height: auto;
    padding-left: 10px;
  }

  .question-header {
    padding: 15px 20px 20px;
  }

  .sf-102 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-102.center {
    font-size: 15px;
    line-height: 20px;
  }

  .input-holder {
    margin-right: 10px;
  }

  .sf-103 {
    font-size: 14px;
    line-height: 18px;
  }

  .button {
    min-width: 160px;
    font-size: 14px;
    line-height: 18px;
  }

  .button.outline {
    min-width: 100px;
    margin-right: 6px;
    margin-left: 6px;
  }

  .title-h3-2 {
    font-size: 20px;
    line-height: 28px;
  }

  .title-h3-2.center {
    font-size: 22px;
  }

  .sf-104 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-104.light.center {
    font-size: 18px;
  }

  .after-image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 380px;
    min-width: 300px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .sf-105 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-105.white.center {
    font-size: 16px;
  }

  .submitbutton-5 {
    display: block;
    margin-top: 14px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 19px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .submitbutton-5.grey {
    width: 220px;
  }

  .submitbutton-5.grey.close-modal {
    display: block;
  }

  .weight-input-modal {
    padding-top: 10px;
  }

  .first-photo-chooser-modal {
    padding-top: 10px;
  }

  .textarea-7 {
    min-height: 120px;
  }

  .labelsmall-5 {
    font-size: 14px;
    line-height: 20px;
  }

  .sf-106 {
    font-size: 12px;
    line-height: 18px;
  }

  .submitbutton-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .sf-107 {
    font-size: 13px;
    line-height: 18px;
  }

  .input-wrapper.vertical {
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
  }

  .modal-content {
    width: 100%;
    max-height: none;
    max-width: none;
    min-height: 0px;
    padding-top: 15px;
    border-radius: 0px;
  }

  .submit-button-area {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #fff;
  }

  .paragraph-2 {
    width: 100%;
    padding-right: 10px;
    padding-bottom: 16px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    line-height: 22px;
    text-align: center;
  }

  .paragraph-2.smalltext {
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    background-color: transparent;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
  }

  .height-input-modal {
    padding-top: 10px;
  }

  .sf-title-2.light-center {
    font-size: 24px;
  }

  .sf-108 {
    font-size: 18px;
    line-height: 18px;
  }

  .sf-108.white {
    line-height: 22px;
  }

  .goal-photo-chooser-modal {
    padding-top: 10px;
  }

  .fast-track-confirmation-modal {
    padding-top: 10px;
  }

  .button-2 {
    min-width: 160px;
    font-size: 14px;
    line-height: 18px;
  }

  .button-2.outline {
    min-width: 100px;
    margin-right: 6px;
    margin-left: 6px;
  }

  .sf-109 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .author-name-display {
    font-family: 'Sf ui text', sans-serif;
  }

  .sf-76-copy {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .site-button {
    height: 48px;
    min-height: 30px;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
  }

  .sf-93 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .plan-tile-preview-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 400px;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .result-row {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .submit-button-xs {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .text-h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .sf-12 {
    font-size: 12px;
    line-height: 18px;
  }

  .matched {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .sf-121 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .unmatched-4 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .unmatched {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .column-narrow {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .sf-60 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .post-message-2 {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .sf-122 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-122.center {
    font-size: 15px;
    line-height: 20px;
  }

  .author-pic-2 {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
  }

  .section-layout-wrapper {
    padding-right: 6px;
    padding-left: 6px;
  }

  .item-header-copy-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 22px;
    line-height: 24px;
  }

  .button-select-plan-4 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .search-wrapper-6 {
    display: block;
  }

  .plan-tile-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 14px;
    padding-left: 14px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .grey-label {
    font-family: 'Sf ui text', sans-serif;
  }

  .inner-layout-vert-img-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .text-h3 {
    font-size: 24px;
    line-height: 34px;
  }

  .lead-form-2 {
    min-width: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .text-h2 {
    font-size: 28px;
    line-height: 38px;
  }

  .rte-toggle {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .empty-preview-message-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .matched-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 15px;
  }

  .sf-123 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .sf-123.semi {
    font-weight: 400;
  }

  .sf-67 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .sf-67.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-124 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .post-editor-modal-3 {
    width: 100%;
  }

  .sf-76-copy-copy {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 16px;
  }

  .action-button-10 {
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }

  .empty-preview-message-3 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 12px;
    line-height: 18px;
  }

  .text-h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .submit-button-small-7 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-14-regular-2 {
    font-family: 'Sf ui text', sans-serif;
    font-size: 13px;
    line-height: 18px;
  }

  .lead-gen-toggle-wrapper {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }
}

#w-node-e7977944-c74a-9335-716f-a6b2db10371f-db10371d {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-e7977944-c74a-9335-716f-a6b2db1037a3-db10371d {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-e7977944-c74a-9335-716f-a6b2db1037cb-db10371d {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-e7977944-c74a-9335-716f-a6b2db1037e5-db10371d {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-e7977944-c74a-9335-716f-a6b2db103802-db10371d {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-e7977944-c74a-9335-716f-a6b2db103826-db10371d {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui text';
  src: url('../fonts/SF-UI-Text-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Sf ui display';
  src: url('../fonts/SF-UI-Display-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}