/*Bootstrap reset*/
a:focus,
a:active {
  outline: none;
}

a:hover {
  text-decoration: none;
}

.noMargin {
  margin: 0 !important;
}

.noPadding {
  padding: 0 !important;
}

.noBorder {
  border: 0 !important;
}

.gap5 {
  height: 5px;
  display: block;
}

.gap10 {
  height: 10px;
  display: block;
}

.gap20 {
  height: 20px;
  display: block;
}

.gap30 {
  height: 30px;
  display: block;
}

.gap40 {
  height: 40px;
  display: block;
}

.gap50 {
  height: 50px;
  display: block;
}

.gap60 {
  height: 60px;
  display: block;
}

.gap70 {
  height: 70px;
  display: block;
}

.gap80 {
  height: 70px;
  display: block;
}

.gap90 {
  height: 70px;
  display: block;
}

.gap100 {
  height: 100px;
  display: block;
}

.textEllipsis,
.textTruncate {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.flexCenter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.row10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row10>div {
  padding-left: 10px;
  padding-right: 10px;
}

.row5 {
  margin-left: -5px;
  margin-right: -5px;
}

.row5>div {
  padding-left: 5px;
  padding-right: 5px;
}

.row2 {
  margin-left: -2px;
  margin-right: -2px;
}

.row2>div {
  padding-left: 2px;
  padding-right: 2px;
}

.row1 {
  margin-left: -1px;
  margin-right: -1px;
}

.row1>div {
  padding-left: 1px;
  padding-right: 1px;
}

.row3 {
  margin-left: -3px;
  margin-right: -3px;
}

.row3>div {
  padding-left: 3px;
  padding-right: 3px;
}

.row4 {
  margin-left: -4px;
  margin-right: -4px;
}

.row4>div {
  padding-left: 4px;
  padding-right: 4px;
}

.row0 {
  margin-left: -0px;
  margin-right: -0px;
}

.row0>div {
  padding-left: 0px;
  padding-right: 0px;
}

.row10:before,
.row5:before,
.row2:before,
.row1:before,
.row3:before,
.row4:before,
.row0:before {
  display: table;
  content: " ";
  box-sizing: border-box;
}

.row10:after,
.row5:after,
.row2:after,
.row1:after,
.row3:after,
.row4:after,
.row0:after {
  clear: both;
  content: " ";
  box-sizing: border-box;
  display: block;
}

.noBorderRadius,
.borderRadiusNone {
  border-radius: 0 !important;
}

body,
html,
* {
  font-family: "Roboto", sans-serif;
}

a:focus,
a:active {
  border: none;
  text-decoration: none;
}

.noScroll {
  overflow-y: hidden;
}

.pad5 {
  padding: 0 5px;
}

.pad10 {
  padding: 0 10px;
}

.pad20 {
  padding: 0 20px;
}

.pad30 {
  padding: 0 30px;
}

.pad40 {
  padding: 0 40px;
}

.pad50 {
  padding: 0 50px;
}

.pad100 {
  padding: 0 100px;
}

.font100 {
  font-weight: 100;
}

.font200 {
  font-weight: 200;
}

.font300 {
  font-weight: 300;
}

.font400 {
  font-weight: 400;
}

.font500 {
  font-weight: 500;
}

.font600 {
  font-weight: 600;
}

.font700 {
  font-weight: 700;
}

.font800 {
  font-weight: 800;
}

.font900 {
  font-weight: 900;
}

.fade0 {
  opacity: 0;
}

.fade1 {
  opacity: 0.1;
}

.fade2 {
  opacity: 0.2;
}

.fade3 {
  opacity: 0.3;
}

.fade4 {
  opacity: 0.4;
}

.fade5 {
  opacity: 0.5;
}

.fade6 {
  opacity: 0.6;
}

.fade7 {
  opacity: 0.7;
}

.fade8 {
  opacity: 0.8;
}

.fade9 {
  opacity: 0.9;
}

.fade10 {
  opacity: 1;
}

.radius0 {
  border-radius: 0px;
}

.radius1 {
  border-radius: 1px;
}

.radius2 {
  border-radius: 2px;
}

.radius3 {
  border-radius: 3px;
}

.radius4 {
  border-radius: 4px;
}

.radius5 {
  border-radius: 5px;
}

.radius10 {
  border-radius: 10px;
}

.bgCover {
  background-size: cover;
}

.bgCenter {
  background-position: center;
}

.bgContain {
  background-size: contain;
}

.noScroll {
  overflow: hidden;
}

/*Fonts*/
.slab {
  font-family: "Roboto Slab", serif;
}

* {
  font-family: "Montserrat", sans-serif;
}

/*Buttons*/
.frontend-body .btn,
.frontend-body .btn:active,
.frontend-body .btn:focus {
  box-shadow: none;
  border: none;
  outline: none;
  border-radius: 2px;
}

.frontend-body .btn-blue {
  background: #4d83ff;
  color: #fff;
}

.frontend-body .btn-blue:hover,
.frontend-body .btn-blue:active,
.frontend-body .btn-blue:focus {
  background: #7da4ff;
  color: #fff;
}

.frontend-body .btn-orange {
  background: #ff7232;
  color: #fff;
}

.frontend-body .btn-orange:hover,
.frontend-body .btn-orange:active,
.frontend-body .btn-orange:focus {
  background: #ff7f45;
  color: #fff;
}

.frontend-body .btn.textRow {
  margin-top: 23px;
}

/*Small Menu*/
.frontend-body .smallMenu {
  position: fixed;
  top: 0;
  right: -85%;
  width: 85%;
  height: 100%;
  transition: all 0.2s;
  background: #ff7232;
  z-index: 1001;
}

.frontend-body .smallMenu.showMenu {
  right: 0;
}

.frontend-body .menuOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 1000;
}

