html.macros body {
  background-color: #ededed;
  background-image: url("../images/bg-main.png");
  background-repeat: repeat;
  background-size: contain;
}

html.macros body svg.background-left-side {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 33.333%;
  z-index: -1;
}

@media (max-width: 1350px) {
  html.macros body svg.background-left-side {
    max-width: 38%;
  }
}

@media (max-width: 1199px) {
  html.macros body svg.background-left-side {
    display: none;
  }
}

body {
  padding: 35px 125px;
}

@media (max-width: 1650px) {
  body {
    padding: 35px 60px;
  }
}

@media (max-width: 1650px) {
  body {
    padding: 30px;
  }
}

@media (max-width: 767px) {
  body {
    padding: 30px 15px;
  }
}

/* HIDE RADIO */
[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* SWITCH STYLES */
.switch-title {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 22px;
  font-weight: 400;
  color: #1ab3bb;
  margin: .5rem 0;
}

@media (max-width: 1199px) {
  .switch-title {
    text-align: center;
  }
}

.switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}

.switch-container,
.switch-wrapper {
  height: 50px;
}

.switch-wrapper {
  display: inline-block;
  position: absolute;
  z-index: -1;
  width: 305px;
  padding: 2.5px;
  border-radius: 100px;
  border: 2px solid #bdbcc1;
  z-index: -2;
}

.inner-green {
  width: 145px;
  height: 40px;
  -webkit-box-shadow: 0 0 10px #9bcd2d;
  box-shadow: 0 0 10px #9bcd2d;
  background-color: #9bcd2d;
  border-radius: 100px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.animate-switch {
  -webkit-transform: translateX(150px);
  transform: translateX(150px);
}

.switch-option-1:focus {
  outline: none;
}

.switch-option-1 {
  color: #9bcd2d;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  border-radius: 100px !important;
  width: 152.5px;
  height: 45px;
  margin-top: 2.5px;
  margin-left: 2.5px;
  border: none;
  background-color: transparent;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.switch-option-2:focus {
  outline: none;
}

.switch-option-2 {
  color: #9bcd2d;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  border-radius: 100px !important;
  margin-top: 2.5px;
  height: 45px;
  margin-left: 2.5px;
  border: none;
  width: 152.5px;
  background-color: transparent;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.switch-option-1:hover,
.switch-option-2:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.15);
}

.switch-option-1.active-text,
.switch-option-2.active-text {
  color: white;
}

/* SLIDER STYLE */
.slider-range #activity-level-text,
.slider-range #consistent-weightlifting-text {
  color: #575757;
  font-size: 18px;
  font-weight: 400;
  min-height: 54px;
}

.slider-range .sliderticks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -18.5px;
  pointer-events: none;
}

.slider-range .sliderticks p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 15px;
  height: 15px;
  margin: 0;
}

.slider-range .sliderticks p:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #1ab3bb;
  position: absolute;
}

.slider-range .info-tooltip {
  background: #666666;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  color: white;
  font-size: 22px;
  font-weight: 400;
  margin-left: 10px;
}

.slider-range label {
  line-height: 1.2;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #4f5156;
  margin: 1.5rem 0 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider-range label.with-badge {
  displaY: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.slider-range label.with-badge .badge {
  font-size: 12px;
  color: white;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.slider-range label.with-badge .badge:hover {
  cursor: pointer;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.slider-range label .badge {
  position: absolute;
  top: -10px;
  left: 32px;
  background: #1ab3bb;
  color: white;
  font-size: 14px;
  font-weight: 400;
  padding: 0.35rem;
  border-radius: 6px;
}

.slider-range label .badge:hover {
  cursor: pointer;
}

.slider-range label .badge:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(117, 190, 36, 0);
  border-top-color: #1ab3bb;
  border-width: 7px;
  margin-left: -7px;
}

.slider-range label span {
  color: #000;
  font-weight: 500;
}

.slider-range label span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1333px) {
  .slider-range label span:nth-child(1) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.slider-range label span:nth-child(1) svg {
  height: 30px;
  width: 45px;
  fill: #ffa001;
  padding-right: 10px;
}

.slider-range label span:nth-child(2) {
  font-size: 22px;
}

@media (min-width: 821px) and (max-width: 1366px) {
  .slider-range label span:nth-child(2) {
    font-size: 20px;
  }
}

@media (max-width: 820px) {
  .slider-range label span:nth-child(2) {
    font-size: 18px;
  }
}

/* ACTIVITY ROW (BIG BUTTONS) */
.activity-wrap {
  margin-top: 2rem;
}

@media (max-width: 1199px) {
  .activity-wrap {
    margin-top: 0;
  }
}

.activity-wrap .wrap-title {
  line-height: 1.2;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #4f5156;
  margin: 0 0 .5rem 0;
  text-align: left;
}

@media (max-width: 767px) {
  .activity-wrap .wrap-title {
    font-size: 25px;
  }
}

.activity-wrap .seper {
  width: 75px;
  margin: 0;
  margin-bottom: 2rem;
  border-top: 5px solid #9bcd2d;
}

.activity-wrap .single-activity-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: .5rem;
}

.activity-wrap .single-activity-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: .5rem;
}

.activity-wrap .single-activity-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html.macros .activity-wrap .single-activity-right .big-button,
html.macros .activity-wrap .single-activity-left .big-button,
html.macros .activity-wrap .single-activity-center .big-button {
  width: 300px;
}

.activity-wrap .single-activity-right .big-button,
.activity-wrap .single-activity-left .big-button,
.activity-wrap .single-activity-center .big-button {
  position: relative;
  width: 200px;
  height: 80px;
  margin-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@media (max-width: 767px) {
  html.macros .activity-wrap .single-activity-right .big-button,
  html.macros .activity-wrap .single-activity-left .big-button,
  html.macros .activity-wrap .single-activity-center .big-button {
    width: 300px;
    height: 60px;
  }
  .activity-wrap .single-activity-right .big-button,
  .activity-wrap .single-activity-left .big-button,
  .activity-wrap .single-activity-center .big-button {
    width: 170px;
    height: 60px;
  }
}

.activity-wrap .single-activity-right .big-button:hover,
.activity-wrap .single-activity-left .big-button:hover,
.activity-wrap .single-activity-center .big-button:hover {
  cursor: pointer;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* SAME ------- CHECKED STYLES */
.activity-wrap .single-activity-right .big-button [type=radio]:checked + .flying-background,
.activity-wrap .single-activity-left .big-button [type=radio]:checked + .flying-background,
.activity-wrap .single-activity-center .big-button [type=radio]:checked + .flying-background {
  background: #1ab3bb;
  /* box-shadow: 0 0 20px #1ab3bb; */
}

.activity-wrap .single-activity-right .big-button [type=radio]:checked ~ .button-text,
.activity-wrap .single-activity-left .big-button [type=radio]:checked ~ .button-text,
.activity-wrap .single-activity-center .big-button [type=radio]:checked ~ .button-text {
  color: white;
}

.activity-wrap .single-activity-right .big-button .flying-background,
.activity-wrap .single-activity-left .big-button .flying-background,
.activity-wrap .single-activity-center .big-button .flying-background {
  background: #fff;
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transition: all .4s;
  transition: all .4s;
  border: 1px solid #1ab3bb;
}

.activity-wrap .single-activity-right .big-button .button-text,
.activity-wrap .single-activity-left .big-button .button-text,
.activity-wrap .single-activity-center .big-button .button-text {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: #1ab3bb;
  font-size: 18px;
  font-weight: 500;
  /* text-transform: uppercase; */
  -webkit-transition: all .4s;
  transition: all .4s;
}

@media (max-width: 767px) {
  .activity-wrap .single-activity-right .big-button .button-text,
  .activity-wrap .single-activity-left .big-button .button-text,
  .activity-wrap .single-activity-center .big-button .button-text {
    font-size: 15px;
  }
}

/* MODAL STYLES */
#modal .woman .col-4,
#modal .man .col-4 {
  opacity: 1;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  max-height: 250px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#modal .woman .col-4:hover,
#modal .man .col-4:hover {
  cursor: pointer;
  opacity: .75;
}

#modal .close span {
  border-radius: 50%;
  position: absolute;
  width: 25px;
  font-size: 0.7em;
  height: 25px;
  right: -25px;
  top: -25px;
  color: #fff;
  border: 2px solid white;
}

#modal .modal-content {
  border-radius: 0.6rem;
}