.frontend-body .smMenuInner {
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: auto;
}

.frontend-body .smMenuInner a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  padding: 10px 0;
  color: #fff;
}

.frontend-body .smMenuCaller {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  opacity: 0.7;
}

.frontend-body .smMenuCaller:hover:hover,
.frontend-body .smMenuCaller:hover:focus,
.frontend-body .smMenuCaller:hover:active {
  color: #fff;
  opacity: 1;
}

/*Md Input*/
.frontend-body .mdInput {
  position: relative;
  line-height: 50px;
  border-bottom: 1px #ddd solid;
  margin-top: 20px;
}

.frontend-body .mdInput label {
  color: #aaa;
  font-weight: 500;
  position: absolute;
  z-index: 1;
  top: 0;
  transition: all 0.2s;
}

.frontend-body .mdInput input,
.frontend-body .mdInput textarea,
.frontend-body .mdInput select {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  height: 50px;
  padding: 0;
  line-height: 50px;
  position: relative;
  z-index: 2;
  background: none;
  font-size: 16px;
  font-weight: 500;
}

.frontend-body .mdFocussed label,
.frontend-body .alwaysFocused label {
  top: -28px;
  color: #098fc1;
  font-weight: 600;
}

.frontend-body .mdFocussed,
.alwaysFocused {
  border-color: #098fc1;
}

.frontend-body .mdInput textarea {
  resize: none;
  height: 80px;
}

/*General*/
.frontend-body .globalSalesHeader a img {
  max-height: 100px;
}

.frontend-body .globalSalesHeaderContainer {
  text-align: center;
}

.frontend-body .globalSalesHeader {
  background-color: #00aeef;
  /*border-bottom: 1px solid #f6f7f8;*/
  padding: 10px 0;
  text-align: center;
}

.frontend-body .globalHeader {
  padding: 10px 0;
  background: #ffffff;
  border-bottom: 1px solid #f6f7f8;
}

.frontend-body .globalArticleHeaderContainer {
  text-align: center;
  max-height: 200px;
}

.frontend-body .globalArticleHeader {
  background-color: #0984b5;
  /*border-bottom: 1px solid #f6f7f8;*/
  padding: 10px 0;
  text-align: left;
}

.frontend-body .headerButton {
  height: 50px;
  line-height: 48px;
  border: 1px #fff solid;
  color: #ffffff !important;
  font-size: 22px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 3px;
  margin-top: 3px;
  transition: all 0.2s;
}

.frontend-body .headerButton:hover,
.frontend-body .headerButton:active,
.frontend-body .headerButton:focus {
  background: #00aeef;
  color: #fff;
  border: 1px #00aeef solid;
}

.frontend-body .articleSection {
  padding-top: 30px;
}

.frontend-body .headerButton {
  height: 50px;
  line-height: 48px;
  border: 1px #fff solid;
  color: #404d5e;
  font-size: 22px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 3px;
  margin-top: 3px;
  transition: all 0.2s;
}

.frontend-body .headerButton:hover,
.frontend-body .headerButton:active,
.frontend-body .headerButton:focus {
  background: #00aeef;
  color: #fff;
  border: 1px #00aeef solid;
}

.frontend-body .memberLogin h1 {
  color: #00aeef;
  font-size: 34px;
  text-align: center;
}

.frontend-body .memberLogin h6 {
  color: #000000;
  font-size: 24px;
  text-align: center;
}

.frontend-body .memberLogin h4 {
  font-size: 18px;
  color: #777;
  font-style: italic;
  text-align: center;
}

.frontend-body .customCheck {
  position: relative;
  padding-left: 25px;
  min-height: 15px;
  color: #777;
  cursor: pointer;
}

.frontend-body .customCheck.checked .customCheckBox {
  background: #00aeef;
  border: 1px #00aeef solid;
}

.frontend-body .customCheck.checked .customCheckBox span {
  color: #fff;
  display: inline-block;
}

.frontend-body .customCheckBox {
  width: 18px;
  height: 18px;
  border: 1px #aaa solid;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 2px;
}

.frontend-body .customCheckBox span {
  font-size: 10px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 16px;
  line-height: 17px;
  text-align: center;
  display: none;
  font-weight: bold;
}

.frontend-body .borderedButton {
  background: green;
  border: 1px #d9d9d9 solid;
  color: white;
  transition: all 0.2s;
}

.frontend-body .borderedButton:hover,
.frontend-body .borderedButton:focus,
.frontend-body .borderedButton:active {
  background: #00aeef;
  color: #fff;
  border: 1px #00aeef solid;
}

.frontend-body .homeBannerButton:hover,
.frontend-body .homeBannerButton:focus,
.frontend-body .homeBannerButton:active {
  background: #00aeef;
}

.frontend-body a {
  color: #00aeef;
}

.frontend-body .learnMore {
  text-align: center;
}

.frontend-body .readyButton {
  font-size: 1.4em;
  border-radius: 3px;
  padding: 12px 40px;
  background-color: #faaf3b;
  color: #fff !important;
  font-weight: 400;
}

.frontend-body .readyButton:hover,
.frontend-body .readyButton:focus,
.frontend-body .readyButton:active {
  background: #00aeef;
}

.frontend-body .articleButton {
  font-size: 1.4em;
  border: 1px #cdcdcd solid;
  border-radius: 3px;
  padding: 8px 28px;
  margin-left: 10px;
  margin-right: 10px;
}

.frontend-body .articleButton:hover,
.frontend-body .articleButton:focus,
.frontend-body .articleButton:active {
  background: #fff;
  border: 1px #00aeef solid;
}

.frontend-body .articleSideThumb {
  max-width: 80px;
}

.frontend-body .articleSideTitle {
  color: #26ace2;
  font-size: 10pt;
  line-height: 1.2em;
}

.frontend-body .articleSideAuthor {
  font-size: 10pt;
}

.frontend-body .articleCategoryTitle {
  color: #26ace2;
  font-size: 12pt;
  line-height: 1.2em;
}

.frontend-body .articleCategoryThumb {
  max-width: 160px;
}

.frontend-body .articleCategoryAuthor {
  font-size: 12pt;
}

.frontend-body .articleCategoryText {
  font-size: 11pt;
}

.frontend-body .footer {
  background: #0984b5;
  padding: 40px 0 0px;
}

.frontend-body .footer-no-links {
  background: #0984b5;
}

.frontend-body .footer {
  color: #fff;
}

.frontend-body .footer h2 {
  font-weight: 300;
  font-size: 20px;
}

.frontend-body .footerLinks a {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  margin: 5px 0;
}

.frontend-body .footerLinks {
  position: relative;
}

.frontend-body .footerLinks:before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 2px;
  background: #fff;
}