/* CALCULATION */
.buttons-row {
  margin: 5rem 0 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.buttons-row button {
  margin: 0 7px;
  color: white;
  border-radius: 100px;
  -webkit-box-shadow: #eb4722 0px 0px 10px;
          box-shadow: #eb4722 0px 0px 10px;
  background-color: #eb4722;
  border: none;
  padding: 0.5rem 1rem;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.buttons-row button:focus {
  outline: none;
}

.buttons-row button:hover {
  opacity: .75;
  cursor: pointer;
}

.result-goal-wrapper .result-column {
  padding-left: 2.5rem;
}

@media (max-width: 767px) {
  .result-goal-wrapper .result-column {
    padding-left: 15px;
  }
}

.info-wrap {
  margin-top: 2rem;
  height: calc(100% - 2rem);
}

#info {
  position: relative;
  font-size: 18px;
  color: #ffa001;
  background-color: #fafafa;
  padding: 20px;
  border: 2px solid #fafafa;
  border-radius: 30px;
  max-width: 550px;
}

#info .info-tooltip-result {
  display: inline-block;
  background: #1ab3bb;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 10px;
}

#info.blur > *:not(.tooltip) {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
}

#info.noblur > *:not(.tooltip) {
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: blur(0);
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
}

#info #showResults {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1.5em;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -o-filter: blur(0);
  -ms-filter: blur(0);
  filter: blur(0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

#info #showResults:hover {
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.6em;
}

html.woman #info {
  color: #000;
}

html.woman #info .info-tooltip-result {
  background: #666;
  color: #fff;
}

html.macros #info {
  max-width: initial;
  background-color: #1ab3bb;
  border: 2px solid #1ab3bb;
}

html.macros #info .info-tooltip-result {
  background: #fff;
  color: #666;
}

#info span.title {
  color: #a3a3a3;
  font-weight: 500;
}

#info span.count {
  color: #000;
  font-weight: 700;
}

html.macros #info span.count {
  color: #ffa001;
  font-weight: initial;
}

html.macros #info span.title {
  color: #fff;
  font-weight: initial;
}

.custom-select {
  background-color: #e5e4e9;
}

html.macros .gender-wrap {
  display: inline-block;
}

@media (max-width: 1199px) {
  html.macros .gender-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 525px) {
  html.macros .gender-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  html.macros .gender-wrap .gender .custom-control {
    padding-left: 3rem;
  }
}

.gender.active {
  background-color: #ffa001;
  color: #fff;
}

.gender {
  color: #ffa001;
  min-width: 220px;
  max-width: 220px;
  height: 82px;
  border-radius: 36px;
  border: 1px solid #ffa001;
}

@media (max-width: 666px) {
  .gender {
    min-width: 225px;
  }
}

@media (max-width: 525px) {
  .gender {
    min-width: 225px;
    width: 100%;
  }
}

html.macros .gender {
  max-width: initial;
}

.custom-radio .custom-control-label::before {
  border-color: #fece7e;
  background-color: #fece7e;
  border-color: transparent;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: transparent;
  background-color: #fece7e;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffa001'/%3e%3c/svg%3e");
}

.custom-control-label::after {
  background-size: 65% 65%;
  top: 0rem;
  left: -2rem;
  display: block;
  width: 2rem;
  height: 2rem;
}