.frontend-body .footerHeader {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.frontend-body .copyright {
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-style: italic;
  padding: 28px 0 0 0;
  border-top: 1px rgba(255, 255, 255, 0.2) solid;
}

.frontend-body .copyrightLinks {
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding: 5px 0px 28px 0;
}

.frontend-body .copyright .links {
  font-style: normal;
}

.frontend-body .headerCharacter {
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.frontend-body .homeHeader {
  background: #fff;
}

.frontend-body .homeBanner {}

.frontend-body .homeBannerHeader {
  color: #00aeef;
  font-weight: 700;
  font-size: 45px;
}

.frontend-body .headerLogo {
  max-width: 350px;
}

.frontend-body .homeBannerSubTextSm {
  color: #fff;
  font-size: 18px;
}

.frontend-body .homeBannerSubTextLg {
  color: #00aeef;
  font-style: italic;
  font-size: 30px;
}

.frontend-body .homeBannerButton {
  font-size: 1.4em;
  border-radius: 3px;
  padding: 12px 40px;
  background-color: #faaf3b;
  color: #fff !important;
  font-weight: 400;
}

.frontend-body .bannerLogos {
  background: #f5f7fb;
  padding: 20px 0;
  text-align: center;
}

.frontend-body .bannerLogos img {
  max-height: 60px;
  max-width: 100%;
  display: inline-block;
}

.frontend-body .sectionImage {
  width: 100%;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}

.frontend-body .sectionHeader {
  font-size: 36px;
  font-weight: 700;
  color: #00aeef;
  text-align: center;
  margin: 0 auto;
}

.frontend-body .sectionSubHeader {
  font-size: 20px;
  font-weight: 700;
  color: #444;
}

.frontend-body .sectionText {
  font-size: 16px;
  color: #888;
}

.frontend-body .homeSections {
  border-bottom: 1px solid #eee;
}

.frontend-body .homeSectionsBorder {
  border-bottom: 2px solid #eee;
}

.frontend-body .fastSection {
  background: radial-gradient(#000, #2a2a2b);
}

.frontend-body .fastSection h3 {
  color: #00aeef;
  font-size: 20pt;
}

.frontend-body .fastSection .sectionText {
  color: #fff;
}

.frontend-body .fastSection .fastImage {
  text-align: center;
}

.frontend-body .recentArticleHeader {
  font-size: 18px;
  font-weight: 700;
  color: #00aeef;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.frontend-body .recentArticleAuthor {
  font-size: 16px;
  color: orange;
  text-align: center;
  margin: 0 auto;
}

.frontend-body .recentArticleSection {
  background-color: #eaeaea;
}

.frontend-body .recentArticleImage {
  text-align: center;
}

.frontend-body .recentArticleButton {
  text-align: center;
}

.frontend-body .recentArticleImage img {
  max-height: 160px;
  cursor: pointer;
  box-shadow: 0px 1px 6px 1px #cccccc;
}

.frontend-body .marciMountain {
  height: 550px;
  text-align: center;
  margin: 0 auto;
}

.frontend-body .longTermSection h2 {
  color: #fff;
}

.frontend-body .longTermSection .sectionText {
  color: #fff;
  line-height: 2.2;
}

.frontend-body .homeBlue {
  background: -webkit-linear-gradient(top, #e4e4e4, #efefef);
  background: -moz-linear-gradient(top, #e4e4e4, #efefef);
  background: -ms-linear-gradient(top, #e4e4e4, #efefef);
  background: -o-linear-gradient(top, #e4e4e4, #efefef);
  background: linear-gradient(top, #e4e4e4, #efefef);
}

.frontend-body .homeSectionEven .col-md-7 {
  text-align: right;
}

.frontend-body .homegraph {
  display: block;
  max-width: 100%;
}

.frontend-body .themeColor {
  color: #00aeef;
}

.frontend-body .globalHeader a img {
  max-height: 60px;
}

.frontend-body .globalArticleHeader a img {
  max-height: 60px;
}

.frontend-body .footerLogo {
  width: 380px;
  /*background: #fff;*/
  /*padding: 10px 20px;*/
  /*border-radius: 8px;*/
}

.frontend-body .articleHeader {
  font-size: 36px;
  font-weight: 700;
  color: #00aeef;
  text-align: center;
  margin: 0 auto;
}

.frontend-body .articleAuthorName {
  font-size: 20px;
  font-weight: 500;
  color: #099dd4;
  text-align: center;
}

.frontend-body .articleSubHeader {
  font-size: 20px;
  font-weight: 400;
  color: #777;
  text-align: center;
}

.frontend-body .articleText {
  font-size: 16px;
  color: #555;
}

.frontend-body .articleCategoryName {
  font-size: 20pt;
  color: #333;
  font-weight: bold;
}

.frontend-body .articleImageVideo {
  text-align: center;
  overflow: hidden;
  max-height: 260px;
}

.frontend-body .sideItemTitle {
  background: repeating-linear-gradient(45deg,
      #333,
      #333 60%,
      #333 60%,
      #333 70%);
  padding: 8px 20px;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
}

.frontend-body .sideItemImage {
  max-height: 60px;
  max-width: 120px;
  overflow: hidden;
}

.frontend-body .sideItemTag {
  background-color: #26ace2;
  padding: 8px 20px;
  color: #fff;
  font-weight: 600;
  border-radius: 20px;
  font-size: 10pt;
}

.frontend-body .articleCategoryImage {
  max-height: 120px;
  max-width: 240px;
  overflow: hidden;
}

.frontend-body .minPadding {
  padding: 0 5px;
}

.stripePaymentForm label {
  z-index: 0 !important;
}

.checkout h1 {
  background-color: #00aeef;
  color: #fff;
  padding: 10px;
  font-size: 22pt;
  margin-bottom: 0;
}

.checkout .subTitle {
  background-color: #687275;
  color: #fff;
  padding: 10px;
  font-size: 12pt;
  margin-bottom: 0;
}

.checkout .subTitle h3 {
  font-size: 1.5rem;
}

.checkoutContainer {
  padding: 20px;
  background: #fafcff;
  border: 1px #dce5ef solid;
  border-radius: 0 0 4px 4px;
  font-weight: 500;
}

.checkoutSeals {
  text-align: left;
  max-height: 50px;
}

.checkoutDescription {
  font-size: 11pt;
  color: #aaa;
}

.checkoutRight {
  text-align: right;
}

.checkoutContainerBonus {
  border: 2px solid #333;
  border-color: #333;
  border-style: dashed;
  background-color: #fdf3ca;
  padding: 10px;
}

.checkoutBonusTitle {
  background-color: yellow;
  padding: 10px;
  color: #000;
  font-weight: 600;
}

.checkoutBonusTitle .customCheck.checked .customCheckBox {
  background: #ff1493;
  border: 1px #ff1493 solid;
}

.checkoutBonusOffer {
  color: #ff1493;
  font-weight: 600;
}

.checkoutBumpLabel {
  color: #333;
}

#ppBody {
  font-size: 11pt;
  width: 100%;
  margin: 0 auto;
  text-align: justify;
}

#ppHeader {
  font-family: verdana;
  font-size: 21pt;
  width: 100%;
  margin: 0 auto;
}

.ppConsistencies {
  display: none;
}

.tosTitle {
  font-weight: bold;
  font-siize: 14pt;
}

.videoTitle {
  text-align: center;
  color: #808080;
  padding-top: 5px;
  padding-bottom: 5px;
}

.breakText {
  word-wrap: break-word;
}

/* Questionnaire Feb 2 */
.qnHolder {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  margin: 0 auto;
}

/*.qnHolder {border-radius: 5px;overflow: hidden;padding-left: 250px;position: relative;box-shadow: 0 3px 10px rgba(0,0,0,.1)}*/
/*.qnLeft {position: absolute;left: 0;top:0;width:250px;bottom:0;background-color: #0066ff;}*/
.qnContent {
  padding: 20px 30px 50px 30px;
}

.qnButtons {
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0;
  height: 40px;
  border-top: 1px #ebeff5 solid;
  display: table;
  width: 100%;
}

.qnProgressHolder {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  position: relative;
  background: #ddd;
}

.qnProgressBar {
  height: 4px;
  position: relative;
  background: #ff9800;
  transition: all 0.2s;
}

.qnButtons>div {
  display: table-row;
}

.qnButtons>div>a {
  display: table-cell;
  width: 50%;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.qnButtons.firstSlide>div>a,
.qnButtons.lastSlide>div>a {
  width: 100%;
}

.qnButtons a {
  display: block;
  color: #555;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  border-right: 1px #ebeff5 solid;
  background: #fafcff;
  cursor: pointer;
  min-width: 50%;
}

.qnButtons a:hover {
  background: #ecf2fb;
}

.qnButtons a:last-child {
  border-right: none;
}

.qnItemInner {
  width: 100%;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qnItemContent {
  width: 100%;
}

.qnHeader {
  font-size: 20px;
  color: #444;
  font-weight: 500;
}

.textInputComp {
  position: relative;
  padding-right: 50px;
  min-height: 50px;
  margin-bottom: 30px;
  width: 150px;
  border-bottom: 2px #ddd solid;
}

.textInputComp.isFocused {
  border-bottom: 2px #098fc1 solid;
}

.textInputComp span {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #888;
  font-size: 14px;
}

.textInputComp input {
  height: 50px;
  width: 100%;
  display: block;
  border: none;
  font-size: 20px;
}

.textInputComp input:focus {
  outline: none;
  box-shadow: none;
}

.qnInp {
  margin-bottom: 5px;
  cursor: pointer;
  color: #888;
  background: #f4f4f4;
  border: 1px #eee solid;
  padding: 8px 14px;
}

.qnInp.active {
  background: #fff;
  border: 1px #098fc1 solid;
}

.qnInp:hover {
  color: #444;
}

.qnInp .icon-check {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}

.iconRadio {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 15px;
  border-radius: 50%;
  border: 1px #888 solid;
}

.qnCheck .active .icon-check {
  color: #098fc1;
  font-weight: bold;
}

.qnRadio .active .iconRadio {
  border-color: #098fc1;
  border-width: 2px;
}

.qnCheck .active,
.qnRadio .active {
  color: #098fc1;
}

.buildingLoader {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.buildingLoaderInner {
  width: 100%;
  text-align: center;
}

.buildingLoaderInner img {
  margin-bottom: 15px;
}

.qnInp span {
  display: none;
}

.genderSelector {
  text-align: center;
}

.genderItem {
  display: inline-block;
  margin: 10px 15px;
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.2s;
  transform: scale(0.9);
  cursor: pointer;
}

.genderItem:hover {
  opacity: 0.7;
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}

.genderItem.active,
.genderItem.active:hover {
  opacity: 1;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transform: scale(1);
}

.genderItem img {
  height: 80px;
}

.genderItem span {
  display: block;
  margin: 10px 0;
  text-align: center;
  font-size: 14px;
  color: #555;
  font-weight: 500;
}

.homeBannerSubTextSm i {
  transform: scale(0.5);
}

.frontend-body .homeHeaderTopMenu {
  color: #FFF;
}

.frontend-body .homeHeaderTopMenu a {
  color: #FFF;
}

#completedBar {
  width: 0%;
  transition: all 0.1s;
  height: 30px;
  background-color: #4caf50;
  text-align: center;
  /* To center it horizontally (if you want) */
  line-height: 30px;
  /* To center it vertically */
  color: white;
}

.frontend-body .salesPresentationVideo {
  background-color: #fff;
  /*border-bottom: 1px solid #f6f7f8;*/
  padding: 10px 0;
  text-align: center;
}

.salesPage {
  color: #4d4d4d;
}

.salesPage .greenPrice {
  font-size: 20pt;
  font-weight: 600;
  color: #22b073;
}

.salesPage .redPrice {
  font-size: 16pt;
  font-weight: 600;
  color: #ef1c24;
  text-decoration: line-through;
}

.frontend-body .btn-signup {
  color: #FFF !important;
  background-color: #faaf3b;
  box-shadow: 7px 7px 15px .5px #e1e1e1;
  font-size: 14pt;
  padding: 10px 25px;
  border-radius: 5px;
}

.frontend-body .btn-signup:hover,
.frontend-body .btn-signup:active,
.frontend-body .btn-signup:focus {
  background-color: green !important;
  border-radius: 5px;
   !important;
}

.frontend-body .btn-signup-dark-shadow {
  color: #FFF !important;
  background-color: #faaf3b;
  box-shadow: 7px 7px 10px 1px #000;
  font-size: 14pt;
  padding: 10px 25px;
  border-radius: 5px;
}

.frontend-body .btn-signup-dark-shadow:hover,
.frontend-body .btn-signup-dark-shadow:active,
.frontend-body .btn-signup-dark-shadow:focus {
  background-color: green !important;
  border-radius: 5px;
   !important;
}


.salesPage .btn-signup .faArrow,
.salesPage .btn-signup-dark-shadow .faArrow {
  margin-top: 4px;
  font-size: 14pt;
  font-weight: bold;
}

.salesPage h1 {
  color: #3fa8f4;
  font-size: 1.8em;
}

.salesPage h2 {
  font-weight: 500;
  font-size: 1.6em;
}

.salesPage h3 {
  font-weight: 500;
  font-size: 1.4em;
}

.salesPage h4 {
  font-weight: 500;
  font-size: 15pt;
}

.salesPage .salesDark {
  background-color: #333535;
  color: #FFF;
  font-size: 16pt;
}

.salesPage .salesDark img {
  max-width: 310px;
}


.salesPage .salesWhite {
  background-color: #FFF;
  font-size: 14pt;
}

.salesPage .salesNavy {
  background-color: #1c303f;
  font-size: 14pt;
  color: #FFF;
}

.salesPage .centerSection {
  text-align: center;
}

.salesPage .what-you-will-get h1 {
  text-align: center;
}

.salesPage .what-you-will-get-text {
  font-weight: 400;
  color: #4d4d4d;
  font-size: 20px;
  line-height: 2rem;

}

.salesPage .why-you-should-join-hec h1 {
  color: #fff;
  font-weight: 500;
  font-size: 1.6em;

}

.salesPage .reviews h1 {
  text-align: center;

}

.salesPage .headings-white {
  color: #fff;


}

.salesPage .price-sign-up p {
  color: #faaf3b;
  font-size: 25px;

}

.salesPage .why-you-should-join-hec {
  background-color: #156ca6;
  text-align: center
}

.salesPage .why-you-should-join-hec .challenger-image {
  display: inline-block;
}

.salesPage .why-you-should-join-hec .challenger-image img {
  height: 200px;
}

.salesPage .reviews {
  background-color: #ededed;
}

.salesPage .reviews .review-image {
  width: 100%;
  margin: 0 10px;
  box-shadow: 5px 5px 8px 2px #949494;
  border: none;
}

.salesPage .price-sign-up {
  background-color: #1a0d04;
}

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

.salesPage .my-biggest-takeaway-comments {
  font-size: 20px;
  font-weight: 500;
  color: #949494;
  line-height: 2rem;

}

.salesPage .my-biggest-takeaway .commenticon {
  width: 100%;
  max-width: 50px;
}

.salesPage .what-you-will-learn {
  background-color: #4d4d4d;
}

.salesPage .learning-matter {
  background-color: #fff;
  border-radius: 5px;
  border: none;
  padding: 0 40px;
}

.salesPage .weekly-food-image img {
  width: 100%;
  max-width: 300px;
}

.salesPage .learning-matter h5 {
  color: #3fa8f4;
  font-weight: 500;
  line-height: 1.7rem;
}

.salesPage .learning-matter p {
  color: #4d4d4d;
  font-weight: 500;
  line-height: 1.7rem;
}

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

.salesPage .price-after-weekly-chart h2 {
  color: #949494;
  font-weight: 500;
}

.salesPage .price-after-weekly-chart h1 {

  color: #3fa8f4;
  font-weight: 500;
}

.salesPage .price-after-weekly-chart .start-on-monday,
.salesPage .price-after-weekly-chart .center-align-signup-btn {
  margin-bottom: 20px;
}

.salesPage .desk-of-Marci {
  background-color: #0071b7;
}

.salesPage .desk-of-Marci img {
  width: 100%;
  max-width: 400px;

}

.salesPage .desk-of-Marci h1,
.salesPage .desk-of-Marci p {
  color: #fff;
}

.salesPage .desk-of-marci-bold-text {
  color: #faaf3b;
}

.salesPage .join-us-for-hec-lounch {
  background-color: #1c303f;
}

.salesPage .join-us-for-hec-lounch h4 {
  color: #fff;
}

.salesPage .join-us-for-hec-lounch p {
  color: #fff;
  font-size: 15px;
}

.salesPage .join-us-for-hec-lounch img {
  width: 100%;
  max-width: 300px;
}