.custom-control-label::before {
  top: 0rem;
  left: -2rem;
  width: 2rem;
  height: 2rem;
}

.custom-control {
  font-weight: 500;
  font-size: 18px;
  position: relative;
  min-height: 2rem;
  padding-left: 2.5rem;
}

@media (max-width: 1199px) {
  .custom-control {
    padding-left: 15px;
  }
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.custom-control-input:active ~ .custom-control-label::before {
  border: none !important;
  background-color: #ffda99 !important;
}

/* ----------------------------------------------------------------------- */
/* SLIDER STYLES */
.slider-range {
  position: relative;
}

.slider-range input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  width: 100%;
  height: 22px;
  cursor: pointer;
  display: block;
}

.slider-range input[type=range]:focus {
  outline: none;
}

.slider-range input[type=range][disabled] {
  opacity: .3;
  cursor: default;
}

.slider-range .rangeslider {
  position: relative;
  height: 22px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider-range .rangeslider:after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #1ab3bb;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.slider-range .rangeslider:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 8px;
  background: #fff;
  border-radius: 100px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: #dcdcdc;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slider-range input::-webkit-slider-runnable-track {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 8px;
  background: #fff;
  border-radius: 100px;
  margin: 11px 0;
}

.slider-range input::-moz-range-track {
  box-sizing: border-box;
  width: 100%;
  height: 8px;
  background: #fff;
  border-radius: 100px;
  margin: 11px 0;
}

.slider-range input::-ms-track {
  box-sizing: border-box;
  width: 100%;
  height: 8px;
  background: #fff;
  border-radius: 100px;
  color: transparent;
  padding: 11px 0;
  background: transparent;
  border-color: transparent;
}

.slider-range input::-ms-fill-lower,
.slider-range input::-ms-fill-upper {
  box-sizing: border-box;
  width: 100%;
  height: 8px;
  background: #fff;
  border-radius: 100px;
}

.slider-range input::-ms-fill-lower {
  background: #1ab3bb;
}

.slider-range .rangeslider-fill-lower {
  background-color: #1ab3bb;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 8px;
  will-change: width;
}

.slider-range .rangeslider-fill-lower:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #1ab3bb;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slider-range input::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
  border: 0 solid #fff;
  height: 22px;
  width: 22px;
  border-radius: 6px;
  background: #ffa001;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 4px;
}

.slider-range input::-moz-range-thumb {
  box-sizing: border-box;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
  border: 0 solid #fff;
  height: 22px;
  width: 22px;
  border-radius: 6px;
  background: #ffa001;
  cursor: pointer;
}

.slider-range input::-ms-thumb {
  box-sizing: border-box;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
  border: 0 solid #fff;
  height: 22px;
  width: 22px;
  border-radius: 6px;
  background: #ffa001;
  cursor: pointer;
}

.slider-range .rangeslider-thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.2);
  border: 0 solid #fff;
  height: 22px;
  width: 22px;
  border-radius: 6px;
  background: #ffa001;
  cursor: pointer;
  position: absolute;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  will-change: left;
  z-index: 5;
}

.slider-range .range-output {
  position: absolute;
  left: 11px;
  top: 11px;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider-range .range-output .output {
  display: block;
  position: absolute;
  height: 60px;
  line-height: 60px;
  min-width: 32px;
  padding: 0 20px;
  top: -25px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  background: #383c42;
  color: #fff;
  border-radius: 100px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.slider-range .range-output .output:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  border: 10px solid #383c42;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

html.macros .slider-range .rangeslider:before {
  background: #fff;
}

.slider-range.with-icons.first-slide .rangeslider-thumb, .slider-range.with-icons.second-slide .rangeslider-thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #1ab3bb;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  will-change: left;
  z-index: 5;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: center center;
}

.slider-range.with-icons.first-slide .rangeslider-thumb.bg1 {
  background-image: url("../images/sedentary.svg");
}

.slider-range.with-icons.first-slide .rangeslider-thumb.bg2 {
  background-image: url("../images/lightly_active.svg");
}

.slider-range.with-icons.first-slide .rangeslider-thumb.bg3 {
  background-image: url("../images/moderately_active.svg");
}

.slider-range.with-icons.first-slide .rangeslider-thumb.bg4 {
  background-image: url("../images/very_active.svg");
}

.slider-range.with-icons.first-slide .rangeslider-thumb.bg5 {
  background-image: url("../images/highly_active.svg");
}

.slider-range.with-icons.second-slide .rangeslider-thumb.bg1 {
  background-image: url("../images/less_than_year.svg");
}

.slider-range.with-icons.second-slide .rangeslider-thumb.bg2 {
  background-image: url("../images/one_two_years.svg");
}

.slider-range.with-icons.second-slide .rangeslider-thumb.bg3 {
  background-image: url("../images/two_three_years.svg");
}

.slider-range.with-icons.second-slide .rangeslider-thumb.bg4 {
  background-image: url("../images/three_plus_years.svg");
}

/* BOOTSTRAP TOOLTIP STYLES */
.tooltip-white .tooltip-inner,
.tooltip-white-info .tooltip-inner {
  color: #000;
  background-color: #fff;
  border: none;
  font-size: 14px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.75);
  padding: .5rem;
  opacity: 1;
}

@media (max-width: 374px) {
  .tooltip-white .tooltip-inner,
  .tooltip-white-info .tooltip-inner {
    max-width: 200px;
  }
}

@media (min-width: 375px) and (max-width: 1023px) {
  .tooltip-white .tooltip-inner,
  .tooltip-white-info .tooltip-inner {
    max-width: 290px;
  }
}

@media (min-width: 1024px) {
  .tooltip-white .tooltip-inner,
  .tooltip-white-info .tooltip-inner {
    max-width: 400px;
  }
}

.tooltip-white .tooltip.bs-tooltip-top .arrow:before,
.tooltip-white-info .tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #fff;
}

.tooltip-white .tooltip.bs-tooltip-right .arrow:before,
.tooltip-white-info .tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #fff;
}

.tooltip-white .tooltip.bs-tooltip-bottom .arrow:before,
.tooltip-white-info .tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #fff;
}

.tooltip-white .tooltip.bs-tooltip-left .arrow:before,
.tooltip-white-info .tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #fff;
}

/* First col styles */
.first-main-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.first-main-col .first-col-title {
  display: none;
  width: 100%;
}

@media (max-width: 1199px) {
  .first-main-col .first-col-title {
    display: block;
  }
}

.first-main-col .first-col-title h1 {
  text-align: center;
  width: 100%;
  font-size: 22px;
  color: #343434;
  text-align: center;
}

/* Second Column title */
.second-col-title h1 {
  text-align: center;
  width: 100%;
  font-size: 35px;
  color: #343434;
  text-align: center;
}

@media (max-width: 1199px) {
  html.macros .second-col-title {
    display: none;
  }
}

/* Goal label + svg styles */
.goal-wrap label {
  line-height: 1.2;
  width: 100%;
  text-align: center;
  font-size: 27px;
  font-weight: 400;
  color: #4f5156;
  margin: 1.5rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.goal-wrap label span {
  color: #1ab3bb;
  font-weight: 500;
}

.goal-wrap label span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.goal-wrap label span:nth-child(1) svg {
  height: 30px;
  width: 45px;
  fill: #ffa001;
  padding-right: 10px;
}

.goal-wrap label span:nth-child(2) {
  font-size: 22px;
}

/* SOME MORE RADIO STYLES */
.visible-radio-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin: 0;
  font-size: 22px;
  color: #1ab3bb;
}

.visible-radio-wrap label {
  margin: 5px 0 0 0;
  font-size: 22px;
}

.visible-radio-wrap label:nth-child(1) {
  margin-right: 15px;
}

.visible-radio-wrap label span {
  font-size: 22px;
  color: #1ab3bb;
}

/* RADIO STYLES USED IN WEIGHT AND HEIGHT SWITCHES */
.radio {
  margin: 16px 0;
  display: block;
  cursor: pointer;
}

.radio input {
  display: none;
}

.radio input + span {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  line-height: 18px;
  height: 18px;
  padding-left: 18px;
  display: block;
  position: relative;
}

.radio input + span:not(:empty) {
  padding-left: 26px;
}

.radio input + span:before, .radio input + span:after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.radio input + span:before {
  background: #fff;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  border: 1px solid #000;
}

.radio input + span:after {
  background: #000;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}

.radio input:checked + span:before {
  -webkit-transform: scale(1);
          transform: scale(1);
  background: #fff;
}

.radio input:checked + span:after {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.radio:hover input + span:before {
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
}

html.woman .slider-range .rangeslider-thumb {
  background-color: #2d455e;
}

html.woman .activity-wrap .single-activity-center .big-button .flying-background,
html.woman .slider-range.with-icons.first-slide .rangeslider-thumb, html.woman .slider-range.with-icons.second-slide .rangeslider-thumb {
  border: 1px solid #ed5899;
}

html.woman .activity-wrap .single-activity-center .big-button [type=radio]:checked + .flying-background,
html.woman .slider-range label .badge, html.woman .slider-range .rangeslider-fill-lower, html.woman .slider-range .rangeslider-fill-lower:before,
html.woman .slider-range .rangeslider:after, html.woman .slider-range .sliderticks p:before {
  background-color: #ed5899;
}

html.woman .slider-range label .badge:after {
  border-top-color: #ed5899;
}

html.woman .gender.active {
  background-color: #ed5899;
  color: #fff;
}

html.woman .gender {
  color: #ed5899;
  border: 1px solid #ed5899;
}

html.woman .visible-radio-wrap, html.woman label.radio span, html.woman .goal-wrap label span,
html.woman .activity-wrap .single-activity-right .big-button .button-text,
html.woman .activity-wrap .single-activity-left .big-button .button-text,
html.woman .activity-wrap .single-activity-center .big-button .button-text {
  color: #ed5899;
}

html.woman .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ed5899'/%3e%3c/svg%3e");
}

html.woman .custom-control-input:checked ~ .custom-control-label::before, html.woman .custom-radio .custom-control-label::before {
  background-color: #ffdaf9;
}

html.woman .custom-control-input:active ~ .custom-control-label::before {
  border: none !important;
  background-color: #ffe5fb !important;
}

html.woman .slider-range.with-icons.first-slide .rangeslider-thumb.bg1 {
  background-image: url("../images/sedentary_woman.svg");
}

html.woman .slider-range.with-icons.first-slide .rangeslider-thumb.bg2 {
  background-image: url("../images/lightly_active_woman.svg");
}

html.woman .slider-range.with-icons.first-slide .rangeslider-thumb.bg3 {
  background-image: url("../images/moderately_active_woman.svg");
}

html.woman .slider-range.with-icons.first-slide .rangeslider-thumb.bg4 {
  background-image: url("../images/very_active_woman.svg");
}

html.woman .slider-range.with-icons.first-slide .rangeslider-thumb.bg5 {
  background-image: url("../images/highly_active_woman.svg");
}

html.woman .slider-range.with-icons.second-slide .rangeslider-thumb.bg1 {
  background-image: url("../images/less_than_year_woman.svg");
}

html.woman .slider-range.with-icons.second-slide .rangeslider-thumb.bg2 {
  background-image: url("../images/one_two_years_woman.svg");
}

html.woman .slider-range.with-icons.second-slide .rangeslider-thumb.bg3 {
  background-image: url("../images/two_three_years_woman.svg");
}

html.woman .slider-range.with-icons.second-slide .rangeslider-thumb.bg4 {
  background-image: url("../images/three_plus_years_woman.svg");
}

html.woman .switch-title {
  color: #ed5899;
}
/*# sourceMappingURL=style.css.map */