.bike-classes li .search-result-row .class-info p span .sub-red, .bike-classes li .search-result-row-bike .class-info p span .sub-red {
  color: #A91D25;
}
.bike-classes li .search-result-row .class-info p:before, .bike-classes li .search-result-row-bike .class-info p:before {
  margin-right: 10px;
  color: #cdcdce;
}
.bike-classes li .search-result-row .class-info .overlay-box span, .bike-classes li .search-result-row-bike .class-info .overlay-box span {
  font-size: 15px;
  text-transform: uppercase;
  color: white;
  display: block;
  text-align: center;
}
.bike-classes li .search-result-row .class-info .overlay-box span a.rules-anchor, .bike-classes li .search-result-row-bike .class-info .overlay-box span a.rules-anchor {
  color: white;
  text-decoration: underline;
}
.bike-classes li .search-result-row .class-info .overlay-box:after, .bike-classes li .search-result-row-bike .class-info .overlay-box:after {
  bottom: -9px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #7c878e;
}
.bike-classes li .search-result-row .class-info .icon-time:before,
.bike-classes li .search-result-row .class-info .icon-trainer:before,
.bike-classes li .search-result-row .class-info .icon-marker-dot:before, .bike-classes li .search-result-row-bike .class-info .icon-time:before,
.bike-classes li .search-result-row-bike .class-info .icon-trainer:before,
.bike-classes li .search-result-row-bike .class-info .icon-marker-dot:before {
  display: none;
}
.bike-classes li .search-result-row .option-button-container-mobile, .bike-classes li .search-result-row-bike .option-button-container-mobile {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  padding: 20px 0;
  position: relative;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button {
  width: 100%;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button .booked, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .booked {
  border: 0px;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button .singleBooked, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .singleBooked {
  border-color: #1BECAA !important;
  background-color: #1BECAA;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button .multi-button-option, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .multi-button-option {
  background-color: #1BECAA;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button .multi-button-option .button, .bike-classes li .search-result-row .option-button-container-mobile .option-button .multi-button-option .btn-mobile-cta, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .multi-button-option .button, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .multi-button-option .btn-mobile-cta {
  border-color: #1BECAA !important;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button .multi-button-option .options, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .multi-button-option .options {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button .multi-button-option .options li, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .multi-button-option .options li {
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 1.25em !important;
  background: #CCC;
  border: none;
  border-bottom: 1px solid #FFF;
}
.bike-classes li .search-result-row .option-button-container-mobile .option-button .multi-button-option .options li:last-child, .bike-classes li .search-result-row-bike .option-button-container-mobile .option-button .multi-button-option .options li:last-child {
  border-bottom: none;
}
.bike-classes li .search-result-row .option-button-container, .bike-classes li .search-result-row-bike .option-button-container {
  display: none;
}
.bike-classes li .search-result-row-bike .availability {
  display: block;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  position: absolute;
}
.bike-classes li .search-result-row-bike .availability p, .bike-classes li .search-result-row-bike .availability span {
  display: block;
  width: 45px;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto;
}
.bike-classes li .search-result-row-bike .availability span {
  width: 100%;
  position: relative;
  top: 14px;
}
.bike-classes li .search-result-row-bike .availability p {
  background-color: #fff;
  border: 2px solid #7c878e;
  height: 45px;
  line-height: 45px;
  color: #7c878e;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  padding: 0px;
}
.bike-classes li .search-result-row-bike .availability p.full {
  background-color: #333f48;
  border: 2px solid #333f48;
  color: #fff;
}
.bike-classes li .search-result-row-bike .availability p.full:before {
  font-size: 10px;
  content: 'Full';
}
.bike-classes li .search-result-row-bike .availability p.full + span {
  display: none;
}

.page.image.bookabike {
  min-height: 0;
  background-color: #000;
}

.page.image.bookabike .background {
  bottom: auto;
  z-index: 0;
}
.page.image.bookabike .background img {
  width: auto;
}

.page .book-a-bike-detail {
  min-height: 100px;
  background: #000;
  position: relative;
  /* Page views */
}
.page .book-a-bike-detail h2, .page .book-a-bike-detail h3 {
  text-align: center;
}
.page .book-a-bike-detail h2 small, .page .book-a-bike-detail h3 small {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.5em;
}
.page .book-a-bike-detail h2 small.name, .page .book-a-bike-detail h3 small.name {
  display: block;
}
.page .book-a-bike-detail h2 span, .page .book-a-bike-detail h3 span {
  font-size: 31px;
  font-weight: 200;
  display: block;
  letter-spacing: 4px;
  line-height: 1.1em;
}
.page .book-a-bike-detail .message {
  text-transform: none;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 0 15px;
}
.page .book-a-bike-detail .upper-button {
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
}
.page .book-a-bike-detail .background {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.page .book-a-bike-detail .head {
  border-top: 1px solid #292929;
  text-transform: uppercase;
  background-color: #000;
  text-align: center;
  overflow: hidden;
  color: #fff;
  padding: 20px 0 0;
}
.page .book-a-bike-detail .head a {
  color: #fff;
}
.page .book-a-bike-detail .head .book-fav-bike {
  display: none;
}
.page .book-a-bike-detail .head .message {
  color: rgba(255, 255, 255, 0.8);
}
.page .book-a-bike-detail .head .confirmation {
  padding: 20px 0;
}
.page .book-a-bike-detail .head .details .expand .expand-button h2.title {
  margin-top: 0;
  margin-bottom: 0;
}
.page .book-a-bike-detail .head .details .expand .expand-button h2.title a {
  font-size: 12px;
  display: block;
  padding-top: 16px;
  padding-bottom: 6px;
  letter-spacing: 1px;
}
.page .book-a-bike-detail .head .details .expand .expand-button h2.title a .icon-dropdown {
  margin-left: 6px;
  font-size: 12px;
  display: inline-block;
}
.page .book-a-bike-detail .head .details .expand .expand-button .short-data {
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
  margin: 0;
}
.page .book-a-bike-detail .head .details .expand .expandable {
  display: none;
}
.page .book-a-bike-detail .head .details .expand .more-details {
  border-bottom: 2px solid #292929;
  font-size: 12px;
  text-align: center;
  padding-top: 10px;
}
.page .book-a-bike-detail .head .details .expand .more-details p {
  margin-bottom: 10px;
}
.page .book-a-bike-detail .head .details .expand .more-details .date span {
  display: none;
}
.page .book-a-bike-detail .head .details .expand .more-details .links {
  padding-top: 12px;
  padding-bottom: 24px;
}
.page .book-a-bike-detail .head .details .expand .more-details .links a {
  letter-spacing: 0;
  padding: 0 15px;
}
.page .book-a-bike-detail .head .details .expand.active .expandable {
  display: block;
}
.page .book-a-bike-detail .head .details .expand.active .hidden-on-expanded {
  display: none;
}
.page .book-a-bike-detail .head .details .expand.active .expand-button h2.title a span {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}
.page .book-a-bike-detail .head .details .bikes-graphic {
  width: 90%;
  height: 146px;
  margin: 36px auto;
  position: relative;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike {
  font-family: helvetica, sans-serif;
  position: absolute;
  background-color: #fff;
  color: #000;
  width: 16px;
  height: 16px;
  font-size: 9px;
  text-align: center;
  line-height: 19px;
  font-weight: 700;
  cursor: pointer;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.favorite-bike {
  background-color: #848589;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.favorite-bike.unavailable:hover {
  border: 0;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.favorite-bike:before {
  font-size: 5px;
  margin-right: -1px;
  vertical-align: middle;
}
.page .book-a-bike-detail .head .details .bikes-graphic .unavailable {
  color: #a3a3a3;
  background-color: transparent;
  font-weight: 400;
}
.page .book-a-bike-detail .head .details .bikes-graphic .selected {
  background-color: #858688;
  color: #fff;
}
.page .book-a-bike-detail .head .details .bikes-graphic .faved {
  background-color: #858688;
  color: #fff;
}
.page .book-a-bike-detail .head .details .bikes-graphic .faved:before {
  font-family: 'icomoon';
  content: "\e61d";
  font-size: 5px;
  position: relative;
  top: -2px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .door {
  position: absolute;
  height: 12px;
  width: 10px;
  color: rgba(255, 255, 255, 0.5);
}
.page .book-a-bike-detail .head .details .bikes-graphic .door:before {
  font-size: 12px;
  line-height: 1.25em;
  display: block;
  content: "\e61f";
}
.page .book-a-bike-detail .head .details .bikes-graphic .instructor-bike {
  position: absolute;
  font-size: 0px;
  letter-spacing: 0px;
  width: 16px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .instructor-bike .icon-bike-2, .page .book-a-bike-detail .head .details .bikes-graphic .instructor-bike .icon-instructor_icon {
  display: block;
  font-size: 14px;
  padding-bottom: 2px;
}
.page .book-a-bike-detail .head .reserved {
  margin-bottom: 30px;
}
.page .book-a-bike-detail .head .selected-bike {
  background-color: #7c878e;
  text-align: left;
  font-size: 14px;
  padding: 20px 0 20px 18px;
}
.page .book-a-bike-detail .content {
  text-transform: uppercase;
  text-align: center;
}
.page .book-a-bike-detail .content .message {
  color: #fff;
}
.page .book-a-bike-detail .content .confirmation {
  background-color: #fff;
  padding: 35px 0;
}
.page .book-a-bike-detail .content .confirmation .share {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
.page .book-a-bike-detail .content .confirmation .share .social-icons {
  display: block;
}
.page .book-a-bike-detail .content .confirmation .share .social-icons a {
  display: inline-block;
  font-size: 16px;
  margin: 5px 0 10px;
  padding: 15px 12px;
}
.page .book-a-bike-detail .content .confirmation .export {
  margin-bottom: 35px;
}
.page .book-a-bike-detail .content .confirmation .export a {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 2px;
}
.page .book-a-bike-detail .content .confirmation .export a .icon-export {
  margin-right: 10px;
  font-size: 16px;
  bottom: -2px;
  position: relative;
}
.page .book-a-bike-detail .content .confirmation .reminder {
  margin: 0 auto 30px;
  width: 85%;
}
.page .book-a-bike-detail .content .confirmation .options a {
  font-size: 13px;
  padding: 0 8px;
}
.page .book-a-bike-detail .content .confirmation .options .bike-settings-container {
  display: none;
  margin: 20px 0;
  position: relative;
}
.page .book-a-bike-detail .content .confirmation .opt-status {
  display: none;
  position: relative;
  z-index: 100;
  margin: 30px auto;
  padding: 25px;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  width: 90%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page .book-a-bike-detail .content .confirmation .opt-status > p {
  font-size: 12px;
}
.page .book-a-bike-detail .content .confirmation .opt-status .checkbox .checkbox-replacement {
  border: 2px solid #999;
  width: 12px;
  height: 12px;
}
.page .book-a-bike-detail .content .confirmation .opt-status .checkbox .checkbox-replacement:before {
  font-size: 28px;
  top: -8px;
  left: -8px;
}
.page .book-a-bike-detail .content .confirmation .opt-status .checkbox .label {
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}
.page .book-a-bike-detail .content .countdown {
  color: #fff;
  padding: 30px 0;
}
.page .book-a-bike-detail .content .countdown h3 {
  margin: 0 0 15px;
}
.page .book-a-bike-detail .content .countdown h3 small {
  font-size: 10px;
  letter-spacing: 1px;
}
.page .book-a-bike-detail .content .countdown h3 span.countdown-time {
  font-size: 50px;
  line-height: 1.5em;
}
.page .book-a-bike-detail .content .countdown h3 span.countdown-digit {
  font-size: 99px;
  line-height: 2em;
}
.page .book-a-bike-detail .content .countdown .message p {
  letter-spacing: 1px;
  width: 70%;
  margin: 0 auto;
}
.page .book-a-bike-detail .content .bike-list .book-fav-bike a {
  position: relative;
  display: block;
  color: #131313;
  font-size: 14px;
  font-weight: 700;
  padding: 18px;
  border-bottom: 1px solid #D8D8D8;
  text-align: left;
  letter-spacing: 1px;
  background: white;
}
.page .book-a-bike-detail .content .bike-list .book-fav-bike a .icon-star {
  font-size: 11px;
  position: relative;
  margin-right: 5px;
  top: -1px;
}
.page .book-a-bike-detail .content .bike-list .book-fav-bike a .number {
  font-weight: 400;
}
.page .book-a-bike-detail .content .bike-list .book-fav-bike.disabled a {
  background-color: #848589;
  color: #555;
  cursor: default;
}
.page .book-a-bike-detail .content .bike-list ul li {
  position: relative;
  background-color: #fff;
}
.page .book-a-bike-detail .content .bike-list ul li a {
  display: block;
  color: #131313;
  font-size: 14px;
  font-weight: 700;
  padding: 18px;
  border-bottom: 1px solid #d8d8d8;
  text-align: left;
  letter-spacing: 1px;
}
.page .book-a-bike-detail .content .bike-list ul li.selected {
  background: #eaeaea;
}
.page .book-a-bike-detail .content .bike-list ul li.selected a {
  cursor: default;
}
.page .book-a-bike-detail .content .bike-list ul li.unavailable a {
  cursor: default;
  color: #efefef;
}
.page .book-a-bike-detail .content .bike-list ul li.selected-bike {
  background-color: #7c878e;
}
.page .book-a-bike-detail .content .bike-list ul li.selected-bike a {
  color: #fff;
}
.page .book-a-bike-detail .content .bike-list ul li.selected-bike a span {
  font-weight: 500;
}
.page .book-a-bike-detail .content .class-full {
  padding: 35px 0;
  color: white;
}
.page .book-a-bike-detail .content .class-full h3 {
  margin-bottom: 15px;
}
.page .book-a-bike-detail .content .class-full .button-container {
  margin: 25px 5px;
}
.page .book-a-bike-detail .content .class-full .button-container .button.box, .page .book-a-bike-detail .content .class-full .button-container .btn-mobile-cta {
  font-size: 11px;
  padding: 1.5em 3em;
}
.page .book-a-bike-detail .content .class-full .subInfo, .page .book-a-bike-detail .content .class-full .subInfoError {
  margin-top: 10px;
  display: none;
  color: #fff;
  padding: 0 15px;
  text-transform: uppercase;
}
.page .book-a-bike-detail .content .class-full .subInfoError {
  margin-top: 25px;
}
.page .book-a-bike-detail .modals {
  background-color: #000;
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  top: 0;
  text-align: center;
}
.page .book-a-bike-detail .modals .close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.page .book-a-bike-detail .modals > div {
  position: relative;
  height: 100%;
}
.page .book-a-bike-detail .modals h2 span, .page .book-a-bike-detail .modals h2 small {
  padding: 15px 0;
}
.page .book-a-bike-detail .modals h2 small {
  letter-spacing: 1px;
  display: block;
}
.page .book-a-bike-detail .modals .modal-wrapper {
  background: #fff;
  padding: 80px 20px 90px;
}
.page .book-a-bike-detail .modals .modal-wrapper .button-container {
  padding: 1.3em 0 3.5em;
}
.page .book-a-bike-detail .modals .modal-wrapper .button-container:last-child {
  padding-bottom: 0;
}
.page .book-a-bike-detail .modals .modal-wrapper .button-container .button.box, .page .book-a-bike-detail .modals .modal-wrapper .button-container .btn-mobile-cta {
  font-size: 11px;
  padding: 18px 35px;
  width: 177px;
  height: 45px;
}
.page .book-a-bike-detail .modals .modal-wrapper .strikes-count {
  padding: 15px 0;
  width: 100px;
  margin: 0 auto;
}
.page .book-a-bike-detail .modals .modal-wrapper .strikes-count:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.page .book-a-bike-detail .modals .modal-wrapper .strikes-count span {
  border: 3px solid #7c878e;
  margin: 7px;
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 100%;
  float: left;
}
.page .book-a-bike-detail .modals .modal-wrapper .strikes-count .missed {
  color: #7c878e;
  width: 18px;
  height: 18px;
  border: none;
  font-size: 17px;
  margin-top: 6px;
}
.page .book-a-bike-detail .modals .modal-wrapper .strikes-count .missed:before {
  font-family: 'icomoon';
  content: '\e60e';
}
.page .book-a-bike-detail .modals,
.page .book-a-bike-detail .modals > div {
  display: none;
}
.page .book-a-bike-detail.book .book {
  display: block;
}
.page .book-a-bike-detail.confirmed .confirmed {
  display: block;
}
.page .book-a-bike-detail.countdown .countdown {
  display: block;
}
.page .book-a-bike-detail.countdown .countdown .content .countdown {
  display: block;
}
.page .book-a-bike-detail.countdown .countdown .content .countdown .countdown-digit {
  display: none;
}
.page .book-a-bike-detail.countdown .countdown.seconds .content .countdown .countdown-digit {
  display: block;
}
.page .book-a-bike-detail.countdown .countdown.seconds .content .countdown .countdown-time {
  display: none;
}
.page .book-a-bike-detail.pick-favorite .pick-favorite {
  display: block;
}
.page .book-a-bike-detail.pick-favorite .pick-favorite .head .details,
.page .book-a-bike-detail.pick-favorite .pick-favorite .head .pick-a-favorite {
  display: block;
}
.page .book-a-bike-detail .modal .modals {
  display: block;
}

.page.purchase {
  position: relative;
  background-color: black;
  color: white;
  min-height: 400px;
}
.page.purchase + footer {
  margin-top: 0;
  /*position: static;*/
}
.page.purchase + footer .social-icons {
  visibility: hidden;
}
.page.purchase header {
  padding: 30px 0;
}
.page.purchase header h2 {
  display: table;
}
.page.purchase .rich-content-title {
  min-height: 104px;
}
.page.purchase .alert {
  padding: 40px;
  color: #ce2e2e;
}
.page.purchase .alert h4 {
  text-align: center;
}
.page.purchase a {
  color: white;
  text-transform: uppercase;
  text-decoration: underline;
}
.page.purchase a.button, .page.purchase a.btn-mobile-cta {
  text-decoration: none;
}
.page.purchase h5 {
  text-align: center;
  margin: 20px 0;
}
.page.purchase .button.new-card, .page.purchase .new-card.btn-mobile-cta {
  color: white;
  border: 1px solid #080808;
}
.page.purchase a.button, .page.purchase a.btn-mobile-cta {
  display: inline-block;
  color: #080808;
}
.page.purchase .button[disabled], .page.purchase [disabled].btn-mobile-cta {
  color: #ffffff;
  background-color: #ccc;
  opacity: .5;
}
.page.purchase .payment {
  margin: 20px;
}
.page.purchase .payment div {
  padding: 10px 20px;
  border: 1px solid black;
  margin-bottom: 10px;
  text-align: center;
}
.page.purchase .expiration {
  overflow: auto;
}
.page.purchase .dropdown {
  border-color: rgba(255, 255, 255, 0.5);
}
.page.purchase .expiration-date .select-wrapper {
  width: 50%;
  float: left;
}
.page.purchase .expiration-date .select-wrapper.date {
  display: none;
}
.page.purchase .expiration {
  overflow: auto;
}
.page.purchase .dropdown {
  border-color: rgba(255, 255, 255, 0.5);
}
.page.purchase .disabled {
  border-color: #444;
}
.page.purchase .disabled .option {
  color: #444;
}
.page.purchase .equifit {
  text-align: center;
  position: relative;
  height: 300px;
  padding: 60px;
  overflow: hidden;
}
.page.purchase .equifit img {
  position: absolute;
  top: 0;
  left: 0;
}
.page.purchase .equifit h5,
.page.purchase .equifit p,
.page.purchase .equifit .button.box,
.page.purchase .equifit .btn-mobile-cta {
  position: relative;
  margin-bottom: 1em;
}
.page.purchase .equifit .button.box, .page.purchase .equifit .btn-mobile-cta {
  margin-top: 40px;
  display: inline-block;
  border: none;
}
.page.purchase .equifit .icon-close {
  position: absolute;
  top: 20px;
  right: 20px;
  text-decoration: none;
}
.page.purchase .panel {
  padding: 40px 30px;
}
.page.purchase .full-width {
  width: 100%;
  height: auto;
}
.page.purchase .error {
  color: red;
}
.page.purchase .error input[type="text"],
.page.purchase .error input[type="password"] {
  border: 1px solid red;
}
.page.purchase .error p[data-error] {
  font-size: 12px;
  margin: 10px 0;
}
.page.purchase form .half.error + .half {
  padding-bottom: 22px;
}
.page.purchase form fieldset {
  padding: 0;
}
.page.purchase form fieldset div[data-error] {
  font-size: 14px;
  margin: 4px 0;
}
.page.purchase form fieldset > div {
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px;
  margin-bottom: 15px;
  float: left;
}
.page.purchase form fieldset > div.quarter {
  width: 50%;
}
.page.purchase form fieldset > div label {
  margin-bottom: 4px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.16em;
}
.page.purchase .confirmation .edit {
  display: none;
}
.page.purchase .review-repurchase-info .toggle-sessions-dropdown {
  cursor: pointer;
}
.page.purchase .review-repurchase-info .sessions-dropdown {
  display: none;
}
.page.purchase .review-repurchase-info h3 strong {
  font-size: 13px;
  letter-spacing: 2px;
}
.page.purchase .review-repurchase-info h6 {
  font-size: 16px;
}

.page.add-custom-workout-form {
  position: relative;
  background-color: white;
  color: black;
  min-height: 400px;
  /*form*/
}
.page.add-custom-workout-form .error-area {
  position: relative;
  top: 77px;
}
.page.add-custom-workout-form form {
  /*fieldset*/
}
.page.add-custom-workout-form form fieldset {
  width: 100%;
  padding: 0;
}
.page.add-custom-workout-form form fieldset textarea {
  background: white;
  color: black;
  border: 1px solid black;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.page.add-custom-workout-form form fieldset .distance-label {
  text-align: center;
  margin-top: 34px;
}
.page.add-custom-workout-form form fieldset #distance-holder label span.is-mobile {
  display: inline !important;
}
.page.add-custom-workout-form form .hidden-fields fieldset {
  height: 0px;
  overflow: hidden;
}
.page.add-custom-workout-form form .hidden-fields fieldset.active {
  height: auto;
}
.page.add-custom-workout-form .button-container {
  margin-top: 0px;
}
.page.add-custom-workout-form .button-container button {
  width: 275px;
  cursor: pointer;
}
.page.add-custom-workout-form .button-container button[disabled] {
  opacity: .5;
  cursor: default;
}
.page.add-custom-workout-form .button-container #cancel-bttn {
  display: block;
  font-size: 11px;
  width: 275px;
  margin: -1px auto 0 auto;
}
.page.add-custom-workout-form #workout-date .dropdown {
  width: 33%;
  float: left;
}
.page.add-custom-workout-form .time-holder .time-section {
  float: left;
  width: 28%;
}
.page.add-custom-workout-form .time-holder .time-section.separator-holder {
  width: 3%;
  padding-top: 13px;
  text-align: center;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm {
  text-align: center;
  padding-top: 0px;
  width: 40%;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm a {
  font-size: 20px;
  cursor: pointer;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm .toggle {
  text-decoration: none;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile a i, .page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile a b {
  display: inline-block;
  width: 42%;
  background: #fff;
  border: 1px solid #080808;
  line-height: 54px;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile a b {
  border-left: 0;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile .toggle {
  text-decoration: none;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile .toggle i, .page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile .toggle b {
  transition: background, border-color 0.5s;
  -moz-transition: background, border-color 0.5s;
  -webkit-transition: background, border-color 0.5s;
  -o-transition: background, border-color 0.5s;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile .toggle.on b {
  color: #333;
  border-left: 1px solid #080808;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile .toggle.on i {
  color: #fff;
  background: #7B7B7B;
  border-color: #7B7B7B;
  border-right: 0;
  font-weight: 300;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile .toggle.off b {
  color: #fff;
  background: #7B7B7B;
  border-color: #7B7B7B;
  font-weight: 300;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm.is-mobile .toggle.off i {
  color: #333;
}
.page.add-custom-workout-form .duration-holder {
  clear: left;
}
.page.add-custom-workout-form .duration-holder.is-mobile .workout-duration-other {
  margin-top: 10px;
}
.page.add-custom-workout-form .duration-holder.is-mobile .workout-duration-other #workout-duration-mobile {
  display: inline-block;
  width: 64%;
}
.page.add-custom-workout-form .duration-holder.is-mobile .workout-duration-other .min {
  width: 30%;
  display: inline-block;
  text-align: center;
}
.page.add-custom-workout-form .duration-holder.is-mobile .duration-radio {
  width: 100%;
  text-align: center;
}
.page.add-custom-workout-form .duration-holder.is-mobile .duration-radio div {
  margin: 4px 0 0;
  text-align: left;
}
.page.add-custom-workout-form .duration-holder.is-mobile .duration-radio div span {
  display: inline-block;
  text-align: center;
  width: 31.3%;
  padding: 5px 0;
  border: 1px solid #080808;
  cursor: pointer;
  transition: background, border-color, color 0.5s;
  -moz-transition: background, border-color, color 0.5s;
  -webkit-transition: background, border-color, color 0.5s;
  -o-transition: background, border-color, color 0.5s;
}
.page.add-custom-workout-form .duration-holder.is-mobile .duration-radio div span.active {
  color: #fff;
  background: #7B7B7B;
  border-color: #7B7B7B;
  font-weight: 300;
}
.page.add-custom-workout-form .duration-holder.is-mobile.error .duration-radio div span {
  border-color: #F00;
}
.page.add-custom-workout-form .hidden {
  display: none;
}
.page.add-custom-workout-form #countdown {
  float: right;
}

/*end page*/
.page.schedule .header {
  background-color: black;
  padding: 40px 20px 20px;
}
.page.schedule .header h1 {
  font-size: 25px;
  font-weight: 200;
  color: #fff;
  line-height: 1.7;
  text-align: center;
  padding: 0;
  margin: 0;
}
.page.schedule .header h3 {
  font-size: 16px;
  margin: 20px 0 0;
  color: white;
}
.page.schedule .header .sub-header a {
  font-size: 12px;
  text-align: center;
  display: block;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 0 5px;
}
.page.schedule .content {
  min-height: 300px;
  position: relative;
}
.page.schedule .content .export {
  margin-bottom: 35px;
}
.page.schedule .content .export a {
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: bold;
}
.page.schedule .content .export a .icon-export {
  margin-right: 10px;
  font-size: 16px;
  bottom: -2px;
  position: relative;
}
.page.schedule form fieldset > div {
  padding-bottom: 10px;
}
.page.schedule .trainer-filter {
  background-color: black;
}
.page.schedule .class-module {
  border: none;
}
.page.schedule .class-module.no-padding-bottom {
  padding-bottom: 0;
}
.page.schedule .class-module .underlined-small-link {
  margin-top: 0;
}
.page.schedule textarea {
  width: 90%;
  height: 10em;
  margin-top: 1em;
  resize: none;
  font-size: 14px;
}
.page.schedule .char-counter {
  text-align: left;
  width: 90%;
  margin: 0 auto;
  font-size: 12px;
}
.page.schedule .classes-calendar ul li.disabled a {
  cursor: default;
}
.page.schedule .classes-calendar ul li.disabled a p {
  color: #efefef;
}
.page.schedule .classes-calendar ul li.disabled a p.is-mobile {
  color: black;
}
.page.schedule .classes-calendar ul li.disabled a small {
  color: #efefef;
}
.page.schedule .nav-arrows {
  width: 100%;
  height: 40px;
  position: relative;
  background: #000;
  color: white;
}
.page.schedule .nav-arrows .icon-left-arrow {
  left: 30px;
  color: inherit;
}
.page.schedule .nav-arrows .icon-right-arrow {
  right: 30px;
  color: inherit;
}
.page.schedule .nav-arrows .current-week {
  text-align: center;
  padding-top: 7px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.page.schedule .appointments-list {
  margin-bottom: 40px;
}
.page.schedule .appointments-list li {
  display: none;
  background-color: white;
  border-top: 4px solid #efefef;
  border-left: 4px solid #efefef;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
}
.page.schedule .appointments-list li:nth-child(7n+1) {
  display: block;
}
.page.schedule .appointments-list li.empty {
  display: none;
}
.page.schedule .appointments-list li p {
  margin-bottom: 0;
}
.page.schedule .appointments-list li .wrapper {
  padding: 1.6em 20px;
  display: block;
  position: relative;
  overflow: hidden;
}
.page.schedule .appointments-list li .wrapper.reserved {
  padding: 2.85em 20px;
  color: #999;
}
.page.schedule .appointments-list li .wrapper.scheduled {
  padding: 1em 20px;
  background-color: #7c878e;
  color: white;
}
.page.schedule .appointments-list li .wrapper.available {
  cursor: pointer;
}
.page.schedule .appointments-list li .wrapper .add-appointment {
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
  height: 100%;
  width: 60px;
}
.page.schedule .appointments-list li .wrapper .add-appointment .add {
  position: absolute;
  top: 50%;
  right: 20px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 26px;
}
.page.schedule .original {
  font-size: 16px;
  margin-bottom: 40px;
  text-transform: uppercase;
  color: #7c878e;
}
.page.schedule h3.tier {
  font-size: 22px;
  background-color: #7c878e;
  color: white;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  line-height: 104px;
  text-align: center;
  margin: 0 auto 20px;
}
.page.schedule .buttons {
  margin-bottom: 50px;
}

.page.rewards .tpl-friendswhorecievedpasses,
.page.guest-pass-form .tpl-friendswhorecievedpasses {
  background-color: black;
  color: white;
  margin-bottom: -40px;
}
.page.rewards .tpl-friendswhorecievedpasses .column,
.page.guest-pass-form .tpl-friendswhorecievedpasses .column {
  width: 100%;
}
.page.rewards .tpl-friendswhorecievedpasses h6,
.page.guest-pass-form .tpl-friendswhorecievedpasses h6 {
  margin-bottom: 50px;
}
.page.rewards .refer-header,
.page.guest-pass-form .refer-header {
  margin-bottom: 50px;
}
.page.rewards .refer-header p,
.page.guest-pass-form .refer-header p {
  position: absolute;
  color: white;
  top: 60%;
  width: 100%;
  text-align: center;
}
.page.rewards hr.separator-line,
.page.guest-pass-form hr.separator-line {
  margin: 50px auto;
}
.page.rewards .badge,
.page.guest-pass-form .badge {
  background-color: #7c878e;
  color: white;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  text-align: center;
  margin: 20px auto;
  font-weight: 200;
  font-size: 24px;
  letter-spacing: 2px;
}
.page.rewards .badge span,
.page.guest-pass-form .badge span {
  display: block;
  padding-top: 20px;
}
.page.rewards .underlined-small-link,
.page.guest-pass-form .underlined-small-link {
  margin-top: 1.5em;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
}
.page.rewards .underlined-small-link.white, .page.rewards .underlined-small-link.btn-mobile-cta,
.page.guest-pass-form .underlined-small-link.white,
.page.guest-pass-form .underlined-small-link.btn-mobile-cta {
  color: white;
}
.page.rewards .uppercase,
.page.guest-pass-form .uppercase {
  text-transform: uppercase;
}
.page.rewards .no-padding-bottom,
.page.guest-pass-form .no-padding-bottom {
  padding-bottom: 0;
}
.page.rewards .no-border-top,
.page.guest-pass-form .no-border-top {
  border-top: none;
}
.page.rewards .paragraph p,
.page.guest-pass-form .paragraph p {
  margin-bottom: 50px;
}
.page.rewards .reward-module,
.page.guest-pass-form .reward-module {
  text-align: center;
}
.page.rewards .reward-module:after,
.page.guest-pass-form .reward-module:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.page.rewards .reward-module > div,
.page.guest-pass-form .reward-module > div {
  float: left;
  width: 100%;
}
.page.rewards .reward-module .reward-detail,
.page.guest-pass-form .reward-module .reward-detail {
  text-transform: uppercase;
  padding-bottom: 30px;
}
.page.rewards .reward-module .reward-detail h3,
.page.guest-pass-form .reward-module .reward-detail h3 {
  margin-bottom: 10px;
  font-size: 24px;
}
.page.rewards .reward-module .reward-detail h4,
.page.guest-pass-form .reward-module .reward-detail h4 {
  font-weight: bold;
}
.page.rewards .reward-module .reward-detail p,
.page.guest-pass-form .reward-module .reward-detail p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 200;
  line-height: 26px;
  letter-spacing: 1px;
}

.tpl-calendar {
  margin: 0;
  padding: 0;
}

.loader-error-box {
  min-height: 100px;
  position: relative;
}

.checkin-reminder {
  background: #7D888E;
  color: #fff;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 15px 10px;
  text-align: center;
}
.checkin-reminder a {
  text-decoration: underline;
  margin-left: 10px;
  color: #fff;
}

.main-calendar:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.main-calendar .small-calendar .calendar-box {
  padding: 0;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail .pastEvent {
  color: rgba(124, 135, 142, 0.7);
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail .pastEvent a {
  color: rgba(124, 135, 142, 0.7);
}
.main-calendar .prev-month, .main-calendar .next-month {
  cursor: pointer;
}
.main-calendar .prev-month {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid white;
  position: absolute;
  top: 205px;
  left: 20px;
}
.main-calendar .next-month {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
  position: absolute;
  top: 205px;
  right: 20px;
}
.main-calendar header {
  height: 150px;
  overflow: hidden;
  position: relative;
}
.main-calendar header .main-calendar-header {
  position: absolute;
  top: 52%;
  left: 50%;
  text-align: center;
  padding: 0 20px;
  min-width: 230px;
  /* Fix for safari browsers not calculating title width correctly */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main-calendar header .main-calendar-header h2 {
  font-size: 25px;
  font-weight: 100;
  color: #fff;
}
.main-calendar header .main-calendar-header h3 {
  color: #fff;
  display: none;
}
.main-calendar header .main-calendar-header a.navigation {
  display: none;
  color: #FFFFFF;
  font-size: 20px;
  position: absolute;
  top: 6px;
}
.main-calendar header .main-calendar-header a.navigation.prev {
  left: 0px;
}
.main-calendar header .main-calendar-header a.navigation.next {
  right: 0px;
}

.mobile-calendar-small-container .controls {
  background-color: #000;
  font-size: 12px;
  color: #fff;
  height: 40px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0;
  position: relative;
}
.mobile-calendar-small-container .controls .current-week-text {
  margin-top: 10px;
  font-weight: 700;
}
.mobile-calendar-small-container .controls .current-week-text span {
  font-weight: 400;
  display: block;
}
.mobile-calendar-small-container .controls .prev-week, .mobile-calendar-small-container .controls .next-week {
  position: absolute;
  top: 50%;
  font-size: 16px;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 60px;
  height: 46px;
}
.mobile-calendar-small-container .controls .prev-week:before, .mobile-calendar-small-container .controls .next-week:before {
  display: block;
  padding: 15px 0;
}
.mobile-calendar-small-container .controls .prev-week {
  left: 3px;
}
.mobile-calendar-small-container .controls .next-week {
  right: 3px;
}

.pop-up-wrapper {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.pop-up-wrapper .pop-up-message {
  background-color: #fff;
  border: 1px solid #000;
  position: relative;
  width: 85%;
  min-height: 200px;
  top: 30%;
  margin: 0 auto;
  text-align: center;
}
.pop-up-wrapper .pop-up-message .pop-up-button-container {
  position: absolute;
  bottom: 40px;
  width: 100%;
}
.pop-up-wrapper .pop-up-message h2 {
  margin-bottom: 60px;
  font-weight: 100;
  font-size: 18px;
  letter-spacing: 0;
  text-align: left;
  margin: 20px;
}

.notifications-page .notifications-header {
  background-color: #000;
  padding: 30px 15px;
}
.notifications-page .notifications-header h1 {
  font-size: 24px;
  font-weight: 200;
  text-align: center;
  color: #fff;
}
.notifications-page .notifications-container {
  background-color: #efefef;
  padding: 35px 20px 50px;
}
.notifications-page .notifications-container h2 {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 2px;
}
.notifications-page .notifications-container .notifications {
  margin-top: 35px;
  padding: 60px 10%;
  background-color: #fff;
}
.notifications-page .notifications-container .notifications .notification-group {
  margin-top: 48px;
}
.notifications-page .notifications-container .notifications .notification-group:first-child {
  margin-top: 0;
}
.notifications-page .notifications-container .notifications .notification-group .date {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  text-align: left;
  margin-bottom: 10px;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification {
  padding: 22px 0 38px;
  font-size: 13px;
  border-top: 1px solid #ccc;
  text-transform: uppercase;
  position: relative;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification .time {
  position: absolute;
  right: 0;
  font-size: 14px;
  bottom: 8px;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification:first-child {
  border-top: none;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification.red:before, .notifications-page .notifications-container .notifications .notification-group .notification-list .notification.yellow:before {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  display: block;
  width: 8px;
  height: 8px;
  content: ' ';
  position: absolute;
  left: -16px;
  top: 26px;
  margin-top: 0;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification.red:before {
  background-color: #ea1414;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification.yellow:before {
  background-color: #f6e202;
}
.notifications-page .notifications-container .notifications .button-container .box.button, .notifications-page .notifications-container .notifications .button-container .btn-mobile-cta {
  font-size: 11px;
  letter-spacing: 3px;
  padding: 16px 60px;
}
.notifications-page + footer {
  margin-top: 0;
}

.qblog-logo {
  background-color: #fff;
  width: 90px;
  height: 90px;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 100;
  text-align: center;
  font-size: 68px;
  line-height: 1.3;
}

.carousel {
  min-height: 180px;
}
.carousel .swipe-guide {
  display: none;
}

.carousel-item {
  position: relative;
}
.carousel-item .caption {
  position: absolute;
  top: 50%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.carousel-item .caption h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 4.5px;
  margin-bottom: 10px;
}
.carousel-item .caption h2 {
  font-size: 25px;
  font-weight: 200;
  color: #fff;
}

.qblog-content {
  background-color: #e6e6e6;
  padding: 22px;
}
.qblog-content .article-container article {
  margin-bottom: 20px;
}
.qblog-content .article-container article .article-content {
  background-color: #fff;
  padding: 15px 20px;
}
.qblog-content .article-container article .article-content .article-category, .qblog-content .article-container article .article-content .article-date {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
}
.qblog-content .article-container article .article-content .article-category {
  color: rgba(215, 40, 40, 0.75);
  text-transform: uppercase;
}
.qblog-content .article-container article .article-content .article-date {
  color: rgba(128, 128, 128, 0.75);
}
.qblog-content .article-container article .article-content h2 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.8px;
}
.qblog-content .article-container article .article-content p {
  font-size: 12px;
  letter-spacing: .96px;
  margin: 0;
}
.qblog-content .article-container .article-pager {
  font-size: 0;
  text-align: center;
  margin: 28px 0;
}
.qblog-content .article-container .article-pager li {
  font-size: initial;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
}
.qblog-content .article-container .article-pager li:first-child {
  margin-left: 0;
}
.qblog-content .article-container .article-pager li a {
  font-size: 11px;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
}
.qblog-content .article-container .article-pager li a.active, .qblog-content .article-container .article-pager li a strong {
  color: #333;
}
.qblog-content .main-article {
  background-color: #fff;
  text-align: left;
  margin-bottom: 23px;
}
.qblog-content .main-article .main-article-text {
  padding: 18px;
}
.qblog-content .main-article .main-article-text h3 {
  font-size: 20px;
  text-align: left;
  letter-spacing: .2px;
  margin: 0 0 4px;
}
.qblog-content .main-article .main-article-text small {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}
.qblog-content .main-article .main-article-text .main-article-info {
  margin: 9px 0 35px;
  font-size: 11px;
}
.qblog-content .main-article .main-article-text .main-article-info .author {
  font-weight: 700;
  color: #666;
  text-transform: uppercase;
}
.qblog-content .main-article .main-article-text p {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 18px;
}
.qblog-content .main-article .main-article-text .tags {
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 42px;
}
.qblog-content .main-article .main-article-text .tags a {
  font-size: inherit;
  color: #989898;
}
.qblog-content .main-article .main-article-text .tags span {
  color: #989898;
}
.qblog-content .main-article .main-article-text .article-social {
  margin-top: 25px;
}
.qblog-content .main-article .main-article-text .article-social a, .qblog-content .main-article .main-article-text .article-social span {
  color: #7f7f7f;
}
.qblog-content .main-article .main-article-text .article-social a {
  font-size: 16px;
  font-weight: 700;
  margin-left: 23px;
}
.qblog-content .main-article .main-article-text .article-social a:first-child {
  margin-left: 0;
}
.qblog-content .main-article .main-article-text .article-social span {
  background-color: #e5e5e5;
  font-size: 11px;
  line-height: 2.7;
  text-align: center;
  margin-left: 10px;
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.qblog-content .main-article .main-article-text .article-social span:before {
  content: '';
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #e5e5e5;
  position: absolute;
  top: 50%;
  left: -5px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.qblog-content aside .subscribe, .qblog-content aside .article-excerpt {
  position: relative;
  margin-bottom: 14px;
}
.qblog-content aside .subscribe a, .qblog-content aside .article-excerpt a {
  padding: 23px 20px;
  display: block;
}
.qblog-content aside .subscribe h2, .qblog-content aside .article-excerpt h2 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  width: 80%;
}
.qblog-content aside .subscribe p, .qblog-content aside .article-excerpt p {
  font-size: 11px;
  color: #fff;
  margin: 0;
  width: 80%;
}
.qblog-content aside .subscribe {
  background-color: #dfbb60;
}
.qblog-content aside .article-excerpt a {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

#app-main.activity {
  background: #000;
  position: relative;
}
#app-main.activity #activity-app-page-visual {
  background: #000;
  clear: both;
  position: relative;
}
#app-main.activity #activity-app-page-loading {
  height: 150px;
  display: block;
  position: relative;
  display: none;
}
#app-main.activity + footer {
  margin-top: 0;
}

.background-image-container .overlay {
  display: none;
}

#activity-app-tour-overlay {
  width: 100%;
  position: absolute;
  background: #000;
  opacity: 0.85;
  top: 0;
}

a.activity-tour-close {
  position: absolute;
  right: 20px;
  display: block;
  z-index: 10;
  color: #ccc;
}

#activity-app-tour {
  max-width: 320px;
  margin: 0 auto;
  display: block;
  text-align: center;
  background: #000 url(/assets/images/activity/tour_mobile.jpg) no-repeat center 120px;
  background-size: 320px 136px;
  color: #fff;
  height: 415px;
  position: relative;
  z-index: 10;
}
#activity-app-tour > h1 {
  font-weight: light;
  font-size: 21px;
  font-weight: 200;
  margin: 30px 0 10px;
}
#activity-app-tour > p {
  font-size: 11px;
  text-transform: uppercase;
  width: 80%;
  margin: 0 auto 230px;
}
#activity-app-tour > a {
  color: #fff;
}

.nav-title {
  font-size: 9px;
  font-weight: 700;
  color: #7c878e;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 0;
}

#activity-app-nav {
  width: 100%;
  max-width: 290px;
  margin: 0 auto 25px;
  text-align: center;
}
#activity-app-nav li {
  display: inline-block;
  text-align: center;
  width: 25%;
}
#activity-app-nav li a {
  display: block;
  color: #a3a3a3;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  -webkit-text-size-adjust: none;
}
#activity-app-nav li a:hover, #activity-app-nav li a.selected {
  color: #fff;
  font-weight: 700;
}
#activity-app-nav li a.selected span {
  border-bottom: 1px solid #fff;
}
#activity-app-nav li:first-child {
  margin-left: 0;
}

.dateSelectorBox {
  float: left;
}
.dateSelectorBox.month {
  width: 260px;
}
.dateSelectorBox.year {
  width: 150px;
}
.dateSelectorBox.open {
  background-color: #7d888e;
}

.dateSelector {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 250;
}
.dateSelector .disabled-label {
  display: none;
}
.dateSelector.disabled .disabled-label {
  display: block;
}
.dateSelector.disabled .timeframe-select-current-name {
  display: none;
}
.dateSelector .timeframe-select-current {
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  padding: 20px 0;
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid transparent;
  transition-property: background, border-color;
  transition-duration: .2s;
  transition-delay: .3s;
  cursor: pointer;
}
.dateSelector .timeframe-select-current:hover {
  font-weight: 700;
  color: #fff;
}
.dateSelector .timeframe-select-current > span {
  display: inline-block;
  pointer-events: none;
}
.dateSelector .timeframe-select-current .icon-dropdown {
  font-size: 11px;
  color: #fff;
  transition-property: background-position;
  transition-duration: .2s;
  position: relative;
  top: -1px;
  margin-left: 10px;
  vertical-align: middle;
}
.dateSelector .timeframe-select-options {
  display: none;
  padding: 20px 10px;
  position: absolute;
  background-color: #7d888e;
  max-height: 245px;
  min-width: 120px;
  overflow-y: auto;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 10;
}
.dateSelector .timeframe-select-options .timeframe-select-option {
  margin-bottom: 15px;
}
.dateSelector .timeframe-select-options .timeframe-select-option > a {
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 13px;
  color: #cdd1d1;
}
.dateSelector .timeframe-select-options .timeframe-select-option > a.selected, .dateSelector .timeframe-select-options .timeframe-select-option > a:hover {
  color: #fff;
}
.dateSelector .timeframe-select-options .timeframe-select-option:last-child {
  margin-bottom: 5px;
}
.dateSelector .timeframe-select-options .timeframe-select-option.separator {
  font-size: 12px;
  color: #cdd1d1;
}
.dateSelector.open .timeframe-select-current {
  display: inline-block;
  transition-delay: 0s;
}
.dateSelector.open .timeframe-select-current .timeframe-select-current-arrow {
  background-position: 0 0;
}
.dateSelector.disabled .timeframe-select-current {
  color: rgba(255, 255, 255, 0.5);
}
.dateSelector.disabled .timeframe-select-current .icon-dropdown {
  display: none;
}
.dateSelector .disabled-label {
  display: none;
}
.dateSelector.disabled .disabled-label {
  display: block;
}
.dateSelector.disabled .timeframe-select-current-name {
  display: none;
}

.timeframe-select-overlay {
  position: absolute;
  width: 100%;
  height: 420px;
  top: 0;
  z-index: 1;
  display: none;
}

#activity-app-page-visual .activity-session-drilldown {
  position: absolute;
  top: -55px;
  display: block;
  width: 100%;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0;
  height: 25px;
  background: #000;
  z-index: 255;
}
#activity-app-page-visual .activity-session-drilldown > span {
  display: inline-block;
  pointer-events: none;
}
#activity-app-page-visual .activity-session-drilldown > span.count {
  color: #7A848C;
  margin-left: 10px;
}
#activity-app-page-visual .activity-session-drilldown .activity-session-drilldown-icon {
  top: 2px;
  margin-left: 10px;
}
#activity-app-page-visual .activity-session-drilldown .back-button {
  position: absolute;
  left: 20px;
  color: #FFF;
}
#activity-app-page-visual #activity-canvas {
  position: absolute;
  top: 0;
  left: 0;
}
#activity-app-page-visual #activity-canvas-labels {
  position: absolute;
  top: 0;
  left: 0;
}
#activity-app-page-visual #activity-canvas-labels p.label {
  position: absolute;
  margin: 0;
  color: #fff;
  width: 20px;
  line-height: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  pointer-events: none;
}
#activity-app-page-visual #activity-canvas-labels p.label.small {
  font-size: 8px;
}
#activity-app-page-visual .activity-canvas-info-wrapper {
  position: absolute;
  width: 100%;
  top: 105px;
  pointer-events: none;
}
#activity-app-page-visual .activity-canvas-info-wrapper .activity-canvas-info {
  width: 90px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 8px;
  color: #fff;
  padding-top: 50px;
  background: no-repeat top center;
  background-size: 40px 40px;
}
#activity-app-page-visual .activity-canvas-info-wrapper.no-text {
  top: 116px;
}

#activity-app-page-visual .no-sessions-activity {
  background: url(/assets/images/activity/zero_sessions_mobile.jpg) no-repeat top center;
  background-size: 264px 261px;
  height: 11px;
  margin: 20px 0 40px;
  padding: 125px 0;
  width: 100%;
  font-size: 8px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
#activity-app-page-visual #activity-svg-container {
  overflow-x: scroll;
  padding-bottom: 25px;
}
#activity-app-page-visual #activity-svg-container #activity-svg circle {
  fill: #333f48;
  cursor: pointer;
}
#activity-app-page-visual #activity-svg-container #activity-svg circle.circle-empty {
  fill: #000;
  stroke: #414547;
  stroke-width: 2px;
  cursor: default;
}
#activity-app-page-visual #activity-svg-container #activity-svg text {
  fill: #82898e;
  font-weight: 700;
  font-size: 8px;
  text-transform: uppercase;
  pointer-events: none;
}
#activity-app-page-visual #activity-svg-container #activity-svg image {
  pointer-events: none;
}

#activity-app-page-list {
  background: #efefef;
  clear: both;
  position: relative;
  padding: 22px 0 50px;
}
#activity-app-page-list.with-month-navigation {
  padding-bottom: 0px;
}
#activity-app-page-list.with-month-navigation .list-title {
  margin-bottom: 30px;
}
#activity-app-page-list.with-month-navigation .list-top-arrow {
  display: none;
}
#activity-app-page-list .close-list {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 3%;
}
#activity-app-page-list .list-title-container {
  text-align: center;
}
#activity-app-page-list .list-title-container .list-title, #activity-app-page-list .list-title-container a {
  display: inline-block;
}
#activity-app-page-list .list-title-container a::before {
  position: relative;
  top: -2px;
}
#activity-app-page-list .list-title {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 15px 16px;
}
#activity-app-page-list .data-instructions {
  color: #9B9B9B;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 20px;
}
#activity-app-page-list .energy-summary {
  font-size: 14px;
  margin: 0 auto 45px auto;
  text-align: center;
  width: 85%;
}
#activity-app-page-list .list-sub-title {
  font-size: 12px;
  font-weight: 700;
  color: #000;
  width: 40px;
  margin: 0 0 0 5px;
  text-align: center;
}
#activity-app-page-list .list-top-arrow {
  position: absolute;
  top: -7px;
  left: 49%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 7px 8px;
  border-color: transparent transparent #efefef transparent;
}
#activity-app-page-list .list-container {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  padding: 9px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#activity-app-page-list .list-container.body-fat-active .body-fat-label {
  display: block !important;
}
#activity-app-page-list .list-container.body-fat-active .list-item-info-classtime {
  display: none !important;
}
#activity-app-page-list .list-container .list-timeline {
  height: -webkit-calc(100% - 30px);
  height: -moz-calc(100% - 30px);
  height: calc(100% - 30px);
  width: 0px;
  border-right: 2px solid #d0d3d3;
  position: absolute;
  left: 20px;
}
#activity-app-page-list .list-container .list-item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
#activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values {
  letter-spacing: 2px;
}
#activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-name {
  margin-bottom: 8px;
}
#activity-app-page-list .list-container .list-item > a {
  display: block;
  position: relative;
}
#activity-app-page-list .list-container .list-item:last-child {
  margin-bottom: 0;
}
#activity-app-page-list .list-container .list-item .list-item-date {
  display: inline-block;
  vertical-align: middle;
}
#activity-app-page-list .list-container .list-item .list-item-date .list-item-date-circle {
  width: 38px;
  margin: 0 auto;
  height: 12px;
  line-height: 12px;
  background: #333f48;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 13px 0;
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  border-radius: 19px;
}
#activity-app-page-list .list-container .list-item .list-item-info {
  margin: 0 0 0 23px;
  display: inline-block;
  width: 87%;
  position: relative;
  vertical-align: middle;
}
#activity-app-page-list .list-container .list-item .list-item-info.link-to-detail {
  cursor: pointer;
}
#activity-app-page-list .list-container .list-item .list-item-info:before {
  content: " ";
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
  right: 100%;
  top: 50%;
  position: absolute;
  height: 0;
  width: 0;
}
#activity-app-page-list .list-container .list-item .list-item-info:after {
  display: none;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values {
  padding: 20px;
  background: #fff;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values .transformNormal {
  display: inline;
  text-transform: none !important;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values span {
  display: block;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values span.list-item-info-location:before {
  content: "/" !important;
  margin: 0 3px;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values span.list-item-info-location, #activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values span.list-item-info-classtime {
  display: inline;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values .list-item-info-name {
  font-weight: 700;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values .list-item-info-metrics.distance {
  display: block;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values .list-item-info-metrics.distance.same-line {
  display: inline;
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values .list-item-info-metrics.distance.same-line:before {
  content: ' / ';
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values .list-item-info-energy {
  font-size: 11px;
  right: 14px;
  top: 50%;
  position: absolute;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#activity-app-page-list .list-container .list-item .list-item-info .list-item-info-values .list-item-info-energy strong {
  font-size: 14px;
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values span:before, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values span:before, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values span:before, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values span:before {
  content: '';
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .body-fat-label, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .body-fat-label, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .body-fat-label, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .body-fat-label {
  display: none;
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .facility-name-label, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .facility-name-label, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .facility-name-label, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .facility-name-label {
  font-size: 12px;
  margin-top: 8px;
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .list-item-info-date, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .list-item-info-date, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-date, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .list-item-info-date {
  font-size: 14px;
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .facility-name-label,
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .list-item-info-date, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .facility-name-label,
#activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .list-item-info-date, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .facility-name-label,
#activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-date, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .facility-name-label,
#activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .list-item-info-date {
  color: #7c878e;
  display: block;
  letter-spacing: 2px;
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .list-item-info-name, #activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .list-item-info-instructor, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .list-item-info-name, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .list-item-info-instructor, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-name, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-instructor, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .list-item-info-name, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .list-item-info-instructor {
  display: block;
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .list-item-info-classtime, #activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .list-item-info-location, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .list-item-info-classtime, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .list-item-info-location, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-classtime, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-location, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .list-item-info-classtime, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .list-item-info-location {
  display: inline;
}
#activity-app-page-list .list-container .list-item.workout .list-item-info .list-item-info-values .list-item-info-location:before, #activity-app-page-list .list-container .list-item.checkin .list-item-info .list-item-info-values .list-item-info-location:before, #activity-app-page-list .list-container .list-item.weight .list-item-info .list-item-info-values .list-item-info-location:before, #activity-app-page-list .list-container .list-item.default .list-item-info .list-item-info-values .list-item-info-location:before {
  content: ' / ';
}
#activity-app-page-list .list-container .list-item.workout .list-item-date .list-item-date-circle, #activity-app-page-list .list-container .list-item.checkin .list-item-date .list-item-date-circle, #activity-app-page-list .list-container .list-item.weight .list-item-date .list-item-date-circle, #activity-app-page-list .list-container .list-item.default .list-item-date .list-item-date-circle {
  width: 11px;
  height: 0px;
  padding: 5px 0;
}
#activity-app-page-list .list-container .load-more-sessions {
  font-size: 12px;
  font-weight: 700;
  color: #7c878e;
  border-bottom: 1px solid #000;
  position: absolute;
  bottom: -20px;
  left: 50%;
  text-transform: uppercase;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#activity-app-page-list .month-container {
  overflow: hidden;
  -moz-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
  max-height: 56px;
}
#activity-app-page-list .month-container .month_list {
  overflow: hidden;
}
#activity-app-page-list .month-container .month_list:last-child {
  margin-bottom: 0;
}
#activity-app-page-list .month-container .month.navigation {
  text-align: center;
  border-top: 1px solid #CCC;
  color: #7c878e;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px 0;
}
#activity-app-page-list .month-container .get-more {
  color: #7c878e;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
}
#activity-app-page-list .month-container.expanded {
  max-height: 5000px;
}
#activity-app-page-list .month-container.expanded .month.navigation {
  color: #000;
  cursor: default;
  padding-left: 5%;
  text-align: left;
  /*span {
  	@include translateX(-46%);
  	display: block;
  }*/
}

#activity-app-page-visual .activity-bar-chart {
  width: 90%;
  margin: 0 auto;
  position: relative;
  height: 190px;
  margin-bottom: 20px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-axis {
  position: absolute;
  width: 100%;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-axis .activity-bar-chart-axis-label {
  height: 39px;
  border-bottom: 1px solid #666666;
  width: 100%;
  position: relative;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-axis .activity-bar-chart-axis-label .activity-bar-chart-axis-label-value {
  position: absolute;
  font-size: 10px;
  width: 20px;
  text-align: right;
  left: -25px;
  bottom: -.5em;
  color: #888888;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-axis .activity-bar-chart-axis-label:first-child {
  height: 0px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars {
  width: 100%;
  position: relative;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars .activity-bar-chart-bar {
  width: 2%;
  margin: 0 .6%;
  display: block;
  float: left;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars .activity-bar-chart-bar .activity-bar-chart-bar-activities .activity-bar-chart-bar-activity {
  background: #323f48;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars .activity-bar-chart-bar .activity-bar-chart-bar-activities .activity-bar-chart-bar-activity.app {
  background: #7d888e;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars .activity-bar-chart-bar .activity-bar-chart-bar-label {
  font-size: 10px;
  color: #000;
  font-weight: 700;
  margin-top: 5px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars .activity-bar-chart-bar .activity-bar-chart-bar-label .activity-bar-chart-bar-label-today {
  text-transform: uppercase;
  position: relative;
  left: -20px;
  top: 15px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars .activity-bar-chart-bar .activity-bar-chart-bar-label.highlight-monday {
  color: #7f7f7f;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-bars .activity-bar-chart-bar .activity-bar-chart-bar-label.highlight-today {
  color: #fff;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-best {
  display: none;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip {
  display: none;
}
#activity-app-page-visual .activity-bar-chart-info {
  width: 90%;
  margin: 0 auto;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total .activity-bar-chart-total-label {
  display: inline-block;
  text-align: right;
  opacity: .7;
  font-size: 9px;
  font-weight: 700;
  width: 50px;
  margin-right: 10px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total .activity-bar-chart-total-value {
  font-size: 25px;
  font-weight: 200;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total .activity-bar-chart-total-metric {
  font-size: 9px;
  font-weight: 200;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key {
  text-align: center;
  margin-bottom: 30px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key .activity-bar-chart-key-item {
  color: #c3c5c5;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key .activity-bar-chart-key-item .activity-bar-chart-key-item-color {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
  background: #323f48;
  margin-right: 6px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key .activity-bar-chart-key-item .activity-bar-chart-key-item-color.app {
  background: #7d888e;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key .activity-bar-chart-key-item:first-child {
  margin-right: 10px;
}

#activity-app-page-visual #activity-best-progress {
  margin: 0 auto 30px;
}
#activity-app-page-visual .activity-current-best {
  width: 100%;
  text-align: center;
  color: #d0d3d3;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
#activity-app-page-visual .activity-current-progress {
  width: 100%;
  position: absolute;
  text-align: center;
  color: #000;
  top: 120px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-total {
  text-transform: uppercase;
  color: #a5a5a5;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-new {
  text-transform: uppercase;
  color: #ff5c1c;
  font-weight: 700;
  font-size: 16px;
  display: none;
  margin-bottom: 0px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-value {
  font-weight: 200;
  text-transform: uppercase;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-value .activity-current-progress-amount {
  font-size: 74px;
  line-height: 60px;
  letter-spacing: -4px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-value .activity-current-progress-unit {
  font-size: 18px;
  margin-left: 10px;
}
#activity-app-page-visual .empty-activity-container {
  padding: 0 20px 20px 20px;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
}
#activity-app-page-visual .empty-activity-container p {
  line-height: 26px;
}
#activity-app-page-visual .empty-activity-container .plus {
  display: inline-block;
  font-weight: bold;
}
#activity-app-page-visual .empty-activity-container .plus:after {
  content: "+";
  display: inline-block;
  border-radius: 20px;
  border: solid 2px #1aeca9;
  color: #1aeca9;
  font-weight: lighter;
  font-size: 22px;
  line-height: 0.85;
  width: 20px;
  height: 20px;
  margin: -3px 5px 0 5px;
  vertical-align: middle;
}

#activity-app-page-connect {
  color: #fff;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
  padding: 40px 0;
}
#activity-app-page-connect > h3 {
  font-size: 15px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 40px;
}
#activity-app-page-connect .activity-connect-section {
  display: block;
  padding: 20px 0;
}
#activity-app-page-connect .activity-connect-section > h4 {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#activity-app-page-connect .activity-connect-section > p {
  font-size: 12px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: 25px;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps {
  margin-bottom: 30px;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps li {
  font-size: 11px;
  font-weight: 200;
  text-transform: uppercase;
  display: inline-block;
  width: 25%;
  color: #a3a3a3;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps li span {
  display: block;
  width: 30px;
  height: 30px;
  margin: 5px auto 10px;
  background: url(/assets/images/activity/connect_devices_mobile.jpg) no-repeat top left;
  background-size: 126px 26px;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps li.activity-connect-img-fitbit span {
  background-position: 0 2px;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps li.activity-connect-img-withings span {
  background-position: -29px 2px;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps li.activity-connect-img-jawbone span {
  width: 40px;
  background-position: -64px 2px;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps li.activity-connect-img-more span {
  width: 20px;
  background-position: -107px 2px;
}
#activity-app-page-connect .activity-connect-section > a {
  text-decoration: underline;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}
#activity-app-page-connect .activity-connect-section.connect-apps:after {
  content: "";
  width: 50px;
  height: 1px;
  display: block;
  background: #fff;
  margin: 0 auto;
}

/* Activity Cycling Category - Top Message module */
.upper-cycling-module {
  padding: 18px 0 23px;
  position: relative;
}
.upper-cycling-module .upper-cycling-module-title {
  border-bottom: 1px solid #4a4b49;
}
.upper-cycling-module .back-button {
  color: #fff;
  display: block;
  margin-left: 9px;
  top: 39px;
  position: absolute;
}
.upper-cycling-module .color-button-box {
  padding: 32px 18px;
  background-color: #242c33;
  text-align: center;
  padding: 32px 18px;
  position: relative;
}
.upper-cycling-module .color-button-box .close {
  font-size: 13px;
  color: #c1c1c1;
  border: none;
  position: absolute;
  top: 18px;
  right: 12px;
}
.upper-cycling-module .color-button-box .color-title {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.upper-cycling-module .color-button-box .color-title.green p {
  color: #1aeca9;
}
.upper-cycling-module .color-button-box .color-title.green p span {
  margin-right: 7px;
}
.upper-cycling-module .color-button-box .color-title.green p span:before {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}
.upper-cycling-module .color-button-box .color-title.red p {
  color: #ff1313;
}
.upper-cycling-module .color-button-box .color-title.red p span {
  margin-right: 7px;
}
.upper-cycling-module .color-button-box .color-title.red p span:before {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}
.upper-cycling-module .color-button-box .color-title > p {
  font-size: 18px;
  margin-bottom: 11px;
}
.upper-cycling-module .color-button-box p {
  font-size: 12px;
  color: #c1c1c1;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin-bottom: 0;
  padding: 0 7%;
}
.upper-cycling-module .color-button-box > a {
  display: block;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

/* Activity Cycling Category - Energy Bar Stats module */
.graphic-bar-module {
  padding-bottom: 30px;
  min-height: 430px;
}
.graphic-bar-module .small-menu > li .month .timeframe-select-current {
  font-size: 11px;
  font-weight: 700;
}
.graphic-bar-module .small-menu > li .month .timeframe-select-options {
  min-width: 161px;
}
.graphic-bar-module .small-menu > li .year .timeframe-select-current {
  padding-left: 10px;
}
.graphic-bar-module .small-menu > li .year .timeframe-select-options {
  min-width: 90px;
}
.graphic-bar-module .small-menu > li .allTimeTitle h3 {
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 0;
}
.graphic-bar-module .dateSelector {
  width: 100%;
}
.graphic-bar-module .dateSelector .timeframe-select-options .timeframe-select-option {
  display: block;
}
.graphic-bar-module .dateSelector .timeframe-select-options .timeframe-select-option a {
  padding: 0;
}
.graphic-bar-module .dateSelector .timeframe-select-current {
  padding-bottom: 0;
}
.graphic-bar-module .dateSelector .timeframe-select-current .icon-dropdown {
  border-right: 1px solid #fff;
  padding-right: 10px;
}
.graphic-bar-module .dateSelector .timeframe-select-options {
  display: block;
}
.graphic-bar-module .activity-select {
  font-size: 21px;
  padding-top: 40px;
}
.graphic-bar-module .select-arrow {
  font-size: 12px;
  vertical-align: middle;
}
.graphic-bar-module .allTimeTitle h3 {
  color: #fff;
}
  display: block;
  min-height: 201px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  width: 90%;
  margin: 0 auto;
  overflow-x: scroll;
  /* &.year {
  	overflow-x: visible;
  	.graph-container {
  		min-width: 0px;
  		max-width: 500px;
  		width: 100%;
  	}
  } */
}
.graphic-bar-module .graphic-result-container .graphic-bar .graph-container {
  min-width: 800px;
}
.graphic-bar-module .graphic-result-container .results-container {
  text-transform: uppercase;
  text-align: center;
  padding: 23px 0 51px;
}
.graphic-bar-module .graphic-result-container .results-container .two-row-container {
  display: block;
  margin: 0 auto;
  max-width: 300px;
}
.graphic-bar-module .graphic-result-container .results-container .two-row-container .stat-item {
  float: left;
}
.graphic-bar-module .graphic-result-container .results-container .two-row-container .stat-item:last-child {
  float: right;
}
.graphic-bar-module .graphic-result-container .results-container .three-row-container .stat-item {
  display: inline-block;
  width: 31%;
}
.graphic-bar-module .graphic-result-container .results-container .three-row-container .stat-item span.measure {
  float: none;
}
.graphic-bar-module .graphic-result-container .results-container .three-row-container .stat-item span.measure .measure-title {
  font-size: 11px;
  text-align: right;
  margin-right: 4px;
  width: 50%;
  max-width: 60px;
}
.graphic-bar-module .graphic-result-container .results-container .three-row-container .stat-item span.measure .measure-title:after {
  display: none;
}
.graphic-bar-module .graphic-result-container .results-container .three-row-container .stat-item span.measure span {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
  float: none;
}
.graphic-bar-module .graphic-result-container .results-container span {
  font-size: 12px;
  color: #fff;
}
.graphic-bar-module .graphic-result-container .results-container span.measure {
  float: left;
}
.graphic-bar-module .graphic-result-container .results-container span.measure .measure-title {
  color: #7c878e;
  margin-right: 5px;
}
.graphic-bar-module .graphic-result-container .results-container span.measure .measure-title:after {
  content: ":";
  font-size: 12px;
  color: #7c878e;
}
.graphic-bar-module .graphic-result-container .results-container span.measure .measure-type {
  display: none;
}
.graphic-bar-module .graphic-result-container .results-container span.measure:last-child {
  float: right;
}
.graphic-bar-module .graphic-result-container .results-container span.measure span.unit {
  text-transform: none;
}
.graphic-bar-module .graphic-result-container .results-container span.val, .graphic-bar-module .graphic-result-container .results-container span.unit {
  float: left;
}

/* Activity Cycling Category - Stats Comparision module */
.compare-columns {
  padding: 47px 0 100px;
}
.compare-columns.ride-stats {
  padding: 30px 0 0;
}
.compare-columns.ride-stats h3 {
  font-weight: 200;
  color: #fff;
  margin: 0;
}
.compare-columns ul {
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  width: 38.7%;
}
.compare-columns ul.col-1, .compare-columns ul.col-2 {
  vertical-align: top;
}
.compare-columns ul.col-1 li, .compare-columns ul.col-2 li {
  font-size: 30px;
  font-weight: 200;
  height: 71px;
  position: relative;
}
.compare-columns ul.col-1 li div, .compare-columns ul.col-2 li div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.compare-columns ul.col-1 li > span, .compare-columns ul.col-2 li > span {
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.compare-columns ul.col-1 li.title, .compare-columns ul.col-2 li.title {
  font-size: 13px;
  font-weight: 400;
  height: auto;
  margin: 0 0 22px;
}
.compare-columns ul.divider {
  width: 20%;
  margin-top: 55px;
  display: inline-block;
}
.compare-columns ul.divider li {
  font-size: 11px;
  height: 71px;
  position: relative;
}
.compare-columns ul.divider li div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Personal Bests Module */
.personal-bests {
  background-color: #fff;
  padding: 45px 27px;
}
.personal-bests h3 {
  font-size: 24px;
}
.personal-bests .navigation {
  display: block;
}
.personal-bests .slide-prev, .personal-bests .slide-next {
  position: absolute;
  top: 185px;
  font-size: 20px;
}
.personal-bests .slide-prev {
  left: 20px;
}
.personal-bests .slide-next {
  right: 20px;
}
.personal-bests .main-best-ride .best-ride-container {
  text-align: center;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container {
  margin-top: 15px;
  border-top: 1px solid #bdc1c4;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul {
  margin-top: -17px;
  text-align: center;
  text-transform: uppercase;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li {
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 32px;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.icon-star-slim {
  font-size: 30px;
  color: #333f48;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.icon-star-slim:before {
  background-color: #fff;
  padding: 0 14px;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.result {
  margin-bottom: 8px;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.result span.measure {
  font-size: 48px;
  font-weight: 200;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.result span.measure > span {
  font-size: 32px;
  font-weight: 200;
  text-transform: none;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.result span.unit {
  text-transform: none;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container ul li.small {
  line-height: 17px;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .detail-link {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: underline;
  text-transform: uppercase;
}

/* Activity Cycling Category - Milestones and Leaderboard */
.cycling-extra-user-milestones .common-cta-module {
  padding: 45px 27px 102px;
}
.cycling-extra-user-milestones .common-cta-module .milestone-item .image {
  width: 112px;
}
.cycling-extra-user-milestones .common-cta-module .milestone-item .image:after {
  content: '';
  width: 100px;
  height: 5px;
  margin: auto;
  display: block;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.cycling-extra-user-milestones .common-cta-module nav a {
  display: block;
}

.common-cta-module {
  padding: 45px 0 102px;
  background-color: #FFF;
  border-top: 1px solid #b2b2b2;
}
.common-cta-module h3 {
  margin-bottom: 10px;
}
.common-cta-module p {
  font-size: 12px;
  text-align: center;
  margin: 0 30px 26px;
}
.common-cta-module > a {
  display: block;
  margin: 0 28px;
}

.main-content.cycling-leaders {
  display: block;
  margin: 0 auto;
  max-width: 470px;
}
.main-content.col-3 ul, .main-content .three-circles-container ul {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: top;
  width: 32.5%;
}
.main-content .three-circles-container {
  display: block;
  margin: 0 auto;
  max-width: 470px;
}
.main-content .three-circles-container ul {
  margin-bottom: 0;
}
.main-content .three-circles-container ul:first-child {
  display: inline-block;
}
.main-content ul {
  text-align: center;
  margin-bottom: 28px;
  display: none;
}
.main-content ul:first-child {
  display: block;
}
.main-content ul li {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 10px;
}
.main-content ul li.medium-font {
  font-size: 12px;
  color: #7c878e;
  margin-top: 5px;
}
.main-content ul li.small-font {
  font-size: 11px;
}
.main-content ul .image {
  width: 110px;
  margin: 0 auto 5px;
  padding: 0;
}
.main-content ul .rounded-image {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  width: 110px;
  height: 110px;
  margin: 0 auto 18px;
  padding: 0;
}
.main-content ul .rounded-image.small {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  width: 76px;
  height: 76px;
  margin-top: 17px;
  margin-bottom: 35px;
}
.main-content ul .rounded-image.grey-circle {
  background-color: #333f48;
}
.main-content ul .rounded-image.rounded-button {
  background-color: #1f262b;
}

.empty-milestone-container {
  padding: 30px 0 45px;
  text-align: center;
}
.empty-milestone-container span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.empty-milestone-container p {
  font-size: 12px;
  margin-bottom: 0;
}

.timeline-container {
  text-align: center;
  margin-bottom: 5px;
}
.timeline-container .timeline-wrapper {
  display: table;
  margin: 0 auto;
  position: relative;
  height: 25px;
}
.timeline-container .timeline-wrapper .timeline {
  border-top: 1px solid #919595;
  position: absolute;
  top: 11px;
  left: 0;
}
.timeline-container .timeline-wrapper .timeline-items {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-container .timeline-wrapper .timeline-items li {
  display: inline-block;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  padding: 0 0 0 4px;
  position: relative;
  vertical-align: middle;
  z-index: 10;
}
.timeline-container .timeline-wrapper .timeline-items li:first-child {
  padding: 0 4px 0 0;
}
.timeline-container .timeline-wrapper .timeline-items li span {
  display: block;
  border: 1px solid #cdd0d0;
  background-color: #fff;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  width: 5px;
  height: 5px;
}
.timeline-container .timeline-wrapper .timeline-items li span.grey-item {
  background-color: #b4b7b7;
  border: 1px solid #b4b7b7;
}
.timeline-container .timeline-wrapper .timeline-items li span.yellow-item {
  background-color: #d2b163;
  border: 1px solid #d2b163;
}
.timeline-container .timeline-wrapper .timeline-items li span.black-item {
  background-color: #334046;
  border: 1px solid #334046;
}
.timeline-container .timeline-wrapper .timeline-items li.big-item span {
  width: 9px;
  height: 9px;
}
.timeline-container p {
  font-size: 12px;
  color: #676767;
  margin: 7px 0 0;
}
.timeline-container p .next-distance {
  font-weight: 700;
  text-transform: uppercase;
}

.half-module {
  background-color: #fff;
}
.half-module .image-wrapper {
  height: 214px;
  overflow: hidden;
  width: 100%;
}
.half-module .group-cycling {
  padding: 35px 27px;
  text-align: center;
}
.half-module .group-cycling h6 {
  font-size: 29px;
  font-weight: 200;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.half-module .group-cycling h6 small {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
}
.half-module .group-cycling p {
  line-height: 23px;
  margin-bottom: 26px;
}

/* Activity Cycling - Extra elements */
.black-bg {
  background-color: #000;
  color: #fff;
}
.black-bg.compare-columns ul.col-1 li span.date-info-last, .black-bg.compare-columns ul.col-1 li span.date-info-best, .black-bg.compare-columns ul.col-2 li span.date-info-last, .black-bg.compare-columns ul.col-2 li span.date-info-best {
  font-weight: 700;
  font-size: 12px;
}
.black-bg.compare-columns ul.col-1 li span.date-info-last, .black-bg.compare-columns ul.col-2 li span.date-info-last {
  color: #7c878e;
}
.black-bg.compare-columns ul.col-1 li span.date-info-best, .black-bg.compare-columns ul.col-2 li span.date-info-best {
  color: #333f48;
}
.black-bg.compare-columns ul.divider {
  color: #595959;
  font-weight: 700;
}

.bold {
  font-weight: 700;
}

.small-menu {
  display: block;
  margin: 0 auto;
  width: auto;
  display: table;
}
.small-menu:last-child {
  border-top: 1px solid #484848;
  border-bottom: 0;
  clear: both;
}
.small-menu.lower li {
  vertical-align: middle;
  width: 33.33%;
}
.small-menu.lower li a.selected span {
  font-weight: 700;
  position: relative;
}
.small-menu.upper {
  margin-bottom: 30px;
}
.small-menu.upper > li > a.selected {
  display: none;
}
.small-menu.upper > li > a.selected span {
  font-weight: 700;
  position: relative;
}
.small-menu.upper > li > a.selected span:before, .small-menu.upper > li > a.selected span:after {
  top: 28px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.small-menu.upper > li > a.selected span:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #808080;
  border-width: 7px;
  margin-left: -7px;
}
.small-menu.upper > li > a.selected span:after {
  border-color: transparent;
  border-top-color: #000000;
  border-width: 6px;
  margin-left: -6px;
}
.small-menu li {
  display: inline-block;
}
.small-menu li a {
  display: block;
  padding: 14px 0;
}
.small-menu li a span {
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  display: block;
  border-right: 1px solid #fff;
  padding: 0 25px;
}
.small-menu li a.selected span {
  font-weight: 700;
}
.small-menu li:last-child a span {
  border-right: 0;
}

.allTimeTitle {
  margin-top: 25px;
}

.activity-session-drilldown-icon {
  display: inline-block;
  margin-bottom: 3px;
  margin-left: 5px;
  width: 15px;
  height: 11px;
  background: url("../images/activity/date_selector_sprite.png") no-repeat 0 -18px;
  background-size: 15px 30px;
  position: relative;
}

.activity-select {
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0;
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid transparent;
  transition-property: background, border-color;
  transition-duration: .2s;
  transition-delay: .3s;
}
.activity-select .current-category {
  display: inline-block;
  pointer-events: none;
  font-weight: 200;
}
.activity-select .select-arrow {
  font-size: 12px;
  vertical-align: middle;
}

/* Other activities module */
.activities-module {
  padding: 48px 0;
}
.activities-module ul {
  margin-bottom: 0;
}
.activities-module ul li.bold {
  font-size: 11px;
}
.activities-module ul li.rounded-image > img {
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto;
  padding: 32px 0;
}
.activities-module ul li.small > img {
  width: 39px;
  height: 39px;
}
.activities-module ul li.rounded-button a {
  color: #7c878e;
  display: block;
  font-size: 22px;
  padding: 28px 0;
  width: 100%;
}

.black-content {
  color: #7c878e;
}

footer.activity {
  margin-top: 0;
}

body.activity {
  background-color: #000;
}

/**---- Activity Cycling Details Section ----**/
.detail-header {
  background: #FFF;
}
.detail-header .header-wrapper {
  height: 190px;
  overflow: hidden;
  position: relative;
}
.detail-header .header-wrapper .overlay {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.detail-header .header-wrapper > a {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 18px;
  left: 20px;
  z-index: 10;
}
.detail-header .header-wrapper .activity-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 60px;
  z-index: 10;
}
.detail-header .title-cta-module {
  text-align: center;
  padding: 34px 20px;
  		/*.instructor {
  			display: block;
  			font-size: 14px;
  			letter-spacing: 1px;
  			margin-bottom: 28px;
  			text-transform: uppercase;
  		}
  
  		p {
  			font-size: 12px;
  			margin-bottom: 0;
  		}*/
}
.detail-header .title-cta-module h3 {
  font-size: 32px;
  letter-spacing: 4px;
  margin-bottom: 0;
}
.detail-header .title-cta-module h3 small {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 6px;
}
.detail-header .title-cta-module .class-info {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.detail-header .title-cta-module nav {
  margin-top: 23px;
}

.class-results-container .class-results {
  border-top: 1px solid #b2b2b2;
  background: #fff;
}
.class-results-container .class-results .results-columns .result-row {
  padding: 0 30px;
}
.class-results-container .class-results .results-columns .result-row ul {
  border-bottom: 1px solid #b2b2b2;
  padding: 34px 0;
  text-align: center;
}
.class-results-container .class-results .results-columns .result-row ul li {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.class-results-container .class-results .results-columns .result-row ul li:first-child {
  font-weight: 700;
}
.class-results-container .class-results .results-columns .result-row ul li.position p {
  font-size: 56px;
  font-weight: 200;
  margin-bottom: 8px;
}
.class-results-container .class-results .results-columns .result-row ul li.position p sup {
  font-size: 23px;
  font-weight: 400;
  vertical-align: super;
}
.class-results-container .class-results .results-columns .secondary-info {
  padding: 0 30px;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container {
  border-bottom: 1px solid #b2b2b2;
  padding: 34px 0;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul {
  display: inline-block;
  width: 49.2%;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul:first-child {
  margin-bottom: 36px;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul li {
  text-align: center;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul li p {
  font-size: 30px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 0;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul li p span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul li p sub {
  font-size: 20px;
}
.class-results-container .class-results .results-columns .class-award {
  padding: 34px 28px 33px;
  text-align: center;
}
.class-results-container .class-results .results-columns .class-award p {
  font-size: 12px;
  margin-bottom: 16px;
}
.class-results-container .class-results .results-columns .class-award > img {
  width: 80px;
}
.class-results-container .class-results .results-columns .sharing {
  display: block;
  padding: 0 28px 45px;
  text-align: center;
}
.class-results-container .class-results .results-columns .sharing p {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.class-results-container .class-results .results-columns .sharing .sharing-icon {
  padding: 0 10px;
}

.class-stats-container {
  padding-bottom: 23px;
  background-color: #000;
  position: relative;
}
.class-stats-container .color-reference {
  position: absolute;
  top: 120px;
  right: 20px;
}
.class-stats-container .color-reference p {
  font-size: 12px;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  color: #7c878e;
  margin: 0 0 5px;
}
.class-stats-container .color-reference p span {
  background-color: #373e47;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 10px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.class-stats-container .graphic {
  margin: 35px 0 35px;
}
.class-stats-container .graphic .canvas-container {
  position: relative;
  box-sizing: border-box;
  padding: 22px 0;
}
.class-stats-container .graphic-stats {
  overflow: hidden;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}
.class-stats-container .graphic-stats > div {
  float: left;
  width: 50%;
}
.class-stats-container .graphic-stats span {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ccc;
}
.class-stats-container .graphic-stats p {
  font-size: 30px;
  color: #d0d3d3;
  letter-spacing: 1.2px;
  line-height: 106%;
  margin-top: 5px;
  text-transform: uppercase;
}

.comparision-milestones-module {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.months-container .month.navigation > span {
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.activity-app-timeframe-select {
  display: block;
  padding: 0 20px;
  text-align: center;
}
.activity-app-timeframe-select .monthAndYearBox {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.activity-app-timeframe-select .dateSelectorBox {
  float: none;
  display: inline-block;
}
.activity-app-timeframe-select .dateSelectorBox.month, .activity-app-timeframe-select .dateSelectorBox.year {
  width: auto;
}
.activity-app-timeframe-select .dateSelectorBox.month {
  min-width: 140px;
  width: 140px;
}
.activity-app-timeframe-select .dateSelectorBox.month .dateSelector .timeframe-select-current {
  padding-right: 7px;
}
.activity-app-timeframe-select .dateSelectorBox.year {
  width: 140px;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current {
  width: 100%;
  padding: 20px 0;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current .timeframe-select-current-name, .activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current .disabled-label {
  line-height: 13px;
  padding: 0 10px;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current .timeframe-select-current-name:before, .activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current .disabled-label:before {
  content: '|';
  position: absolute;
  left: -6px;
  color: #999;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-options {
  min-width: 140px;
  padding: 20px 0px;
}
.activity-app-timeframe-select .dateSelectorBox .dateSelector {
  width: auto;
}
.activity-app-timeframe-select .dateSelectorBox .dateSelector .icon-dropdown {
  margin-left: 0;
}

.common-padding {
  padding: 34px 28px;
}

/* CHECKINS CALENDAR */
.checkins-calendar {
  background: #000;
  padding: 5px 0 35px;
}
.checkins-calendar .graphic-information-container .calendar {
  display: block;
  padding: 0 10px 10px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  max-width: 400px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.checkins-calendar .graphic-information-container .calendar table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.checkins-calendar .graphic-information-container .calendar table tr {
  height: 30px;
}
.checkins-calendar .graphic-information-container .calendar table tr.days td {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.checkins-calendar .graphic-information-container .calendar table tr td {
  font-size: 13px;
  text-align: center;
  color: #bdc1c4;
  position: relative;
}
.checkins-calendar .graphic-information-container .calendar table tr td span.current-day {
  display: inline-block;
  background: #1aeca9;
  color: #000;
  margin-top: 3px;
  width: 30px;
  height: 30px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.checkins-calendar .graphic-information-container .calendar table tr td span.current-day > span {
  display: inherit;
  padding: 5px 0;
}
.checkins-calendar .graphic-information-container .calendar table tr td span.activity-day {
  display: inline-block;
  background: #333f48;
  color: #fff;
  margin-top: 3px;
  width: 30px;
  height: 30px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.checkins-calendar .graphic-information-container .calendar table tr td span.activity-day.current-day {
  background: #1aeca9;
  color: #000;
}
.checkins-calendar .graphic-information-container .calendar table tr td span.activity-day > span {
  cursor: pointer;
  display: inherit;
  padding: 5px 0;
}
.checkins-calendar .graphic-information-container .calendar .overlay-wrapper .overlay {
  background: none;
  opacity: 1;
}
.checkins-calendar .graphic-information-container .activity-graphic-details {
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}

.activity-graphic-details {
  padding: 10px 0 12px;
}
.activity-graphic-details > div {
  display: inline-block;
  width: 49.2%;
}
.activity-graphic-details > div.single-data {
  display: block;
  margin: 0 auto;
}
.activity-graphic-details > div span {
  display: block;
  font-size: 18px;
  font-weight: 200;
  color: #fff;
  text-align: center;
}
.activity-graphic-details > div span.title {
  font-size: 9px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  margin: 0;
}
.activity-graphic-details > div .personal-stats-container {
  text-align: center;
}
.activity-graphic-details > div .personal-stats-container span {
  display: inline-block;
}
.activity-graphic-details > div .personal-stats-container span:last-child {
  text-transform: uppercase;
}

.add-weight-container {
  padding: 0 0 35px;
  text-align: center;
}
.add-weight-container.is-mobile .circle-button {
  width: 13px;
  height: 13px;
  margin: 0 0 0 10px;
}
.add-weight-container.is-mobile .addWeightButton .icon-thin-add {
  position: static;
  top: auto;
  left: auto;
  display: block;
  line-height: .7;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.add-weight-container.is-mobile .addWeightButton .icon-thin-add:before {
  font-size: 8px;
}
.add-weight-container .addWeightButton {
  position: static;
  display: block;
}
.add-weight-container .addWeightButton .add-message {
  display: inline-block;
  font-size: 10px;
  text-decoration: underline;
}

.activity-eq-graphic-detail.calorie, .activity-eq-graphic-detail.weight {
  min-height: none;
}
.activity-eq-graphic-detail .graphic-information-container {
  position: relative;
  min-height: 280px;
}

/* OVERLAY MESSAGES */
.overlay-wrapper {
  position: relative;
  width: 100%;
  height: 246px;
}
.overlay-wrapper .overlay {
  position: absolute;
  width: 100%;
  height: 246px;
  max-width: 840px;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 0 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.overlay-wrapper .overlay.transparent {
  background-color: transparent;
}
.overlay-wrapper .overlay .overlay-lines {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  width: 100%;
}
.overlay-wrapper .overlay .overlay-lines:after {
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 20%, rgba(0, 0, 0, 0) 20%);
  background-position: 0 top;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  height: 60px;
  opacity: 0.6;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 0 40px;
}
.overlay-wrapper .overlay .overlay-lines:last-child:before {
  content: "";
  display: block;
  background-image: linear-gradient(to right, #ffffff 0%, #ffffff 20%, rgba(0, 0, 0, 0) 20%);
  background-position: 0 top;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  height: 60px;
  opacity: 0.6;
  z-index: 1;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 0 40px;
}
.overlay-wrapper .overlay-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  max-width: 371px;
  height: auto;
  margin: 0;
  padding: 25px;
  text-align: center;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: black;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.overlay-wrapper.transparent {
  background-color: rgba(0, 0, 0, 0.5);
}
.overlay-wrapper h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0;
}
.overlay-wrapper h3 .overlay-lines {
  border-bottom: 1px dotted #ccc;
  height: 60px;
  width: 100%;
}
.overlay-wrapper h3 .overlay-lines:first-child {
  border-top: 1px dotted #ccc;
}
.overlay-wrapper .overlay-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  max-width: 371px;
  height: auto;
  opacity: 1;
  margin: 0;
  padding: 25px;
  text-align: center;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.overlay-wrapper .overlay-inner.transparent {
  background-color: rgba(0, 0, 0, 0.5);
}
.overlay-wrapper .overlay-inner .overlay-lines {
  border-bottom: 1px dotted #ccc;
  height: 60px;
  width: 100%;
}
.overlay-wrapper .overlay-inner .overlay-lines:first-child {
  border-top: 1px dotted #ccc;
}
.overlay-wrapper .small.button.box, .overlay-wrapper .small.btn-mobile-cta {
  border: 0;
}
.overlay-wrapper .overlay-inner {
  left: 50%;
  top: 50%;
  width: 50%;
  max-width: 371px;
  height: auto;
  background: #000;
  margin: 0;
  padding: 25px;
  text-align: center;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.overlay-wrapper .overlay-inner.transparent {
  background-color: rgba(0, 0, 0, 0.5);
}
.overlay-wrapper .overlay-inner h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  margin: 0;
}
.overlay-wrapper .overlay-inner p {
  color: #999;
  font-size: 14px;
}

.calendar .overlay-wrapper {
  height: 210px;
}
.calendar .overlay-wrapper .overlay {
  max-width: 925px;
}

.empty-graph-copy {
  position: relative;
  z-index: 9;
  height: 90px;
  width: 100%;
  margin-top: -65px;
  display: table;
  background: #000;
  color: white;
  text-align: center;
  text-transform: uppercase;
}
.empty-graph-copy .copy {
  display: table-cell;
  vertical-align: middle;
}
.empty-graph-copy .plus {
  display: inline-block;
  font-weight: bold;
}
.empty-graph-copy .plus:after {
  content: "+";
  display: inline-block;
  border-radius: 20px;
  border: solid 2px #1aeca9;
  color: #1aeca9;
  font-weight: lighter;
  font-size: 22px;
  line-height: 0.85;
  width: 20px;
  height: 20px;
  margin: -3px 5px 0 5px;
  vertical-align: middle;
}

.addActivityButton, .addWeightButton {
  color: #1aeca9;
  position: absolute;
  right: 15px;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.addActivityButton .add-message, .addWeightButton .add-message {
  display: none;
}
.addActivityButton .circle-button, .addWeightButton .circle-button {
  display: inline-block;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-radius: 50%;
  border: solid 2px #1aeca9;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin: -3px 0 0 10px;
  position: relative;
}
.addActivityButton .circle-button .icon-thin-add, .addWeightButton .circle-button .icon-thin-add {
  color: #1aeca9;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.addActivityButton .circle-button .icon-thin-add:before, .addWeightButton .circle-button .icon-thin-add:before {
  font-size: 14px;
}
.addActivityButton .plus, .addWeightButton .plus {
  display: inline-block;
  font-weight: bold;
}
.addActivityButton .plus:after, .addWeightButton .plus:after {
  content: "+";
  display: inline-block;
  border-radius: 20px;
  border: solid 2px #1aeca9;
  color: #1aeca9;
  font-weight: lighter;
  font-size: 22px;
  line-height: 0.85;
  width: 20px;
  height: 20px;
  margin: -5px 0 0 12px;
  vertical-align: middle;
}

.graphic-information-container .body-fat-labels {
  right: 0;
  top: 21px;
  opacity: 0;
  float: right;
  margin-top: -8px;
  position: relative;
  visibility: hidden;
}
.graphic-information-container .body-fat-labels.active {
  opacity: 1;
  visibility: visible;
}
.graphic-information-container .body-fat-labels li {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  margin-right: 14px;
  letter-spacing: 1px;
  display: inline-block;
}
.graphic-information-container .body-fat-labels li svg {
  top: 1px;
  margin-right: 2px;
  position: relative;
}
.graphic-information-container .body-fat-checkbox-container {
  color: #9b9b9b;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  line-height: 18px;
  letter-spacing: 1px;
  margin: 0 30px 20px 50px;
}
.graphic-information-container .body-fat-checkbox-container input[type='checkbox'] {
  display: none;
  margin-left: -20px;
}
.graphic-information-container .body-fat-checkbox-container .icon-check {
  margin-top: 0;
  position: relative;
  margin-left: -30px;
}
.graphic-information-container .body-fat-checkbox-container .icon-check:before {
  color: #fff;
}

.addWeightButton {
  display: none;
}

.refer-header {
  position: relative;
  max-height: 400px;
  overflow: hidden;
}
.refer-header h1 {
  font-size: 32px;
  font-weight: 200;
  text-align: center;
  line-height: 1.1em;
  padding: 0;
  margin: 0;
  color: #fff;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -130px;
}
.refer-header h1 span {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.refer-header h1 span.currency {
  font-size: 30px;
  font-weight: 200;
  display: inline;
}
.refer-header h1 span > br {
  display: none;
}
.refer-header h1 > span {
  padding-bottom: 5px;
}
.refer-header h1 small {
  font-size: 30px;
  line-height: 30px;
}

.refer-friend {
  max-width: 80%;
  margin: 0 auto;
  padding-top: 30px;
}
.refer-friend .marketing-head {
  margin: 0 0 30px;
}
.refer-friend .marketing-head:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.refer-friend .marketing-head li {
  width: 100%;
  float: left;
}
.refer-friend .marketing-head li:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.refer-friend .marketing-head li i {
  color: #C1D10E;
  font-size: 4em;
  font-style: italic;
  width: 10%;
  font-weight: 100;
  float: left;
}
.refer-friend .marketing-head li span {
  margin: 0 0 0 10px;
  width: 85%;
  float: left;
  font-size: 1em;
  padding: 25px 0 0;
  text-transform: uppercase;
}
.refer-friend .column.half {
  width: 100%;
}
.refer-friend .col {
  display: inline-block;
  margin-bottom: 0 !important;
}
.refer-friend .col.left {
  width: 48%;
  margin-right: 1%;
  float: left;
}
.refer-friend .col.right {
  width: 48%;
  float: right;
}
.refer-friend .control-form h2 {
  text-align: center;
  margin-bottom: 30px;
}
.refer-friend .control-form h4 {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.refer-friend .control-form .control-title {
  display: block;
  margin: auto;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: left;
}
.refer-friend .control-form .control-title.error {
  border: none;
  color: red;
}
.refer-friend .control-form .control .col {
  display: inline-block;
  margin: 0;
}
.refer-friend .control-form .control input[type='text'],
.refer-friend .control-form .control input[type='email'],
.refer-friend .control-form .control input[type='tel'],
.refer-friend .control-form .control textarea {
  -webkit-appearance: none;
  display: block;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 10px auto;
  padding: 10px 20px;
  font-family: "Graphik Web", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  letter-spacing: 1px;
  color: #000;
  height: 40px;
  border: 1px solid #cdcdcd;
  background: #f7f7f7;
}
.refer-friend .control-form .control textarea {
  display: block;
  box-sizing: border-box;
  height: 100px;
  resize: none;
  text-transform: none;
  font-size: 14px;
}
.refer-friend .control-form .control textarea:focus {
  outline: none;
}
.refer-friend .control-form .control #submit-button {
  width: 50%;
  margin: 0 auto;
}
.refer-friend .questions {
  text-align: center;
  margin: 0;
  font-size: 14px;
  padding: 37px 30px 20px;
}
.refer-friend .questions a {
  text-transform: uppercase;
  text-decoration: underline;
}
.refer-friend .description {
  padding: 37px 30px 20px;
  text-align: center;
  margin: 0;
  letter-spacing: 2px;
  font-size: 14px;
}
.refer-friend .share {
  margin: 20px 0;
}
.refer-friend .share .social-share li {
  margin-bottom: 20px;
}
.refer-friend .share .social-share li .box, .refer-friend .share .social-share li .btn-mobile-cta {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #080808;
  display: block;
  position: relative;
  cursor: pointer;
}
.refer-friend .share .social-share li .box .info, .refer-friend .share .social-share li .btn-mobile-cta .info,
.refer-friend .share .social-share li .box .icons,
.refer-friend .share .social-share li .btn-mobile-cta .icons {
  display: inline-block;
}
.refer-friend .share .social-share li .box .info, .refer-friend .share .social-share li .btn-mobile-cta .info {
  text-align: center;
  width: 75%;
}
.refer-friend .share .social-share li .box .info.share-link, .refer-friend .share .social-share li .btn-mobile-cta .info.share-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.refer-friend .share .social-share li .box .info.share-link .tooltip, .refer-friend .share .social-share li .btn-mobile-cta .info.share-link .tooltip {
  position: absolute;
  padding: 15px;
  color: #fff;
  top: -90px;
  left: 0px;
  background: #7c878e;
  text-transform: uppercase;
  white-space: initial;
  height: 50px;
}
.refer-friend .share .social-share li .box .info.share-link .tooltip:before, .refer-friend .share .social-share li .btn-mobile-cta .info.share-link .tooltip:before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  left: 10px;
  position: absolute;
  bottom: -9px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #7c878e;
}
.refer-friend .share .social-share li .box .icons, .refer-friend .share .social-share li .btn-mobile-cta .icons {
  text-align: left;
  padding: 10px;
  width: 25px;
  height: 25px;
  border-right: 1px solid #080808;
}
.refer-friend .share .social-share li .box .icons span, .refer-friend .share .social-share li .btn-mobile-cta .icons span {
  font-size: 24px;
  cursor: pointer;
  position: relative;
}
.refer-friend .share .social-share li .box .icons span.icon-facebook, .refer-friend .share .social-share li .btn-mobile-cta .icons span.icon-facebook {
  font-size: 20px;
}
.refer-friend .share .social-share li .box .icons span.active, .refer-friend .share .social-share li .btn-mobile-cta .icons span.active {
  color: #7c878e;
}
.refer-friend .share .social-share li .box .icons span.icon-email.active:after, .refer-friend .share .social-share li .btn-mobile-cta .icons span.icon-email.active:after, .refer-friend .share .social-share li .box .icons span.icon-chain.active:after, .refer-friend .share .social-share li .btn-mobile-cta .icons span.icon-chain.active:after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  left: -4px;
  position: absolute;
  bottom: -38px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 18px solid #7c878e;
}
.refer-friend .share .title {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  margin: 24px auto;
}
.refer-friend .share .email-a-friend {
  display: none;
  background-color: #7c878e;
  position: relative;
  padding: 45px 15px 35px;
}
.refer-friend .share .email-a-friend .icon-close {
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 28px;
  right: 28px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
}
.refer-friend .share .email-a-friend h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.refer-friend .share .email-a-friend form {
  padding: 0;
}

.referral-friends {
  background-color: #000;
  padding: 52px 25px;
}
.referral-friends h1 {
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  letter-spacing: 2.4px;
  margin-bottom: 25px;
  text-align: center;
}
.referral-friends h2 {
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.referral-friends a {
  display: block;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
  text-align: center;
}
.referral-friends .loader-container {
  position: relative;
  top: 30px;
}
.referral-friends .invited-friends {
  position: relative;
  display: table;
  margin: 65px auto;
}
.referral-friends .invited-friends:before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 35px;
  background-color: #d0d3d3;
}
.referral-friends .invited-friends li {
  position: relative;
  margin-top: 25px;
}
.referral-friends .invited-friends li:first-child {
  margin-top: 0;
}
.referral-friends .invited-friends li:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.referral-friends .invited-friends li .invited-friend {
  width: 43px;
  height: 43px;
  font-size: 14px;
  position: relative;
  float: left;
  text-align: center;
  background-color: #000;
  border: 1px solid #fff;
  color: rgba(255, 255, 255, 0.5);
  line-height: 43px;
  margin-left: 10px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.referral-friends .invited-friends li .invited-friend.active {
  width: 70px;
  height: 70px;
  border: 0;
  margin: 0;
}
.referral-friends .invited-friends li .invited-friend img {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.referral-friends .invited-friends li .invited-friend-info {
  float: left;
  padding: 15px 0 0 25px;
}
.referral-friends .invited-friends li .invited-friend-info strong, .referral-friends .invited-friends li .invited-friend-info span {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
.referral-friends .invited-friends li .invited-friend-info span {
  display: block;
}
.referral-friends .referred-friends li {
  margin-top: 25px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.referral-friends .referred-friends li:first-child {
  margin-top: 45px;
}
.referral-friends .referred-friends li.no-referred-msg {
  font-size: 12px;
  text-transform: none;
}

.page.referrals + footer {
  margin-top: 0;
}

.page.feedback {
  min-height: 520px;
  font-size: 1.4em;
}

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

hr {
  margin: 40px 0 20px;
}

.feedback-wrapper h1 {
  margin-bottom: 20px;
}
.feedback-wrapper .feedback-dropdown {
  padding: 20px;
  text-align: center;
}
.feedback-wrapper .feedback-dropdown .option {
  font-size: 1.5em;
}
.feedback-wrapper .sub-title {
  margin-bottom: 40px;
}
.feedback-wrapper .feedback-form {
  padding: 60px 40px 40px;
  max-width: 100%;
  background-color: #efefef;
}
.feedback-wrapper .feedback-form div {
  text-align: center;
}
.feedback-wrapper .feedback-form .row {
  border: 0;
}
.feedback-wrapper .feedback-form .row .col-1-2 {
  border: 0;
}
.feedback-wrapper .feedback-form .row .col-1-2 .select-wrapper select + .option {
  width: 100%;
}
.feedback-wrapper .feedback-form .row .col-1-2 .checkbox {
  width: 100%;
}
.feedback-wrapper .feedback-form .feedback-club, .feedback-wrapper .feedback-form .feedback-website {
  margin-bottom: 40px;
}
.feedback-wrapper .feedback-form .feedback-website .label {
  font-size: 1.2em;
  width: 100%;
  line-height: .8;
}
.feedback-wrapper .feedback-form .feedback-website .checkbox-replacement {
  background: #fff;
  padding: 5px;
}
.feedback-wrapper .feedback-form .select-wrapper {
  width: 100%;
  border-bottom: 0;
}
.feedback-wrapper .feedback-form .select-wrapper select, .feedback-wrapper .feedback-form .select-wrapper .option {
  background: #fff;
  padding: 10px 0;
  width: 100%;
}
.feedback-wrapper .arrow-down {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  position: absolute;
  left: 48%;
}
.feedback-wrapper .checkbox-row {
  text-align: left !important;
  margin-top: 10px;
}
.feedback-wrapper .checkbox-row .label {
  font-size: 1.2em;
  width: 100%;
  line-height: .8;
}
.feedback-wrapper .checkbox-row .checkbox-replacement {
  background: #fff;
  padding: 5px;
}
.feedback-wrapper .description {
  border: 0;
  text-transform: none;
}
.feedback-wrapper .description::-webkit-input-placeholder {
  text-transform: uppercase;
  text-align: center;
}
.feedback-wrapper .description::-moz-placeholder {
  text-transform: uppercase;
  text-align: center;
}
.feedback-wrapper .description:-moz-placeholder {
  text-transform: uppercase;
  text-align: center;
}
.feedback-wrapper .description:-ms-input-placeholder {
  text-transform: uppercase;
  text-align: center;
}
.feedback-wrapper .error {
  border: 1px solid red;
}
.feedback-wrapper button[type='submit'] {
  padding: 1.35em 3em;
  width: auto;
  display: inline-block;
}
.feedback-wrapper .feedback-thanks {
  margin-top: 100px;
}
.feedback-wrapper .feedback-thanks .thanks-title {
  font-size: 40px;
}
.feedback-wrapper .feedback-thanks hr {
  width: 300px;
  margin: 60px auto 40px;
}

#browse {
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

#faqSection #browse {
  padding: 15px 0 25px;
  display: block;
}

#faqSection + .html-callout {
  display: none;
}

.page.pilates .underline {
  text-decoration: underline;
}
.page.pilates .hide {
  display: none;
}
.page.pilates #durationContainer {
  border: 1px solid #444;
  font-size: 20px;
  text-align: center;
  padding: 14px 0;
  text-transform: uppercase;
  color: #bbb;
}
.page.pilates #contact ul {
  list-style-type: inherit;
}
.page.pilates .pilates-text-callout {
  margin-top: -70px;
}
.page.pilates .expiration {
  overflow: hidden;
}
.page.pilates .clear {
  clear: both;
}

a[disabled="disabled"] {
  pointer-events: none;
}

.scheduleandinquire {
  text-align: center;
}
.scheduleandinquire form {
  overflow: visible;
}
.scheduleandinquire h6 {
  margin: 0 2.5em 2em;
}
.scheduleandinquire .tpl-imagetextcallout {
  margin-top: 10px;
}
.scheduleandinquire .tpl-joinschedule {
  border-top: 1px solid #4d4d4d;
  margin-top: 20px;
  padding-top: 40px;
}
.scheduleandinquire .rich-content header {
  min-height: 0;
}
.scheduleandinquire .rich-content header h2 {
  margin: 1em auto 0;
  position: static;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.scheduleandinquire .rich-content .paragraph a {
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: underline;
}
.scheduleandinquire form fieldset label {
  font-weight: normal;
  text-transform: none;
}
.scheduleandinquire .question {
  margin: 30px 0 0;
}
.scheduleandinquire .question .contact-caption {
  margin-bottom: 6%;
  margin-left: 0px;
  margin-right: 0px;
}
.scheduleandinquire .question:first-child {
  margin: 0;
}
.scheduleandinquire .select-wrapper {
  font-size: 20px;
  margin: 0 20px;
  max-width: initial;
}
.scheduleandinquire .button, .scheduleandinquire .btn-mobile-cta {
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 15px;
  min-width: 280px;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  max-width: 305px;
}
.scheduleandinquire .alternative-cta {
  font-size: 11px;
}
.scheduleandinquire .contact-mobile {
  width: 89%;
  margin-top: 10%;
}
.scheduleandinquire .inquiry-text {
  margin-top: 22%;
  font-size: 21px;
  font-weight: lighter;
  letter-spacing: 6px;
}
.scheduleandinquire .thank-you-text1 {
  padding-top: 80px;
  letter-spacing: 1px;
  margin-left: 13px;
}
.scheduleandinquire .thank-you-text2 {
  letter-spacing: 1px;
  font-weight: bold;
  padding-top: 50px;
  font-size: 16px;
}
.scheduleandinquire .thank-you-text3 {
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: -13px;
}
.scheduleandinquire .contact-uppertext {
  position: absolute;
  top: 436px;
  left: 22px;
  text-transform: uppercase;
  display: none;
}
.scheduleandinquire .club-uppertext {
  display: none;
}
.scheduleandinquire .club-caption {
  margin-top: 3em;
}
.scheduleandinquire .message-uppertext {
  text-align: left;
  margin-left: 18px;
  margin-top: 10%;
}
.scheduleandinquire .pilates-msg {
  margin-top: 7px;
  margin-left: 10px;
  text-align: left;
  margin-bottom: 13%;
}
.scheduleandinquire .pilates-coordmsg {
  margin: 0px;
  margin-top: 12%;
}
.scheduleandinquire .message-coordinator {
  margin: 0 auto 15px;
  width: 90%;
  height: 130px;
  text-align: center;
  font-size: 13px;
  padding-top: 25px;
  letter-spacing: 2px;
  border: 2px solid #fff;
  background: black;
}
.scheduleandinquire .send {
  width: 90% !important;
  margin-left: 18px;
}
.scheduleandinquire .msg {
  text-transform: uppercase;
  text-align: center;
}
.scheduleandinquire .contact {
  margin-top: 1%;
}
.scheduleandinquire .error {
  border-color: red !important;
}

.join-schedule-form {
  padding: 0;
}

.multiple-select {
  padding: 0 5% 40px;
}
.multiple-select li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.multiple-select li section {
  padding: 0;
}
.multiple-select li section label.check-selector {
  cursor: pointer;
}
.multiple-select li section label.check-selector h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding: 24px 0 24px 30px;
  position: relative;
}
.multiple-select li section label.check-selector h6:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #FFF;
  border-radius: 100%;
  top: 50%;
  margin-top: -7px;
}
.multiple-select li section label.check-selector img, .multiple-select li section label.check-selector input[type=checkbox] {
  display: none;
}
.multiple-select li section label.check-selector.checked h6:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #FFF;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -2px;
}
.multiple-select .column.half {
  width: 100%;
}

.pilates-button .button-container {
  text-align: center;
  margin-top: 10%;
}
.pilates-button .button-container .button, .pilates-button .button-container .btn-mobile-cta {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 15px;
  min-width: 280px;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  max-width: 305px;
}
.pilates-button .button-container .secondary {
  background: transparent;
  border: solid 1px #fff;
  color: #fff;
  padding: 14px 25px;
}
.pilates-button .button-container button.button:last-child, .pilates-button .button-container button.btn-mobile-cta:last-child {
  margin: 0 0 0 -6px;
  height: 60px;
}

.page.pilates.purchase {
  position: relative;
  min-height: 0px;
  padding: 0px;
}

.schedule-equifit {
  text-align: center;
}
.schedule-equifit form {
  overflow: visible;
}
.schedule-equifit h6 {
  margin: 0 2.5em 2em;
}
.schedule-equifit .tpl-imagetextcallout {
  margin-top: 10px;
}
.schedule-equifit .tpl-joinschedule {
  border-top: 1px solid #4d4d4d;
  margin-top: 20px;
  padding-top: 40px;
}
.schedule-equifit .rich-content header {
  min-height: 0;
}
.schedule-equifit .rich-content header h2 {
  margin: 1em auto 0;
  position: static;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.schedule-equifit .rich-content .paragraph a {
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: underline;
}
.schedule-equifit form fieldset label {
  font-weight: normal;
  text-transform: none;
}
.schedule-equifit .question {
  margin: 60px 0 0;
}
.schedule-equifit .question:first-child {
  margin: 0;
}
.schedule-equifit .select-wrapper {
  font-size: 20px;
  margin: 0 20px;
  max-width: initial;
}
.schedule-equifit .button, .schedule-equifit .btn-mobile-cta {
  width: 100%;
}
.schedule-equifit .alternative-cta {
  font-size: 11px;
}

.join-schedule-form {
  padding: 0;
}

.multiple-select {
  padding: 0 5% 40px;
}
.multiple-select li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.multiple-select li section {
  padding: 0;
}
.multiple-select li section label.check-selector {
  cursor: pointer;
}
.multiple-select li section label.check-selector h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding: 24px 0 24px 30px;
  position: relative;
}
.multiple-select li section label.check-selector h6:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #FFF;
  border-radius: 100%;
  top: 50%;
  margin-top: -7px;
}
.multiple-select li section label.check-selector img, .multiple-select li section label.check-selector input[type=checkbox] {
  display: none;
}
.multiple-select li section label.check-selector.checked h6:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-color: #FFF;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -2px;
}
.multiple-select .column.half {
  width: 100%;
}

.static-page {
  padding: 26px 26px 0;
  text-align: center;
}
.static-page h5 {
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 4px;
  margin-bottom: 44px;
}
.static-page h6 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
.static-page p {
  font-size: 14px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  line-height: 1.6em;
}
.static-page a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.static-page .columns-container .row {
  margin-bottom: 50px;
}
.static-page .columns-container .row:last-child {
  margin-bottom: 35px;
}
.static-page .columns-container .row ul {
  margin-bottom: 23px;
  line-height: 1.6em;
}
.static-page .columns-container .row ul:last-child {
  margin-bottom: 0;
}
.static-page .columns-container .row ul li {
  font-size: 14px;
  letter-spacing: 1px;
}
.static-page .columns-container .row ul li.bold-title {
  font-weight: 700;
}

.page.cycling .module {
  margin-top: 0;
  padding-top: 0;
}
.page.cycling .rich-content header {
  min-height: 0;
}
.page.cycling .rich-content .rich-content-title {
  top: 59%;
  font-size: 30px;
  width: 90%;
  border: none;
  padding: 0;
}
.page.cycling .rich-content .rich-content-title span {
  display: block;
  border: solid 1px #fff;
  width: 192px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
  letter-spacing: 1px;
}
.page.cycling .rich-content .rich-content-title small {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin: 10px auto;
  max-width: 90%;
  line-height: 1.6;
  text-transform: none;
  font-weight: normal;
}
.page.cycling .cycling-info .rich-content-title {
  top: 55%;
  border: none;
  font-size: 25px;
  padding: 0;
  line-height: 1.2;
  max-width: 450px;
}
.page.cycling .cycling-info .rich-content-title span {
  width: auto;
  letter-spacing: 1px;
  border: none;
  padding: 0;
}
.page.cycling .cycling-info .rich-content-title span span {
  font-weight: lighter;
}
.page.cycling .cycling-info .rich-content-title small {
  max-width: 100%;
  margin: 5px auto 0 auto;
}
.page.cycling .cycling-info .rich-content-title nav {
  padding: 0;
  margin-top: 0;
}
.page.cycling .cycling-info .rich-content-title .button.box, .page.cycling .cycling-info .rich-content-title .btn-mobile-cta {
  border: none;
}
.page.cycling .dtm-method {
  padding-bottom: 30px;
}
.page.cycling .dtm-method .carousel {
  min-height: 0;
}
.page.cycling .dtm-method .paragraph.rich-content h3 {
  margin: 40px auto;
}
.page.cycling .columns-layout h1 {
  max-width: 100%;
}
.page.cycling .columns-layout ul li.column {
  text-align: center;
  margin-bottom: 10px;
}
.page.cycling .columns-layout ul li.column img {
  width: 100px;
  height: 100px;
}
.page.cycling .columns-layout ul li.column .item-info {
  padding-bottom: 50px;
}
.page.cycling .columns-layout ul li.column h3 {
  font-size: 0.6em;
  font-weight: bold;
  color: #7c7c7c;
}
.page.cycling .columns-layout ul li.column a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
  letter-spacing: 1px;
}
.page.cycling .columns-layout ul li.column .more-info {
  font-size: 11px;
  padding-bottom: 20px;
}
.page.cycling .columns-layout ul li.column .more-info .close-more-info {
  font-size: 18px;
  font-weight: 300;
  color: #7c878e;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 30px;
  display: block;
}
.page.cycling .columns-layout ul li.column .more-info .close-more-info span {
  font-size: 14px;
  margin-left: 5px;
}
.page.cycling .columns-layout ul li.column .qa strong, .page.cycling .columns-layout ul li.column .qa span {
  display: block;
  font-size: 11px;
}
.page.cycling .columns-layout ul li.column .qa span {
  margin-bottom: 20px;
}
.page.cycling .columns-layout ul li.column .content p {
  font-size: 11px;
}
.page.cycling .columns-layout ul li.column .button.box.small, .page.cycling .columns-layout ul li.column .small.btn-mobile-cta {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 250px;
  text-decoration: none;
}
.page.cycling .team {
  padding-bottom: 20px;
}
.page.cycling .team, .page.cycling .feat {
  border-bottom: solid 1px #000;
}
.page.cycling .feat {
  padding-bottom: 20px;
}
.page.cycling .feat .columns-layout .column .button-container {
  padding-bottom: 0px;
}
.page.cycling .feat .columns-layout .column ul li.column .item-info {
  padding-bottom: 30px;
}
.page.cycling .feat .columns-layout .column.new {
  position: relative;
}
.page.cycling .feat .columns-layout .column.new span {
  width: 100px;
  height: 100px;
  display: block;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
  border-radius: 500px;
  margin: 20px auto;
  position: relative;
}
.page.cycling .feat .columns-layout .column.new span:before {
  content: url("../images/patch/new.png");
  display: block;
  position: absolute;
  width: 60px;
  height: 45px;
  left: -27px;
  top: 30px;
}
.page.cycling .cycling-hero {
  background: #000;
  color: #fff;
}
.page.cycling .cycling-hero .cta {
  text-align: center;
}
.page.cycling .cycling-hero header {
  position: relative;
  padding: 40px 0 20px;
  text-align: center;
}
.page.cycling .cycling-hero header h1 {
  font-size: 3em;
  line-height: 0.9;
  text-align: center;
  letter-spacing: 0.3em small;
  letter-spacing-display: block;
  letter-spacing-font-size: 0.3em;
  letter-spacing-letter-spacing: 3px;
  letter-spacing-margin: 0 auto;
}
.page.cycling .cycling-hero header small {
  display: block;
  max-width: 600px;
  width: 80%;
  font-size: 11px;
  letter-spacing: 1px;
  margin: 20px auto;
  line-height: 1.6;
}
.page.cycling .cycling-hero header small a {
  color: #fff;
}
.page.cycling .cycling-hero header span {
  display: block;
  color: #1AEBA9;
  text-transform: uppercase;
  font-style: italic;
}
.page.cycling .cycling-hero header span:before, .page.cycling .cycling-hero header span:after {
  content: "";
  display: inline-block;
  width: 20%;
  background: #fff;
  height: 1px;
  vertical-align: middle;
  margin: 0 10px;
}
.page.cycling .cycling-hero .columns-layout ul li.column .item-info {
  width: 100%;
}
.page.cycling .cycling-hero .columns-layout ul li.column .item-info h3 {
  font-size: 0.8em;
  color: #fff;
}
.page.cycling .faq {
  padding: 0 0 20px 0;
}
.page.cycling .faq .title {
  margin: 25px auto;
}
.page.cycling .faq .faq-container h3 {
  font-size: 1.15em;
  margin: 0 auto 15px auto;
  line-height: 1.25;
  position: relative;
  width: 80%;
  cursor: pointer;
}
.page.cycling .faq .faq-container h3 span {
  position: absolute;
  font-size: 20px;
  color: #b2b2b2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -25px;
  top: 1px;
}
.page.cycling .faq .faq-container .faq-content {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  max-height: 500px;
  opacity: 1;
  overflow: initial;
}
.page.cycling .faq .faq-container .faq-content p {
  font-size: 11px;
  margin: 0 auto 20px auto;
}
.page.cycling .faq .faq-container.collapsed span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  margin-top: 0;
}
.page.cycling .faq .faq-container.collapsed .faq-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.page.cycling .cycling-q-blog .post-info-container {
  height: 300px;
}
.page.cycling .cycling-q-blog .post-info-container p {
  font-size: 12px;
}
.page.cycling .cycling-q-blog .article-list .articles {
  min-height: 0;
}
.page.cycling .cycling-q-blog .article-list .articles article .cover {
  max-height: 250px;
}
.page.cycling .cycling-q-blog .article-list .articles article .info {
  width: 47%;
  padding: 3% 0 0 3%;
}
.page.cycling .cycling-q-blog .article-list .articles article .info span {
  font-size: 10px;
  padding: 0;
}
.page.cycling .cycling-q-blog .article-list .articles article .info h6 {
  font-size: 11px;
  margin: 4% 0;
}
.page.cycling .cycling-q-blog .article-list .articles article span {
  text-transform: uppercase;
}
.page.cycling .cycling-q-blog .button.box, .page.cycling .cycling-q-blog .btn-mobile-cta {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 250px;
  text-decoration: none;
}
.page.cycling .bio-overlay-template {
  display: none;
}

.module.tpl-milestonesprogression {
  margin: 0;
  padding: 0;
}

.cycling-milestones-hero header {
  position: relative;
}
.cycling-milestones-hero header > a {
  font-size: 23px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}
.cycling-milestones-hero header .cycling-title {
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 96%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cycling-milestones-hero header .cycling-title span {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.cycling-milestones-hero header .cycling-title h2 {
  font-size: 34px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: 4.38px;
}
.cycling-milestones-hero header .cycling-title p {
  font-size: 13px;
  margin: 8px 0;
}

.cycling-milestones-container {
  text-align: center;
}
.cycling-milestones-container .cycling-buttons {
  background-color: #333f48;
  text-align: center;
}
.cycling-milestones-container .cycling-buttons a {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 20px;
  padding: 15px 0;
  display: inline-block;
}
.cycling-milestones-container .cycling-buttons a span {
  font-size: 16px;
  font-weight: 700;
  margin-right: 8px;
}
.cycling-milestones-container .milestones-header {
  background-color: #efefef;
  padding: 23px 35px;
}
.cycling-milestones-container .milestones-header li:first-child:before {
  content: none;
  display: none;
}
.cycling-milestones-container .milestones-header li:before {
  content: '';
  display: block;
  width: 100px;
  margin: 23px auto;
  border-top: 1px solid #bfbfbf;
}
.cycling-milestones-container .milestones-header span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.cycling-milestones-container .milestones-header h2 {
  font-size: 45px;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 3.6px;
}
.cycling-milestones-container .milestones-list {
  padding: 34px 20px;
}
.cycling-milestones-container .milestones-list h2 {
  font-size: 24px;
  font-weight: 500;
}
.cycling-milestones-container .milestones-list > p {
  font-size: 12px;
  line-height: 1.4;
  text-transform: none;
  max-width: 90%;
  margin: 10px auto 40px;
}
.cycling-milestones-container .milestones-list .milestones-items-container {
  display: inline-block;
  margin: auto;
  min-width: 280px;
}
.cycling-milestones-container .milestones-list .milestone-item-container {
  position: relative;
  height: 100px;
  cursor: pointer;
}
.cycling-milestones-container .milestones-list .milestone-item {
  position: relative;
  margin-top: 20px;
}
.cycling-milestones-container .milestones-list .milestone-item:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-icon {
  width: 68px;
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-icon:after {
  width: 68px;
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-item-container {
  height: 68px;
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-info h2 {
  font-weight: 500;
  color: #999;
}
.cycling-milestones-container .milestones-list .milestone-item:before {
  display: block;
  font-family: 'icomoon';
  content: "\e647";
  visibility: visible;
  width: 100px;
  font-size: 30px;
  position: relative;
  top: 0;
}
.cycling-milestones-container .milestones-list .milestone-item:first-child:before {
  content: none;
  display: none;
}
.cycling-milestones-container .milestones-list .milestone-item.locked:after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: visible;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 27px;
  margin-top: 5px;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track {
  position: absolute;
  top: 0;
  /* value to change miles track position */
  left: 49px;
  z-index: 101;
  border-left: 1px solid #000;
  height: 0;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track .miles-traveled {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #000;
  width: 230px;
  margin-left: -4px;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track .miles-traveled:before {
  content: '';
  background-color: #000;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 12px;
  height: 4px;
  display: inline-block;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track .miles-traveled:after {
  content: attr(data-miles);
  background-color: #fff;
  position: absolute;
  right: 0;
  top: -10px;
  padding: 0 5px;
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-icon {
  width: 100px;
  float: left;
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-icon:after {
  content: '';
  width: 100px;
  height: 5px;
  margin: auto;
  display: block;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-info {
  position: absolute;
  top: 50%;
  left: 120px;
  text-align: left;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-info h2 {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.milestones-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
.milestones-overlay .close-modal {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #999;
}
.milestones-overlay .milestone-information-container {
  width: 280px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.milestones-overlay .milestone-information-container p {
  font-size: 14px;
}
.milestones-overlay .milestone-information-container .bottom-info {
  border: 0;
  padding: 0;
  margin: 0;
}

.milestone-information-container {
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 40px 22px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.milestone-information-container img {
  margin-bottom: 10px;
  width: auto;
}
.milestone-information-container h2, .milestone-information-container h3 {
  font-size: 20px;
  margin: 0;
}
.milestone-information-container h2 {
  font-weight: 500;
  line-height: 1.1;
}
.milestone-information-container h3 {
  font-weight: 200;
  line-height: 1;
}
.milestone-information-container p {
  font-size: 16px;
  margin: 20px 0 20px;
}
.milestone-information-container .bottom-info {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  border-top: 1px solid #ccc;
  margin-top: 35px;
  padding-top: 35px;
}
.milestone-information-container .bottom-info p {
  font-weight: 500;
  text-transform: none;
  margin: 17px auto 30px;
}
.milestone-information-container .bottom-info > .button, .milestone-information-container .bottom-info > .btn-mobile-cta {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  padding: 18px 0;
  font-size: 14px;
}
.milestone-information-container .bottom-info h4 {
  font-size: inherit;
  margin-bottom: 5px;
}
.milestone-information-container .bottom-info span {
  padding: 0 5px;
  border-left: 1px solid #999;
}
.milestone-information-container .bottom-info span:first-of-type {
  border-left: 0;
}
.milestone-information-container .bottom-info .social-share {
  font-size: 16px;
  margin-top: 30px;
}
.milestone-information-container .bottom-info .social-share a {
  margin: 0 15px;
}

.page.january-page, .page.janchallenge2015, .page.seehow {
  overflow: hidden;
}
.page.january-page .module #challenge-wrapper #results-challenge .content-wrapper h5, .page.janchallenge2015 .module #challenge-wrapper #results-challenge .content-wrapper h5, .page.seehow .module #challenge-wrapper #results-challenge .content-wrapper h5 {
  padding-top: 30px;
}
.page.january-page .module #challenge-wrapper #results-challenge .content-wrapper .challenge-stats, .page.janchallenge2015 .module #challenge-wrapper #results-challenge .content-wrapper .challenge-stats, .page.seehow .module #challenge-wrapper #results-challenge .content-wrapper .challenge-stats {
  padding: 10px 0;
}
.page.january-page .module #challenge-wrapper #results-challenge .cta-wrapper, .page.janchallenge2015 .module #challenge-wrapper #results-challenge .cta-wrapper, .page.seehow .module #challenge-wrapper #results-challenge .cta-wrapper {
  margin-top: 0;
}
.page.january-page .module .hero header, .page.janchallenge2015 .module .hero header, .page.seehow .module .hero header {
  min-height: 0;
}
.page.january-page .module .hero header h2, .page.janchallenge2015 .module .hero header h2, .page.seehow .module .hero header h2 {
  border: none;
  width: 100%;
  padding: 0;
  top: 60%;
}
.page.january-page .module .hero header h2 span, .page.janchallenge2015 .module .hero header h2 span, .page.seehow .module .hero header h2 span {
  display: block;
  font-size: 28px;
  letter-spacing: 1px;
  font-weight: lighter;
  width: 75%;
  max-width: 400px;
  height: auto;
  border: 1px solid;
  padding: 30px 8px;
  margin: 0 auto;
}
.page.january-page .module .hero .mobile-copy, .page.janchallenge2015 .module .hero .mobile-copy, .page.seehow .module .hero .mobile-copy {
  text-align: center;
  padding: 20px 0;
  border-bottom: solid 1px #000;
}
.page.january-page .module .hero .mobile-copy small, .page.january-page .module .hero .mobile-copy .button, .page.january-page .module .hero .mobile-copy .btn-mobile-cta, .page.january-page .module .hero .mobile-copy a, .page.janchallenge2015 .module .hero .mobile-copy small, .page.janchallenge2015 .module .hero .mobile-copy .button, .page.janchallenge2015 .module .hero .mobile-copy .btn-mobile-cta, .page.janchallenge2015 .module .hero .mobile-copy a, .page.seehow .module .hero .mobile-copy small, .page.seehow .module .hero .mobile-copy .button, .page.seehow .module .hero .mobile-copy .btn-mobile-cta, .page.seehow .module .hero .mobile-copy a {
  display: block;
  margin: 0 auto;
  width: 80%;
  border: none;
}
.page.january-page .module .hero .mobile-copy small, .page.janchallenge2015 .module .hero .mobile-copy small, .page.seehow .module .hero .mobile-copy small {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
}
.page.january-page .module .hero .mobile-copy .button, .page.january-page .module .hero .mobile-copy .btn-mobile-cta, .page.janchallenge2015 .module .hero .mobile-copy .button, .page.janchallenge2015 .module .hero .mobile-copy .btn-mobile-cta, .page.seehow .module .hero .mobile-copy .button, .page.seehow .module .hero .mobile-copy .btn-mobile-cta {
  margin: 20px auto;
  max-width: 320px;
}
.page.january-page .module .hero .mobile-copy .terms, .page.janchallenge2015 .module .hero .mobile-copy .terms, .page.seehow .module .hero .mobile-copy .terms {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 10px;
  color: #000;
}
.page.january-page .module .promo-steps, .page.janchallenge2015 .module .promo-steps, .page.seehow .module .promo-steps {
  padding: 10px 0 0;
}
.page.january-page .module .promo-steps .paragraph, .page.janchallenge2015 .module .promo-steps .paragraph, .page.seehow .module .promo-steps .paragraph {
  max-width: 1120px;
}
.page.january-page .module .promo-steps .title, .page.janchallenge2015 .module .promo-steps .title, .page.seehow .module .promo-steps .title {
  font-size: 1.5em;
  font-weight: lighter;
  letter-spacing: 1px;
  margin: 0 auto;
}
.page.january-page .module .promo-steps .title span, .page.janchallenge2015 .module .promo-steps .title span, .page.seehow .module .promo-steps .title span {
  color: #C2CE00;
}
.page.january-page .module .promo-steps .title span span, .page.janchallenge2015 .module .promo-steps .title span span, .page.seehow .module .promo-steps .title span span {
  color: #000;
}
.page.january-page .module .promo-steps small, .page.janchallenge2015 .module .promo-steps small, .page.seehow .module .promo-steps small {
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 10px;
  width: 70%;
  margin: 12px auto;
}
.page.january-page .module .promo-steps ul, .page.janchallenge2015 .module .promo-steps ul, .page.seehow .module .promo-steps ul {
  margin: 35px auto 0;
}
.page.january-page .module .promo-steps ul li, .page.janchallenge2015 .module .promo-steps ul li, .page.seehow .module .promo-steps ul li {
  position: relative;
  height: 150px;
  max-width: 400px;
  margin: 0 auto;
}
.page.january-page .module .promo-steps ul li:nth-child(1):before, .page.january-page .module .promo-steps ul li:nth-child(2):before, .page.january-page .module .promo-steps ul li:nth-child(3):before, .page.janchallenge2015 .module .promo-steps ul li:nth-child(1):before, .page.janchallenge2015 .module .promo-steps ul li:nth-child(2):before, .page.janchallenge2015 .module .promo-steps ul li:nth-child(3):before, .page.seehow .module .promo-steps ul li:nth-child(1):before, .page.seehow .module .promo-steps ul li:nth-child(2):before, .page.seehow .module .promo-steps ul li:nth-child(3):before {
  position: absolute;
  color: #C2CE00;
  font-size: 55px;
  font-style: italic;
  font-weight: lighter;
  z-index: 9;
  top: -20px;
}
.page.january-page .module .promo-steps ul li:nth-child(1):before, .page.janchallenge2015 .module .promo-steps ul li:nth-child(1):before, .page.seehow .module .promo-steps ul li:nth-child(1):before {
  content: "1";
  left: 0;
}
.page.january-page .module .promo-steps ul li:nth-child(1) .item-info img, .page.janchallenge2015 .module .promo-steps ul li:nth-child(1) .item-info img, .page.seehow .module .promo-steps ul li:nth-child(1) .item-info img {
  left: 0;
}
.page.january-page .module .promo-steps ul li:nth-child(1) .content, .page.janchallenge2015 .module .promo-steps ul li:nth-child(1) .content, .page.seehow .module .promo-steps ul li:nth-child(1) .content {
  float: right;
}
.page.january-page .module .promo-steps ul li:nth-child(1) .content .title, .page.january-page .module .promo-steps ul li:nth-child(1) .content p, .page.janchallenge2015 .module .promo-steps ul li:nth-child(1) .content .title, .page.janchallenge2015 .module .promo-steps ul li:nth-child(1) .content p, .page.seehow .module .promo-steps ul li:nth-child(1) .content .title, .page.seehow .module .promo-steps ul li:nth-child(1) .content p {
  text-align: left;
}
.page.january-page .module .promo-steps ul li:nth-child(2):before, .page.janchallenge2015 .module .promo-steps ul li:nth-child(2):before, .page.seehow .module .promo-steps ul li:nth-child(2):before {
  content: "2";
  right: 0;
}
.page.january-page .module .promo-steps ul li:nth-child(2) .item-info img, .page.janchallenge2015 .module .promo-steps ul li:nth-child(2) .item-info img, .page.seehow .module .promo-steps ul li:nth-child(2) .item-info img {
  right: 0;
}
.page.january-page .module .promo-steps ul li:nth-child(2) .content, .page.janchallenge2015 .module .promo-steps ul li:nth-child(2) .content, .page.seehow .module .promo-steps ul li:nth-child(2) .content {
  float: left;
}
.page.january-page .module .promo-steps ul li:nth-child(2) .content .title, .page.january-page .module .promo-steps ul li:nth-child(2) .content p, .page.janchallenge2015 .module .promo-steps ul li:nth-child(2) .content .title, .page.janchallenge2015 .module .promo-steps ul li:nth-child(2) .content p, .page.seehow .module .promo-steps ul li:nth-child(2) .content .title, .page.seehow .module .promo-steps ul li:nth-child(2) .content p {
  text-align: right;
}
.page.january-page .module .promo-steps ul li:nth-child(3):before, .page.janchallenge2015 .module .promo-steps ul li:nth-child(3):before, .page.seehow .module .promo-steps ul li:nth-child(3):before {
  content: "3";
  left: 0;
}
.page.january-page .module .promo-steps ul li:nth-child(3) .item-info img, .page.janchallenge2015 .module .promo-steps ul li:nth-child(3) .item-info img, .page.seehow .module .promo-steps ul li:nth-child(3) .item-info img {
  left: 0;
}
.page.january-page .module .promo-steps ul li:nth-child(3) .content, .page.janchallenge2015 .module .promo-steps ul li:nth-child(3) .content, .page.seehow .module .promo-steps ul li:nth-child(3) .content {
  float: right;
}
.page.january-page .module .promo-steps ul li:nth-child(3) .content .title, .page.january-page .module .promo-steps ul li:nth-child(3) .content p, .page.janchallenge2015 .module .promo-steps ul li:nth-child(3) .content .title, .page.janchallenge2015 .module .promo-steps ul li:nth-child(3) .content p, .page.seehow .module .promo-steps ul li:nth-child(3) .content .title, .page.seehow .module .promo-steps ul li:nth-child(3) .content p {
  text-align: left;
}
.page.january-page .module .promo-steps ul li .item-info img, .page.janchallenge2015 .module .promo-steps ul li .item-info img, .page.seehow .module .promo-steps ul li .item-info img {
  width: 130px;
  height: 130px;
  position: absolute;
  top: 0;
  margin: 0 auto;
}
.page.january-page .module .promo-steps ul li .content, .page.janchallenge2015 .module .promo-steps ul li .content, .page.seehow .module .promo-steps ul li .content {
  width: 50%;
}
.page.january-page .module .promo-steps ul li .content .title, .page.janchallenge2015 .module .promo-steps ul li .content .title, .page.seehow .module .promo-steps ul li .content .title {
  color: #C2CE00;
  font-size: 1.3em;
  font-weight: 400;
}
.page.january-page .module .promo-steps ul li .content p, .page.janchallenge2015 .module .promo-steps ul li .content p, .page.seehow .module .promo-steps ul li .content p {
  font-size: 10px;
}
.page.january-page .module .scoring, .page.janchallenge2015 .module .scoring, .page.seehow .module .scoring {
  padding: 10px 0 40px;
  background: url("../../assets/images/january/bg.jpg");
}
.page.january-page .module .scoring .columns-layout h1, .page.janchallenge2015 .module .scoring .columns-layout h1, .page.seehow .module .scoring .columns-layout h1 {
  max-width: 100%;
}
.page.january-page .module .scoring .paragraph, .page.janchallenge2015 .module .scoring .paragraph, .page.seehow .module .scoring .paragraph {
  max-width: 1120px;
}
.page.january-page .module .scoring .paragraph p, .page.janchallenge2015 .module .scoring .paragraph p, .page.seehow .module .scoring .paragraph p {
  font-size: 10px;
  margin: 15px auto;
  width: 75%;
  max-width: 400px;
}
.page.january-page .module .scoring .title, .page.janchallenge2015 .module .scoring .title, .page.seehow .module .scoring .title {
  font-size: 1em;
  letter-spacing: 0.1em;
  margin: 15px auto;
}
.page.january-page .module .scoring ul li, .page.janchallenge2015 .module .scoring ul li, .page.seehow .module .scoring ul li {
  width: 100%;
}
.page.january-page .module .scoring ul li .circle, .page.janchallenge2015 .module .scoring ul li .circle, .page.seehow .module .scoring ul li .circle {
  position: relative;
  margin: 0 auto;
  background: #000;
  width: 145px;
  padding-bottom: 145px;
}
.page.january-page .module .scoring ul li .circle span, .page.january-page .module .scoring ul li .circle h4, .page.january-page .module .scoring ul li .circle h3, .page.janchallenge2015 .module .scoring ul li .circle span, .page.janchallenge2015 .module .scoring ul li .circle h4, .page.janchallenge2015 .module .scoring ul li .circle h3, .page.seehow .module .scoring ul li .circle span, .page.seehow .module .scoring ul li .circle h4, .page.seehow .module .scoring ul li .circle h3 {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
}
.page.january-page .module .scoring ul li .circle span, .page.janchallenge2015 .module .scoring ul li .circle span, .page.seehow .module .scoring ul li .circle span {
  top: 30%;
  height: 32px;
  width: 74px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center top;
}
.page.january-page .module .scoring ul li .circle span.img-activity, .page.janchallenge2015 .module .scoring ul li .circle span.img-activity, .page.seehow .module .scoring ul li .circle span.img-activity {
  background-image: url("/assets/images/janchallenge2015/icon-activity.png");
  width: 75px;
}
.page.january-page .module .scoring ul li .circle span.img-calendar, .page.janchallenge2015 .module .scoring ul li .circle span.img-calendar, .page.seehow .module .scoring ul li .circle span.img-calendar {
  background-image: url("/assets/images/janchallenge2015/icon-calendar.png");
}
.page.january-page .module .scoring ul li .circle span.img-marker-dot, .page.janchallenge2015 .module .scoring ul li .circle span.img-marker-dot, .page.seehow .module .scoring ul li .circle span.img-marker-dot {
  background-image: url("/assets/images/janchallenge2015/icon-marker-dot.png");
}
.page.january-page .module .scoring ul li .circle span.img-people, .page.janchallenge2015 .module .scoring ul li .circle span.img-people, .page.seehow .module .scoring ul li .circle span.img-people {
  background-image: url("/assets/images/janchallenge2015/icon-people.png");
}
.page.january-page .module .scoring ul li .circle span.img-time, .page.janchallenge2015 .module .scoring ul li .circle span.img-time, .page.seehow .module .scoring ul li .circle span.img-time {
  background-image: url("/assets/images/janchallenge2015/icon-time.png");
}
.page.january-page .module .scoring ul li .circle h4, .page.janchallenge2015 .module .scoring ul li .circle h4, .page.seehow .module .scoring ul li .circle h4 {
  font-size: 16px;
  letter-spacing: 1px;
  top: 52%;
  color: #fff;
  font-weight: 400;
  width: 100%;
  text-align: center;
}
.page.january-page .module .scoring ul li .circle h3, .page.janchallenge2015 .module .scoring ul li .circle h3, .page.seehow .module .scoring ul li .circle h3 {
  bottom: 10px;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  margin: 0 auto;
  width: 72%;
  font-weight: 600;
}
.page.january-page .module .scoring ul li .content .title, .page.janchallenge2015 .module .scoring ul li .content .title, .page.seehow .module .scoring ul li .content .title {
  font-weight: 400;
}
.page.january-page .module .scoring.pagination .owl-theme .owl-controls, .page.janchallenge2015 .module .scoring.pagination .owl-theme .owl-controls, .page.seehow .module .scoring.pagination .owl-theme .owl-controls {
  margin-top: 0;
}
.page.january-page .module .scoring.pagination .owl-theme .owl-controls .owl-page span, .page.janchallenge2015 .module .scoring.pagination .owl-theme .owl-controls .owl-page span, .page.seehow .module .scoring.pagination .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 2px 4px;
  opacity: 0.5;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-radius: 20px;
  background: #a8a8a8;
}
.page.january-page .module .scoring.pagination .owl-theme .owl-controls .owl-page.active span, .page.janchallenge2015 .module .scoring.pagination .owl-theme .owl-controls .owl-page.active span, .page.seehow .module .scoring.pagination .owl-theme .owl-controls .owl-page.active span {
  background: #000;
}
.page.january-page .module.tpl-prizedetailcallout, .page.january-page .module.tpl-sandwichedcta, .page.january-page .module.tpl-scheduleavisittout, .page.january-page .module.tpl-challengeoverlaypromosignup, .page.janchallenge2015 .module.tpl-prizedetailcallout, .page.janchallenge2015 .module.tpl-sandwichedcta, .page.janchallenge2015 .module.tpl-scheduleavisittout, .page.janchallenge2015 .module.tpl-challengeoverlaypromosignup, .page.seehow .module.tpl-prizedetailcallout, .page.seehow .module.tpl-sandwichedcta, .page.seehow .module.tpl-scheduleavisittout, .page.seehow .module.tpl-challengeoverlaypromosignup {
  margin-top: 0;
  padding-top: 0;
}
.page.january-page .module.tpl-scheduleavisit, .page.janchallenge2015 .module.tpl-scheduleavisit, .page.seehow .module.tpl-scheduleavisit {
  margin-bottom: 0;
}
.page.january-page .module .prizes, .page.janchallenge2015 .module .prizes, .page.seehow .module .prizes {
  margin: 0 auto;
  background: #fff;
  position: relative;
  height: 695px;
}
.page.january-page .module .prizes > img, .page.janchallenge2015 .module .prizes > img, .page.seehow .module .prizes > img {
  width: auto;
  height: 100%;
}
.page.january-page .module .prizes .title, .page.janchallenge2015 .module .prizes .title, .page.seehow .module .prizes .title {
  font-size: 50px;
  line-height: 27px;
  margin: 0 auto;
  color: #c2ce00;
  letter-spacing: 0;
  position: absolute;
  top: 70px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.page.january-page .module .prizes .circle, .page.janchallenge2015 .module .prizes .circle, .page.seehow .module .prizes .circle {
  display: none;
}
.page.january-page .module .prizes .side, .page.janchallenge2015 .module .prizes .side, .page.seehow .module .prizes .side {
  width: 100%;
  display: block;
  color: #fff;
}
.page.january-page .module .prizes .side .inner, .page.janchallenge2015 .module .prizes .side .inner, .page.seehow .module .prizes .side .inner {
  text-align: center;
  margin: 0 auto;
}
.page.january-page .module .prizes .side .inner h3, .page.janchallenge2015 .module .prizes .side .inner h3, .page.seehow .module .prizes .side .inner h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 1px;
}
.page.january-page .module .prizes .side .inner h2, .page.janchallenge2015 .module .prizes .side .inner h2, .page.seehow .module .prizes .side .inner h2 {
  margin: 1px auto 0;
  font-size: 40px;
  line-height: 42px;
  font-weight: normal;
  letter-spacing: 1px;
  width: 50%;
  min-width: 280px;
}
.page.january-page .module .prizes .side .inner small, .page.janchallenge2015 .module .prizes .side .inner small, .page.seehow .module .prizes .side .inner small {
  color: #a9a9a9;
  font-size: 20px;
  display: inline-block;
  width: 65%;
  min-width: 270px;
  margin-top: 0;
}
.page.january-page .module .prizes .side.left, .page.janchallenge2015 .module .prizes .side.left, .page.seehow .module .prizes .side.left {
  position: absolute;
  top: 172px;
  left: 0%;
}
.page.january-page .module .prizes .side.right, .page.janchallenge2015 .module .prizes .side.right, .page.seehow .module .prizes .side.right {
  position: absolute;
  top: 426px;
  left: 0%;
}
.page.january-page .module .join, .page.janchallenge2015 .module .join, .page.seehow .module .join {
  text-align: center;
  margin: 20px 0;
}
.page.january-page .module .join p, .page.janchallenge2015 .module .join p, .page.seehow .module .join p {
  text-transform: uppercase;
  display: block;
}
.page.january-page .module .join a, .page.janchallenge2015 .module .join a, .page.seehow .module .join a {
  background: #C2CE00;
  border: none;
  width: 80%;
  max-width: 320px;
  margin: 0 auto;
  color: #fff;
  display: block;
}
.page.january-page .module .join a.terms, .page.janchallenge2015 .module .join a.terms, .page.seehow .module .join a.terms {
  background: none;
  text-decoration: underline;
  display: block;
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 10px;
  color: #000;
  margin: 10px auto;
}
.page.january-page .module .schedule-a-visit-tout, .page.janchallenge2015 .module .schedule-a-visit-tout, .page.seehow .module .schedule-a-visit-tout {
  background: #242c33;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header, .page.seehow .module .schedule-a-visit-tout .rich-content header {
  max-height: 100%;
  min-height: 75px;
  padding: 50px 0 73px;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header h2, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header h2, .page.seehow .module .schedule-a-visit-tout .rich-content header h2 {
  font-size: 32px;
  line-height: 20px;
  position: relative;
  border: none;
  padding: 0;
  width: 80%;
  letter-spacing: 0.1em;
  left: 0;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  height: auto;
  min-height: 0 !important;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header h2 small, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header h2 small, .page.seehow .module .schedule-a-visit-tout .rich-content header h2 small {
  font-weight: lighter;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header h2 small b, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header h2 small b, .page.seehow .module .schedule-a-visit-tout .rich-content header h2 small b {
  font-weight: 900;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header .arrow-container, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header .arrow-container, .page.seehow .module .schedule-a-visit-tout .rich-content header .arrow-container {
  display: none;
}
.page.january-page .module .inline-join header, .page.janchallenge2015 .module .inline-join header, .page.seehow .module .inline-join header {
  max-height: 300px;
  min-height: 0;
}
.page.january-page .module .inline-join header h2, .page.janchallenge2015 .module .inline-join header h2, .page.seehow .module .inline-join header h2 {
  border: none;
  width: 100%;
  padding: 0;
}
.page.january-page .module .inline-join header h2 span, .page.janchallenge2015 .module .inline-join header h2 span, .page.seehow .module .inline-join header h2 span {
  display: block;
  font-size: 23px;
  letter-spacing: 1px;
  font-weight: lighter;
  width: 75%;
  max-width: 400px;
  height: auto;
  border: 1px solid;
  padding: 10px;
  margin: 0 auto;
}
.page.january-page .module .inline-join header small.lower, .page.janchallenge2015 .module .inline-join header small.lower, .page.seehow .module .inline-join header small.lower {
  text-transform: none;
}
.page.january-page .module .inline-join header .mobile-copy, .page.janchallenge2015 .module .inline-join header .mobile-copy, .page.seehow .module .inline-join header .mobile-copy {
  text-align: center;
}
.page.january-page .module .inline-join header .mobile-copy small, .page.january-page .module .inline-join header .mobile-copy .button, .page.january-page .module .inline-join header .mobile-copy .btn-mobile-cta, .page.january-page .module .inline-join header .mobile-copy a, .page.janchallenge2015 .module .inline-join header .mobile-copy small, .page.janchallenge2015 .module .inline-join header .mobile-copy .button, .page.janchallenge2015 .module .inline-join header .mobile-copy .btn-mobile-cta, .page.janchallenge2015 .module .inline-join header .mobile-copy a, .page.seehow .module .inline-join header .mobile-copy small, .page.seehow .module .inline-join header .mobile-copy .button, .page.seehow .module .inline-join header .mobile-copy .btn-mobile-cta, .page.seehow .module .inline-join header .mobile-copy a {
  display: block;
  margin: 5px auto;
  width: 95%;
}
.page.january-page .module .inline-join header .mobile-copy small, .page.janchallenge2015 .module .inline-join header .mobile-copy small, .page.seehow .module .inline-join header .mobile-copy small {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  font-weight: lighter;
}
.page.january-page .module .inline-join header .mobile-copy small.lower, .page.janchallenge2015 .module .inline-join header .mobile-copy small.lower, .page.seehow .module .inline-join header .mobile-copy small.lower {
  text-transform: none;
  font-size: 9px;
}
.page.january-page .module .inline-join header .mobile-copy .button, .page.january-page .module .inline-join header .mobile-copy .btn-mobile-cta, .page.janchallenge2015 .module .inline-join header .mobile-copy .button, .page.janchallenge2015 .module .inline-join header .mobile-copy .btn-mobile-cta, .page.seehow .module .inline-join header .mobile-copy .button, .page.seehow .module .inline-join header .mobile-copy .btn-mobile-cta {
  margin: 10px auto;
  max-width: 250px;
}
.page.january-page .module .inline-join header .mobile-copy .terms, .page.janchallenge2015 .module .inline-join header .mobile-copy .terms, .page.seehow .module .inline-join header .mobile-copy .terms {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 11px;
}
.page.january-page .module .jan-overlay > div, .page.janchallenge2015 .module .jan-overlay > div, .page.seehow .module .jan-overlay > div {
  width: 90%;
  margin: 0 5%;
  padding: 30px 15px;
}
.page.january-page .module .jan-overlay > div .icon-close, .page.janchallenge2015 .module .jan-overlay > div .icon-close, .page.seehow .module .jan-overlay > div .icon-close {
  top: 0;
  right: 4px;
}
.page.january-page .module .jan-overlay .paragraph, .page.janchallenge2015 .module .jan-overlay .paragraph, .page.seehow .module .jan-overlay .paragraph {
  max-width: 900px;
}
.page.january-page .module .jan-overlay h1, .page.january-page .module .jan-overlay small, .page.janchallenge2015 .module .jan-overlay h1, .page.janchallenge2015 .module .jan-overlay small, .page.seehow .module .jan-overlay h1, .page.seehow .module .jan-overlay small {
  font-weight: lighter;
  margin: 0 auto;
  display: block;
}
.page.january-page .module .jan-overlay h1, .page.janchallenge2015 .module .jan-overlay h1, .page.seehow .module .jan-overlay h1 {
  letter-spacing: 1px;
}
.page.january-page .module .jan-overlay h6, .page.janchallenge2015 .module .jan-overlay h6, .page.seehow .module .jan-overlay h6 {
  margin: 1em 0;
  font-size: 13px;
}
.page.january-page .module .jan-overlay small, .page.janchallenge2015 .module .jan-overlay small, .page.seehow .module .jan-overlay small {
  font-size: 12px;
}
.page.january-page .module .jan-overlay hr, .page.janchallenge2015 .module .jan-overlay hr, .page.seehow .module .jan-overlay hr {
  margin: 20px 0;
}
.page.january-page .module .jan-overlay ul li, .page.janchallenge2015 .module .jan-overlay ul li, .page.seehow .module .jan-overlay ul li {
  position: relative;
  height: 150px;
  max-width: 300px;
  margin: 0 auto;
}
.page.january-page .module .jan-overlay ul li:nth-child(1):before, .page.january-page .module .jan-overlay ul li:nth-child(2):before, .page.january-page .module .jan-overlay ul li:nth-child(3):before, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(1):before, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(2):before, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(3):before, .page.seehow .module .jan-overlay ul li:nth-child(1):before, .page.seehow .module .jan-overlay ul li:nth-child(2):before, .page.seehow .module .jan-overlay ul li:nth-child(3):before {
  position: absolute;
  color: #C2CE00;
  font-size: 55px;
  font-style: italic;
  font-weight: lighter;
  z-index: 9;
  top: -20px;
}
.page.january-page .module .jan-overlay ul li:nth-child(1):before, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(1):before, .page.seehow .module .jan-overlay ul li:nth-child(1):before {
  content: "1";
  left: 0;
}
.page.january-page .module .jan-overlay ul li:nth-child(1) .item-info img, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(1) .item-info img, .page.seehow .module .jan-overlay ul li:nth-child(1) .item-info img {
  left: 0;
}
.page.january-page .module .jan-overlay ul li:nth-child(1) .content, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(1) .content, .page.seehow .module .jan-overlay ul li:nth-child(1) .content {
  float: right;
}
.page.january-page .module .jan-overlay ul li:nth-child(1) .content h2, .page.january-page .module .jan-overlay ul li:nth-child(1) .content p, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(1) .content h2, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(1) .content p, .page.seehow .module .jan-overlay ul li:nth-child(1) .content h2, .page.seehow .module .jan-overlay ul li:nth-child(1) .content p {
  text-align: left;
}
.page.january-page .module .jan-overlay ul li:nth-child(2):before, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(2):before, .page.seehow .module .jan-overlay ul li:nth-child(2):before {
  content: "2";
  right: 0;
}
.page.january-page .module .jan-overlay ul li:nth-child(2) .item-info img, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(2) .item-info img, .page.seehow .module .jan-overlay ul li:nth-child(2) .item-info img {
  right: 0;
}
.page.january-page .module .jan-overlay ul li:nth-child(2) .content, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(2) .content, .page.seehow .module .jan-overlay ul li:nth-child(2) .content {
  float: left;
}
.page.january-page .module .jan-overlay ul li:nth-child(2) .content h2, .page.january-page .module .jan-overlay ul li:nth-child(2) .content p, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(2) .content h2, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(2) .content p, .page.seehow .module .jan-overlay ul li:nth-child(2) .content h2, .page.seehow .module .jan-overlay ul li:nth-child(2) .content p {
  text-align: right;
}
.page.january-page .module .jan-overlay ul li:nth-child(3):before, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(3):before, .page.seehow .module .jan-overlay ul li:nth-child(3):before {
  content: "3";
  left: 0;
}
.page.january-page .module .jan-overlay ul li:nth-child(3) .item-info img, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(3) .item-info img, .page.seehow .module .jan-overlay ul li:nth-child(3) .item-info img {
  left: 0;
}
.page.january-page .module .jan-overlay ul li:nth-child(3) .content, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(3) .content, .page.seehow .module .jan-overlay ul li:nth-child(3) .content {
  float: right;
}
.page.january-page .module .jan-overlay ul li:nth-child(3) .content h2, .page.january-page .module .jan-overlay ul li:nth-child(3) .content p, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(3) .content h2, .page.janchallenge2015 .module .jan-overlay ul li:nth-child(3) .content p, .page.seehow .module .jan-overlay ul li:nth-child(3) .content h2, .page.seehow .module .jan-overlay ul li:nth-child(3) .content p {
  text-align: left;
}
.page.january-page .module .jan-overlay ul li .item-info img, .page.janchallenge2015 .module .jan-overlay ul li .item-info img, .page.seehow .module .jan-overlay ul li .item-info img {
  width: 50%;
  max-width: 130px;
  max-height: 130px;
  height: auto;
  position: absolute;
  top: 0;
  margin: 0 auto;
}
.page.january-page .module .jan-overlay ul li .content, .page.janchallenge2015 .module .jan-overlay ul li .content, .page.seehow .module .jan-overlay ul li .content {
  width: 40%;
}
.page.january-page .module .jan-overlay ul li .content h2, .page.janchallenge2015 .module .jan-overlay ul li .content h2, .page.seehow .module .jan-overlay ul li .content h2 {
  color: #C2CE00;
  font-size: 1.3em;
}
.page.january-page .module .jan-overlay ul li .content p, .page.janchallenge2015 .module .jan-overlay ul li .content p, .page.seehow .module .jan-overlay ul li .content p {
  font-size: 10px;
}
.page.january-page .module .jan-overlay .join-selectors, .page.janchallenge2015 .module .jan-overlay .join-selectors, .page.seehow .module .jan-overlay .join-selectors {
  max-width: 570px;
  margin: 0 auto;
}
.page.january-page .module .jan-overlay .join-selectors small, .page.janchallenge2015 .module .jan-overlay .join-selectors small, .page.seehow .module .jan-overlay .join-selectors small {
  margin: 30px 0;
}
.page.january-page .module .jan-overlay .join-selectors input, .page.janchallenge2015 .module .jan-overlay .join-selectors input, .page.seehow .module .jan-overlay .join-selectors input {
  max-width: 350px;
}
.page.january-page .module.tpl-1-2-3callout .promo-steps, .page.janchallenge2015 .module.tpl-1-2-3callout .promo-steps, .page.seehow .module.tpl-1-2-3callout .promo-steps {
  padding-top: 0;
  margin-top: -2px;
}
.page.january-page .leaderboard-header, .page.janchallenge2015 .leaderboard-header, .page.seehow .leaderboard-header {
  width: 100%;
  height: auto;
  background: #000;
  color: #fff;
  position: relative;
}
.page.january-page .leaderboard-header a.back, .page.janchallenge2015 .leaderboard-header a.back, .page.seehow .leaderboard-header a.back {
  position: absolute;
  top: 40px;
  left: 20px;
}
.page.january-page .leaderboard-header a.back img, .page.janchallenge2015 .leaderboard-header a.back img, .page.seehow .leaderboard-header a.back img {
  width: 20px;
  height: 35px;
}
.page.january-page .leaderboard-header .wrapper, .page.janchallenge2015 .leaderboard-header .wrapper, .page.seehow .leaderboard-header .wrapper {
  width: 100%;
  text-align: center;
  padding: 38px 0;
}
.page.january-page .leaderboard-header .wrapper h3, .page.janchallenge2015 .leaderboard-header .wrapper h3, .page.seehow .leaderboard-header .wrapper h3 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.page.january-page .leaderboard-header .wrapper label, .page.janchallenge2015 .leaderboard-header .wrapper label, .page.seehow .leaderboard-header .wrapper label {
  font-size: 12px;
  text-transform: uppercase;
  display: inline;
}
.page.january-page .leaderboard-header .wrapper ul, .page.janchallenge2015 .leaderboard-header .wrapper ul, .page.seehow .leaderboard-header .wrapper ul {
  padding: 10px 0;
}
.page.january-page .leaderboard-header .wrapper ul li, .page.janchallenge2015 .leaderboard-header .wrapper ul li, .page.seehow .leaderboard-header .wrapper ul li {
  display: block;
  width: 100%;
  margin: 10px 0;
}
.page.january-page .leaderboard-header .wrapper .filter, .page.janchallenge2015 .leaderboard-header .wrapper .filter, .page.seehow .leaderboard-header .wrapper .filter {
  width: 80%;
  margin: 0 10%;
}
.page.january-page .leaderboard-header .wrapper .filter label, .page.janchallenge2015 .leaderboard-header .wrapper .filter label, .page.seehow .leaderboard-header .wrapper .filter label {
  display: block;
  float: left;
  font-size: 16px;
}
.page.january-page .leaderboard-header .wrapper .filter .select-wrapper, .page.janchallenge2015 .leaderboard-header .wrapper .filter .select-wrapper, .page.seehow .leaderboard-header .wrapper .filter .select-wrapper {
  width: 150px;
  border-bottom: solid 1px #666;
  text-align: center;
  margin-left: 15px;
}
.page.january-page .leaderboard-header .wrapper .filter .select-wrapper .option, .page.janchallenge2015 .leaderboard-header .wrapper .filter .select-wrapper .option, .page.seehow .leaderboard-header .wrapper .filter .select-wrapper .option {
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  height: 100%;
  letter-spacing: 5px;
}
.page.january-page .leaderboard-header .wrapper .filter .select-wrapper .option:after, .page.janchallenge2015 .leaderboard-header .wrapper .filter .select-wrapper .option:after, .page.seehow .leaderboard-header .wrapper .filter .select-wrapper .option:after {
  content: '';
  width: 10px;
  height: 5px;
  display: block;
  position: absolute;
  top: 50%;
  right: 1px;
  margin-top: -3px;
  background: url("/assets/images/janchallenge2015/filter-arrow.png") no-repeat;
}
.page.january-page .leaderboard-subheader, .page.janchallenge2015 .leaderboard-subheader, .page.seehow .leaderboard-subheader {
  width: 100%;
  height: 220px;
  background: #fff;
  color: #000;
  border-bottom: solid 1px #b2b2b2;
  padding: 45px 0 0;
}
.page.january-page .leaderboard-subheader .wrapper, .page.janchallenge2015 .leaderboard-subheader .wrapper, .page.seehow .leaderboard-subheader .wrapper {
  width: 100%;
  margin: 0 auto;
}
.page.january-page .leaderboard-subheader .wrapper .subheader-left, .page.janchallenge2015 .leaderboard-subheader .wrapper .subheader-left, .page.seehow .leaderboard-subheader .wrapper .subheader-left {
  margin-bottom: 40px;
}
.page.january-page .leaderboard-subheader .wrapper h4, .page.janchallenge2015 .leaderboard-subheader .wrapper h4, .page.seehow .leaderboard-subheader .wrapper h4 {
  font-size: 14px;
  text-align: center;
}
.page.january-page .leaderboard-subheader .wrapper span, .page.janchallenge2015 .leaderboard-subheader .wrapper span, .page.seehow .leaderboard-subheader .wrapper span {
  font-size: 40px;
  text-align: center;
  display: block;
}
.page.january-page .leaderboard-pager, .page.janchallenge2015 .leaderboard-pager, .page.seehow .leaderboard-pager {
  margin: 0 auto 40px;
}

.page.giftcard .giftcard-form .error-msg .required, .page.giftcard .giftcard-form .error-msg .format, .page.giftcard .giftcard-form .error-msg .match {
  display: none;
  color: red;
}
.page.giftcard .giftcard-form .label-required {
  color: red;
}
.page.giftcard .giftcard-form > div {
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px;
  margin-bottom: 15px;
  float: left;
}
.page.giftcard .giftcard-form > div.quarter {
  width: 50%;
}
.page.giftcard .giftcard-form .label {
  display: block;
  margin-left: 26px;
  font-size: 14px;
  letter-spacing: 2px;
}
.page.giftcard .giftcard-form .error .dropdown {
  border-color: red;
}
.page.giftcard .giftcard-form .error .dropdown .option {
  color: red;
}
.page.giftcard .giftcard-button .button-container {
  text-align: center;
  margin-top: -10px;
}
.page.giftcard .giftcard-button .button-container .button, .page.giftcard .giftcard-button .button-container .btn-mobile-cta {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 15px;
  min-width: 280px;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  max-width: 305px;
}
.page.giftcard .giftcard-button .button-container .secondary {
  background: transparent;
  border: solid 1px #fff;
  color: #fff;
  padding: 14px 25px;
}
.page.giftcard .giftcard-button .button-container button.button:last-child, .page.giftcard .giftcard-button .button-container button.btn-mobile-cta:last-child {
  margin: 0 0 0 -6px;
}
.page.giftcard .catalog-form {
  margin-left: 40.2%;
  margin-top: 5%;
}
.page.giftcard .recipientHeader {
  padding-left: 38.5%;
  padding-bottom: 4%;
  padding-top: 6%;
}
.page.giftcard .eftPolicy span {
  color: #FFF !important;
}
.page.giftcard .eftPolicy div {
  color: #FFF !important;
}
.page.giftcard .eftPolicy font {
  color: #FFF !important;
}
.page.giftcard .flip-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  display: inline-block;
}
.page.giftcard .col {
  min-height: 558px !important;
}
.page.giftcard .expiration {
  overflow: hidden;
}
.page.giftcard .padding-top-1-x {
  padding-top: 5%;
}
.page.giftcard .padding-top-2-x {
  padding-top: 10%;
}

.page.wizard {
  min-height: 600px !important;
}
.page.wizard .proper-case {
  text-transform: none;
}
.page.wizard .upper-case {
  text-transform: uppercase;
}
.page.wizard .center {
  text-align: center;
}
.page.wizard .padding-3-x {
  padding-bottom: 30px;
}
.page.wizard .error {
  color: red;
}
.page.wizard #textarea_feedback {
  font-size: 0.689em;
}

.cyclinggroups *, .cyclinggroups :after, .cyclinggroups :before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
}
.cyclinggroups.inactive {
  overflow-x: hidden;
}
.cyclinggroups img {
  vertical-align: bottom;
}
.cyclinggroups .button.box, .cyclinggroups .btn-mobile-cta {
  font-size: 11px;
  padding: 14px 20px;
  margin: 0 auto;
  display: block;
  width: 250px;
}
.cyclinggroups .button.box.white, .cyclinggroups .btn-mobile-cta {
  color: #000;
}
.cyclinggroups .module {
  padding: 0;
  margin: 0;
}

#toggle-menu {
  background-color: #a969ff;
  width: 48px;
  height: 48px;
  color: #000;
  display: block;
  position: fixed;
  top: 0;
  left: 275px;
  z-index: 100;
  font-size: 65px;
  line-height: 48px;
  text-align: center;
}

.group-cycling-title {
  font-size: 21px;
  font-weight: 200;
  letter-spacing: 3.36px;
}

.strike-through-title, .section-title {
  font-size: 21px;
  font-weight: 200;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}
.strike-through-title:before, .section-title:before {
  content: '';
  border-top: 1px solid #c3c3c3;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.strike-through-title span, .section-title span {
  position: relative;
  background-color: #fff;
  padding: 0 15px;
}

.group-cycling-subtitle {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.group-cycling-section {
  position: relative;
  padding: 0 12px;
  margin-bottom: 20px;
}
.group-cycling-section.group-cycling-home, .group-cycling-section.group-cycling-compete {
  padding: 0;
}

.group-cycling-subsection {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  padding-top: 25px;
  margin-top: 25px;
}

.section-title {
  font-size: 18px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
}
.section-title small {
  display: none;
}
.section-title.dark:before {
  border-top: 1px solid rgba(136, 136, 136, 0.5);
}
.section-title.dark span {
  color: #000;
}
.section-title.dark small {
  color: #000;
}

.section-subtitle {
  font-size: 21px;
  font-weight: 200;
  letter-spacing: 1.68px;
}
.section-subtitle small {
  display: block;
  font-size: 70px;
  line-height: .4;
}

.paragraph-subtitle {
  font-size: 11px;
  font-weight: 700;
  margin: 5px 0 10px;
}

.paragraph-subtitle-small {
  font-size: 10px;
  text-transform: none;
  color: #7d7d7d;
  margin-bottom: 30px;
}

.sticky-label {
  position: absolute;
  top: -11px;
  left: -58px;
  color: #a969ff;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-bottom: 70px solid #000;
  width: 0;
  height: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sticky-label small {
  position: absolute;
  top: 35px;
  left: -20px;
  font-size: 11px;
  font-weight: 700;
}

.profile-picture {
  width: 77px;
  height: 77px;
  overflow: hidden;
  margin: 0 auto 15px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.profile-picture img {
  width: auto;
  height: 100%;
}

.group-cycling-nav {
  background-color: #000;
  position: fixed;
  width: 275px;
  height: 90%;
  height: calc(100% - 50px);
  z-index: 101;
  text-align: left;
  -webkit-overflow-scrolling: touch;
  -moz-transform: translateX(-275px);
  -ms-transform: translateX(-275px);
  -webkit-transform: translateX(-275px);
  transform: translateX(-275px);
  -moz-transition: all, 250ms, ease-in-out;
  -o-transition: all, 250ms, ease-in-out;
  -webkit-transition: all, 250ms, ease-in-out;
  transition: all, 250ms, ease-in-out;
}
.group-cycling-nav.active {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.group-cycling-nav label {
  font-size: 17px;
  font-weight: 200;
  letter-spacing: 3.4px;
  color: #fff;
  padding: 18px 24px;
  display: block;
  width: 275px;
}
.group-cycling-nav label strong {
  font-weight: 700;
}
.group-cycling-nav ul {
  overflow: scroll;
  max-height: 80%;
}
.group-cycling-nav ul li {
  -moz-transition: background, 500ms, ease;
  -o-transition: background, 500ms, ease;
  -webkit-transition: background, 500ms, ease;
  transition: background, 500ms, ease;
}
.group-cycling-nav ul li:first-child a:before {
  border-top: 0;
}
.group-cycling-nav ul li.active {
  background-color: #1d2328;
}
.group-cycling-nav ul li.active :before, .group-cycling-nav ul li.active span {
  color: #a969ff;
}
.group-cycling-nav ul li a {
  padding: 0 24px;
  display: block;
}
.group-cycling-nav ul li a:before {
  font-size: 65px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 35px;
  margin-right: 17px;
}
.group-cycling-nav ul li a:after {
  content: '';
  border-top: 1px solid #1b1b1b;
  display: block;
}
.group-cycling-nav ul li a span {
  display: inline-block;
  vertical-align: middle;
  font: 400 15px/1 'Graphik Web', sans serif;
  color: #fff;
  letter-spacing: 1.5px;
}

.cyclinggroups {
  position: relative;
  text-align: center;
}
.cyclinggroups .module {
  -moz-transition: all, 250ms, linear;
  -o-transition: all, 250ms, linear;
  -webkit-transition: all, 250ms, linear;
  transition: all, 250ms, linear;
}
.cyclinggroups .module.inactive {
  -moz-transform: translateX(275px);
  -ms-transform: translateX(275px);
  -webkit-transform: translateX(275px);
  transform: translateX(275px);
}
.cyclinggroups.inactive:before {
  background: rgba(0, 0, 0, 0.7);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.group-cycling-header {
  position: relative;
}
.group-cycling-header img {
  width: 100%;
}
.group-cycling-header h1 {
  font-size: 41px;
  font-weight: 700;
  color: #a969ff;
  letter-spacing: 9.84px;
  line-height: .9;
}
.group-cycling-header p {
  font-size: 12px;
  letter-spacing: .96px;
  color: #fff;
  line-height: 1.4;
  margin-top: 10px;
}
.group-cycling-header p strong {
  font-weight: 700;
}
.group-cycling-header .group-cycling-header-info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.group-cycling-header .group-cycling-header-info .button, .group-cycling-header .group-cycling-header-info .btn-mobile-cta {
  background-color: #a969ff;
  border: 0;
}
.group-cycling-header .cta-buttons {
  border-top: 1px solid rgba(255, 255, 255, 0.44);
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  padding: 6px 0;
  margin: auto;
  width: 200px;
}
.group-cycling-header .cta-buttons a {
  font-size: 11px;
  color: #fff;
  padding: 0 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.44);
}
.group-cycling-header .cta-buttons a span {
  display: none;
}
.group-cycling-header .cta-buttons a:first-child {
  border: 0;
}

.join-groups {
  padding: 14px 30px;
}
.join-groups .group-perks-list li {
  margin-bottom: 35px;
}
.join-groups .group-perks-list li h3 {
  font-size: 18px;
  margin: 13px 0 8px;
  color: #8327d1;
  letter-spacing: .62px;
}
.join-groups .group-perks-list li p {
  font-size: 10px;
  font-weight: 400;
  text-transform: none;
}

.group-cycling-user-info {
  position: relative;
  margin-top: -40px;
}
.group-cycling-user-info ul li {
  font-size: 11px;
  line-height: 1.4;
}
.group-cycling-user-info ul li:first-child {
  font-size: 16px;
  margin-bottom: 7px;
}
.group-cycling-user-info .icon-dropdown-slim {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px;
  display: block;
}

.challenge-section {
  position: relative;
  margin-bottom: 20px;
}
.challenge-section img.is-mobile.mobile-background {
  min-height: 580px;
}
.challenge-section .cta-buttons {
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 10;
}
.challenge-section .cta-buttons .button.box, .challenge-section .cta-buttons .btn-mobile-cta {
  margin: 0 auto;
}
.challenge-section.empty {
  min-height: 150px;
}
.challenge-section.empty img {
  display: none !important;
}
.challenge-section .challenge-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 18px;
}
.challenge-section .challenge-container h1 a, .challenge-section .challenge-container h2 a {
  color: currentColor;
}
.challenge-section .challenge-container h4 {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .8px;
}
.challenge-section .challenge-container h2 {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1.2;
  word-break: break-word;
}
.challenge-section .challenge-container h1 {
  font-size: 35px;
  font-weight: 200;
  color: #a969ff;
  letter-spacing: 2.8px;
  margin: -10px 0 6px;
}
.challenge-section .challenge-container p {
  font-size: 11px;
  color: #fff;
  letter-spacing: .88px;
  margin-bottom: 3px;
}
.challenge-section .challenge-container small {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: .72px;
  margin-bottom: 7px;
  padding: 0 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-block;
}
.challenge-section .challenge-container small:first-of-type {
  border-left: 0;
}
.challenge-section .challenge-container > a {
  display: block;
}
.challenge-section .challenge-container > a label {
  font-size: 12px;
  text-decoration: underline;
  color: #7c878e;
  letter-spacing: .96px;
}
.challenge-section .challenge-container > a span {
  display: none;
}
.challenge-section .challenge-container .ranking-container {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.21);
  margin: 10px 0;
}
.challenge-section .challenge-container .not-joined {
  padding: 25px 0;
}
.challenge-section .challenge-container .not-joined p {
  font-size: 11px;
  font-weight: 500;
}
.challenge-section .challenge-container .not-joined h2 {
  font-size: 22px;
  font-weight: 200;
}
.challenge-section .challenge-container .rank-view {
  padding: 10px 0 5px;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 90%;
}
.challenge-section .challenge-container .rank-view:first-child {
  border: 0;
}
.challenge-section .challenge-container .rank-view small, .challenge-section .challenge-container .rank-view strong {
  font-size: 9px;
  color: #fff;
  margin-bottom: 0;
}
.challenge-section .challenge-container .rank-view .ranking {
  font-size: 25px;
  font-weight: 200;
  color: #a969ff;
}
.challenge-section .challenge-container .rank-view .ranking .my-rank .ord {
  top: -0.85em;
  position: relative;
  font-size: .45em;
}
.challenge-section .challenge-container .rank-view .no-progress {
  font-size: 25px;
  font-weight: 200;
  color: #a969ff;
  padding-top: 10px;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALklEQVQIW2NkYGD4D8Rw4OPjw8CILAgS2LJlC0IQJgDSAlaJLAAWBAr8B2lBBgBpZhHl2cFJIgAAAABJRU5ErkJggg==) repeat;
  width: 195px;
  height: 20px;
  margin: 14px auto;
  position: relative;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .miles-counter {
  z-index: 999;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader .miles-counter {
  right: 0;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader:after {
  content: attr(data-name);
  position: absolute;
  right: 100%;
  top: 6px;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  padding-right: 8px;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader.progress-50 .miles-counter {
  margin-left: 0;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar.not-me .progress-loader {
  background-color: #7e7e7f;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader {
  background-color: #a969ff;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 21px;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader .miles-counter {
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  position: absolute;
  right: 12px;
  padding-right: 10px;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader .miles-surpassed {
  display: none;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader.progress-50 .miles-counter {
  right: auto;
  left: 100%;
  margin-left: 10px;
  padding-right: 0;
  padding-left: 10px;
  color: #fff;
  width: 120px;
  text-align: left;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader.goal-complete .miles-surpassed {
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAL0lEQVQIW2Nclfn/PwMSmHrNgYERWRAkkK11ACEIEwBpAqtEFgAL2tvb/wdpQQYA9rMaBjvFct8AAAAASUVORK5CYII=) repeat;
  position: absolute;
  right: 0;
  width: 60px;
  height: 20px;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader.goal-complete .progress-icon {
  border: 4px double #000;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader.goal-complete .progress-icon span {
  font-size: 45px;
  line-height: 0;
  color: #fff;
  position: absolute;
  top: 9px;
  left: -6px;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader.goal-complete .progress-icon span:before {
  content: '\e648';
  right: .5px;
  position: relative;
  top: 1px;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader .progress-icon {
  background-color: #a969ff;
  border: 1px solid #000;
  position: absolute;
  top: -2px;
  right: -12px;
  z-index: 10;
  width: 25px;
  height: 25px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader .progress-icon span {
  display: block;
  font-size: 12px;
  line-height: 25px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.challenge-section .challenge-container .rank-view.progress .progress-bar .progress-loader .progress-icon span:before {
  font-family: 'icomoon';
  content: '\e612';
}
.challenge-section .challenge-container .rank-view .progress-module {
  padding: 30px 0 0 0;
  max-width: 65%;
  margin: 0px 13% 85px 22%;
  position: relative;
}
.challenge-section .challenge-container .rank-view .progress-module .progress {
  height: 35px;
  width: 100%;
  background: url("/assets/images/group-cycling/progress-bg.png") left top repeat-x;
  position: relative;
}
.challenge-section .challenge-container .rank-view .progress-module .progress .icon {
  position: absolute;
  width: 45px;
  height: 45px;
  border: 3px solid #000;
  background: #a969ff;
  left: -15px;
  top: -5px;
  box-sizing: border-box;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
  display: none;
}
.challenge-section .challenge-container .rank-view .progress-module .progress .icon img {
  display: block;
  position: absolute;
  top: 8px;
  left: 9px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 60%;
}
.challenge-section .challenge-container .rank-view .progress-module .progress .icon.inprogress span:before {
  font-family: 'icomoon';
  content: "\e612";
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 8px;
  left: 9px;
}
.challenge-section .challenge-container .rank-view .progress-module .progress .bar {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 35px;
  width: 0px;
  background: #a969ff;
}
.challenge-section .challenge-container .rank-view .progress-module .progress .overbar {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 35px;
  width: 0px;
  background: url("/assets/images/group-cycling/progress-over-bg.png") left top repeat-x;
}
.challenge-section .challenge-container .rank-view .progress-module .progress .progress-miles {
  color: #fff;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: none;
  font-size: 12px;
  text-transform: uppercase;
  font-style: italic;
}
.challenge-section .challenge-container .rank-view .progress-module .progress .progress-miles span {
  display: block;
  font-style: normal;
  font-weight: bold;
}
.challenge-section .challenge-container .rank-view .progress-module .progress.another .bar {
  background: #7e7e7f;
}
.challenge-section .challenge-container .rank-view .progress-module .progress.another .icon {
  background: #7e7e7f;
}
.challenge-section .challenge-container .rank-view .progress-module .progress.another .overbar {
  background: url("/assets/images/group-cycling/progress-other-over-bg.png") left top repeat-x;
}
.challenge-section .challenge-container .rank-view .progress-module .goal-marker {
  position: absolute;
  height: 40px;
  width: auto;
  top: 65px;
  display: none;
}
.challenge-section .challenge-container .rank-view .progress-module .goal-marker .line {
  position: absolute;
  top: 0px;
  right: 1px;
  border-right: 1px dotted #fff;
  height: 20px;
}
.challenge-section .challenge-container .rank-view .progress-module .goal-marker .number {
  position: absolute;
  top: 20px;
  right: 0px;
  height: 20px;
  color: #8d8d8d;
  font-weight: bold;
  font-size: 12px;
}
.challenge-section .challenge-container .rank-view .progress-module.twobars .progress {
  margin-bottom: 35px;
  background: none;
}
.challenge-section .challenge-container .rank-view .progress-module .start-date,
.challenge-section .challenge-container .rank-view .progress-module .end-date,
.challenge-section .challenge-container .rank-view .progress-module .amount {
  position: absolute;
  font-size: 12px;
  color: #7c878e;
  font-weight: bold;
  text-transform: uppercase;
}
.challenge-section .challenge-container .rank-view .progress-module .start-date,
.challenge-section .challenge-container .rank-view .progress-module .end-date {
  top: 11px;
}
.challenge-section .challenge-container .rank-view .progress-module .start-date {
  left: -70px;
}
.challenge-section .challenge-container .rank-view .progress-module .end-date {
  right: -70px;
}
.challenge-section .challenge-container .rank-view .progress-module .amount {
  top: 52px;
}
.challenge-section .challenge-container .ranking-list {
  counter-reset: counter;
  margin-top: -10px;
  margin-bottom: 60px;
  padding-top: 0;
}
.challenge-section .challenge-container .ranking-list:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.challenge-section .challenge-container .ranking-list li {
  width: 33.33%;
  float: left;
  position: relative;
  counter-increment: counter;
  /*&:before {
  	content: counter(counter);
  	font-size: 40px;
  	font-weight: 200;
  	font-style: italic;
  	color: $primaryColor;
  	position: absolute;
  	top: -10px;
  	left: 8px;
  }*/
}
.challenge-section .challenge-container .ranking-list li .rank {
  font-size: 40px;
  font-weight: 200;
  font-style: italic;
  color: #a969ff;
}
.challenge-section .challenge-container .ranking-list li img {
  width: 51px;
  height: 51px;
  margin-bottom: 5px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.challenge-section .challenge-container .ranking-list li p {
  font-size: 10px;
  margin-bottom: 0;
}
.challenge-section .challenge-container .ranking-list li small {
  color: #7c878e;
  margin: 0;
  padding: 0;
}
.challenge-section .challenge-container .ranking-list.facility-ranking li:before {
  top: -20px;
  left: 45%;
}
.challenge-section .challenge-container .ranking-list.facility-ranking li > div {
  top: 0px;
  position: relative;
}

.featured-events .select-wrapper {
  font-size: 12px;
  font-weight: 700;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-top: 15px;
  padding: 7px 0;
}
.featured-events .select-wrapper select {
  font-size: 12px;
}
.featured-events .select-wrapper .option:after {
  font-size: 12px;
  font-weight: 700;
}
.featured-events ul {
  margin: 30px 0;
}
.featured-events ul li {
  width: 175px;
  margin: 0 auto 40px;
}
.featured-events ul li img {
  margin-bottom: 10px;
}
.featured-events ul li h1 {
  font-size: 30px;
  font-weight: 200;
  font-style: italic;
  color: #a969ff;
  letter-spacing: 1.2px;
}
.featured-events ul li h2 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .48px;
  margin: 4px 0;
}
.featured-events ul li p {
  font-size: 10px;
  text-transform: none;
  letter-spacing: .4px;
  margin-bottom: 6px;
}
.featured-events ul li a {
  font-size: 11px;
  color: #000;
  text-decoration: underline;
}

.the-pursuit {
  position: relative;
}
.the-pursuit .pursuit-video {
  height: 200px;
  overflow: hidden;
}

.group-cycling-compete .compete-header {
  color: #000;
  padding: 0 12px;
}
.group-cycling-compete .compete-header .paragraph-subtitle {
  color: #a969ff;
}
.group-cycling-compete .group-cycling-leaderboard {
  background-color: #fff;
  text-align: center;
  padding: 40px 0;
}
.group-cycling-compete .group-cycling-leaderboard ul {
  margin-bottom: 30px;
}
.group-cycling-compete .group-cycling-leaderboard li {
  margin-bottom: 10px;
  padding: 0 10px;
}
.group-cycling-compete .group-cycling-leaderboard li.me {
  position: relative;
  padding: 0;
}
.group-cycling-compete .group-cycling-leaderboard li.me:before, .group-cycling-compete .group-cycling-leaderboard li.me:after {
  content: '';
  border-top: 1px solid rgba(136, 136, 136, 0.5);
  width: 40px;
  display: inline-block;
}
.group-cycling-compete .group-cycling-leaderboard li.me:before {
  margin-right: 30px;
}
.group-cycling-compete .group-cycling-leaderboard li.me:after {
  margin-left: 20px;
}
.group-cycling-compete .group-cycling-leaderboard li:nth-child(odd) .leaderboard-info {
  margin-left: 20px;
  text-align: left;
}
.group-cycling-compete .group-cycling-leaderboard li:nth-child(even) .leaderboard-info {
  margin-right: -40px;
  margin-top: -10px;
  text-align: right;
  float: left;
  width: 40%;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info, .group-cycling-compete .group-cycling-leaderboard li .leaderboard-image {
  display: inline-block;
  vertical-align: middle;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-image {
  position: relative;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-image img {
  width: 80px;
  height: 80px;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info {
  text-align: center;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info .position {
  font-size: 48px;
  font-weight: 200;
  font-style: italic;
  line-height: 1;
  color: #a969ff;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info .position sup {
  display: none;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info strong {
  font-size: 16px;
  display: block;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info span {
  font-size: 14px;
}
.group-cycling-compete .group-cycling-leaderboard .button.box, .group-cycling-compete .group-cycling-leaderboard .btn-mobile-cta {
  margin: 0 auto;
}

.group-cycling-connect .instagram-filter:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.group-cycling-connect .instagram-filter .instagram-container {
  background-color: #fff;
  border: 1px solid #fff;
  position: relative;
  width: 50%;
  float: left;
  cursor: pointer;
  perspective: 1200px;
  -webkit-perspective: 1200px;
}
.group-cycling-connect .instagram-filter .instagram-container.flip .instagram-overlay {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.group-cycling-connect .instagram-filter .instagram-container.flip > img {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.group-cycling-connect .instagram-filter .instagram-container > img {
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.group-cycling-connect .instagram-filter .instagram-container .instagram-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.group-cycling-connect .instagram-filter .twitter-quote {
  background-color: #000;
  padding: 35px;
  font-size: 18px;
  color: #a969ff;
  clear: both;
  position: relative;
}
.group-cycling-connect .instagram-filter .twitter-quote a {
  color: currentColor;
}
.group-cycling-connect .instagram-filter .twitter-quote p {
  margin: 0;
}
.group-cycling-connect .instagram-filter .twitter-quote p.date {
  display: none;
}
.group-cycling-connect .instagram-filter .twitter-quote span {
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
  display: block;
}
.group-cycling-connect .instagram-filter .twitter-quote small {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.3);
  text-transform: none;
}
.group-cycling-connect .meet-instructors {
  clear: both;
  padding-top: 60px;
  margin-top: 40px;
  border-top: 1px solid #ccc;
}
.group-cycling-connect .meet-instructors > p {
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
}
.group-cycling-connect .meet-instructors .instructors-header {
  background-color: #000;
  padding: 0 25px 25px;
}
.group-cycling-connect .meet-instructors .instructors-header .profile-picture {
  position: relative;
  top: -40px;
  margin-bottom: -30px;
  width: 87px;
  height: 87px;
}
.group-cycling-connect .meet-instructors .instructors-header h2 {
  color: #fff;
}
.group-cycling-connect .meet-instructors .instructors-header h3 {
  color: #a969ff;
}
.group-cycling-connect .meet-instructors .instructors-header .paragraph-subtitle-small {
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}
.group-cycling-connect .meet-instructors .instructors-header span {
  font-size: 70px;
  color: #fff;
  line-height: .4;
  display: block;
}
.group-cycling-connect .meet-instructors .instructors-header .instructor-share p {
  font-size: 8px;
  color: rgba(255, 255, 255, 0.4);
}
.group-cycling-connect .meet-instructors .instructors-header .instructor-share a {
  color: #fff;
  font-size: 20px;
  margin: 0 10px;
}
.group-cycling-connect .meet-instructors .instructors-header .instructor-share a[href=""] {
  display: none;
}
.group-cycling-connect .meet-instructors .instructors-qa {
  margin-bottom: 25px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.group-cycling-connect .meet-instructors .instructors-qa > h2 {
  font-size: 14px;
  font-weight: 500;
  margin: 20px 0;
}
.group-cycling-connect .meet-instructors .instructors-qa .owl-carousel {
  padding: 0 20px;
}
.group-cycling-connect .meet-instructors .instructors-qa .owl-carousel .owl-controls {
  margin-top: 0;
}
.group-cycling-connect .meet-instructors .instructors-qa .instructor-question {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.12px;
  color: #a969ff;
}
.group-cycling-connect .meet-instructors .instructors-qa p {
  font-size: 11px;
  margin: 10px 0;
  text-transform: none;
}

.group-cycling-learn .group-cycling-posts li {
  margin-bottom: 30px;
}
.group-cycling-learn .group-cycling-posts li .post-info {
  text-align: center;
}
.group-cycling-learn .group-cycling-posts li .post-info small {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: #a969ff;
  margin-top: 10px;
}
.group-cycling-learn .group-cycling-posts li .post-info h2 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.44px;
  margin-bottom: 5px;
}
.group-cycling-learn .group-cycling-posts li .post-info p {
  font-size: 10px;
  text-transform: none;
  margin: 0 auto;
  width: 85%;
}

.group-cycling-gear-up .gear-up-grid .gear-up-hover {
  display: none;
}
.group-cycling-gear-up .gear-up-grid .gear-up-hover.active {
  display: block;
  position: fixed;
  z-index: 100;
  top: 50px;
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
  background-color: #fff;
  padding: 10px;
  overflow-y: auto;
}
.group-cycling-gear-up .gear-up-grid .gear-up-hover.active .close-overlay {
  position: absolute;
  top: 15px;
  right: 15px;
}
.group-cycling-gear-up .gear-up-grid .gear-up-hover.active img {
  padding-top: 30px;
  margin-bottom: 20px;
}
.group-cycling-gear-up .gear-up-grid .gear-up-hover.active h2 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1.6px;
}
.group-cycling-gear-up .gear-up-grid .gear-up-hover.active .why-we-like-it {
  font-size: 12px;
  color: #7c878e;
  text-decoration: underline;
}
.group-cycling-gear-up .gear-up-grid .gear-up-hover.active .button, .group-cycling-gear-up .gear-up-grid .gear-up-hover.active .btn-mobile-cta {
  background-color: #000;
  color: #fff;
}
.group-cycling-gear-up .gear-up-grid .grid-1:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.group-cycling-gear-up .gear-up-grid .grid-1 .grid-item {
  cursor: pointer;
  width: 50%;
  float: left;
}
.group-cycling-gear-up .gear-up-grid .grid-2:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.group-cycling-gear-up .gear-up-grid .grid-2 .grid-item {
  cursor: pointer;
  width: 50%;
  float: left;
}
.group-cycling-gear-up .gear-up-grid .grid-2 .grid-item:first-child {
  width: 100%;
}
.group-cycling-gear-up .group-cycling-music-info {
  width: 80%;
  margin: auto;
}
.group-cycling-gear-up .group-cycling-music-info .album-info {
  margin-top: 10px;
}
.group-cycling-gear-up .group-cycling-music-info .album-info .button, .group-cycling-gear-up .group-cycling-music-info .album-info .btn-mobile-cta {
  width: 100%;
}
.group-cycling-gear-up .group-cycling-music-info .album-info h2 {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2px;
}
.group-cycling-gear-up .group-cycling-music-info .album-info p {
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 700;
}
.group-cycling-gear-up .group-cycling-music-info .album-info small {
  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  color: #AFB6B8;
  display: block;
  margin-bottom: 35px;
}
.group-cycling-gear-up .group-cycling-playlist iframe {
  width: 100%;
  height: 400px;
}
.group-cycling-gear-up .group-cycling-playlist .button, .group-cycling-gear-up .group-cycling-playlist .btn-mobile-cta {
  margin-top: 10px;
}

.leave-group {
  text-align: center;
  padding-bottom: 50px;
}
.leave-group h2 {
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 2.08px;
}
.leave-group p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  text-transform: none;
}
.leave-group a {
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}

.generic-overlay.active {
  display: block;
}
.generic-overlay.picture-viewer .generic-overlay-container {
  position: fixed;
  top: 50px;
  left: 0;
  padding-top: 40px;
  width: 100%;
  height: calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.generic-overlay.picture-viewer .generic-overlay-container blockquote {
  font-size: 13px;
  color: #a969ff;
  margin: 10px 0 20px;
  word-break: break-word;
}
.generic-overlay.picture-viewer .generic-overlay-container small {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.generic-overlay.picture-viewer .generic-overlay-container span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  text-transform: none;
}
.generic-overlay:after {
  content: '';
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.generic-overlay .icon-close-slim {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  font-size: 13px;
}
.generic-overlay .generic-overlay-container {
  background-color: #fff;
  padding: 15px;
  position: fixed;
  top: 60px;
  left: 50%;
  width: 290px;
  z-index: 110;
  text-align: center;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.generic-overlay .generic-overlay-container h2 {
  font-size: 26px;
  font-weight: 200;
  letter-spacing: .65px;
  margin: 25px 0 10px;
}
.generic-overlay .generic-overlay-container p {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .44px;
  line-height: 1.6;
}
.generic-overlay .gender-selector {
  margin: 20px 0;
  font-size: 0;
}
.generic-overlay .gender-selector .gender-selector-container {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.generic-overlay .gender-selector p {
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
}
.generic-overlay .gender-selector p.required {
  color: #ff0000;
}
.generic-overlay .gender-selector span {
  display: inline-block;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.4);
  border-left: 1px solid #ccc;
  padding: 0 16px;
  cursor: pointer;
}
.generic-overlay .gender-selector span.selected {
  color: #000;
}
.generic-overlay .gender-selector span:first-of-type {
  border: 0;
}
.generic-overlay .checkbox .checkbox-replacement {
  border: 1px solid #000;
  position: relative;
}
.generic-overlay .checkbox .label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .6px;
  text-align: left;
  width: 200px;
  cursor: pointer;
}
.generic-overlay .checkbox .checkbox-replacement:before {
  font-size: 30px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.generic-overlay .button, .generic-overlay .btn-mobile-cta {
  background-color: #000;
  color: #a969ff;
  margin: 20px auto 15px;
}
.generic-overlay .cancel-overlay {
  font-size: 11px;
  text-decoration: underline;
  margin-bottom: 25px;
  display: block;
}
.generic-overlay small {
  display: block;
  font-size: 7px;
  line-height: 1.6;
  text-transform: none;
}

.module .challenge-overlay-promo.open {
  position: fixed;
}
.module .challenge-overlay-promo.open > div {
  width: 90%;
  margin: 0 5%;
  padding: 30px 15px;
}
.module .challenge-overlay-promo.open > div .icon-close {
  top: 0;
  right: 4px;
}
.module .challenge-overlay-promo.open .paragraph {
  max-width: 900px;
}
.module .challenge-overlay-promo.open h1, .module .challenge-overlay-promo.open small {
  font-weight: lighter;
  margin: 0 auto;
  display: block;
}
.module .challenge-overlay-promo.open h1 {
  letter-spacing: 1px;
}
.module .challenge-overlay-promo.open h6 {
  margin: 1em 0;
  font-size: 13px;
}
.module .challenge-overlay-promo.open small {
  font-size: 12px;
}
.module .challenge-overlay-promo.open hr {
  margin: 20px auto;
  width: 75%;
}
.module .challenge-overlay-promo.open .automatic-calories-container h1 {
  font-size: 43px;
}
.module .challenge-overlay-promo.open .automatic-calories-container h4 {
  font-size: 15px;
}
.module .challenge-overlay-promo.open .automatic-calories-container p {
  font-size: 14px;
}
.module .challenge-overlay-promo.open .automatic-calories-container .join-selectors span.alias {
  font-size: 24px;
}
.module .challenge-overlay-promo.open .big-circles .title {
  font-size: 1.5em;
  font-weight: lighter;
  letter-spacing: 1px;
  margin: 0 auto;
}
.module .challenge-overlay-promo.open .big-circles .title span {
  color: #C2CE00;
}
.module .challenge-overlay-promo.open .big-circles ul {
  margin: 35px auto 0;
}
.module .challenge-overlay-promo.open .big-circles ul li {
  position: relative;
  height: 150px;
  max-width: 400px;
  margin: 0 auto;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(1):before, .module .challenge-overlay-promo.open .big-circles ul li:nth-child(2):before, .module .challenge-overlay-promo.open .big-circles ul li:nth-child(3):before {
  position: absolute;
  color: #C2CE00;
  font-size: 55px;
  font-style: italic;
  font-weight: lighter;
  z-index: 9;
  top: -20px;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(1):before {
  content: "1";
  left: 0;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(1) .item-info img {
  left: 0;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(1) .content {
  float: right;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(1) .content .title, .module .challenge-overlay-promo.open .big-circles ul li:nth-child(1) .content p {
  text-align: left;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(2):before {
  content: "2";
  right: 0;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(2) .item-info img {
  right: 0;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(2) .content {
  float: left;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(2) .content .title, .module .challenge-overlay-promo.open .big-circles ul li:nth-child(2) .content p {
  text-align: right;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(3):before {
  content: "3";
  left: 0;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(3) .item-info img {
  left: 0;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(3) .content {
  float: right;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(3) .content .title, .module .challenge-overlay-promo.open .big-circles ul li:nth-child(3) .content p {
  text-align: left;
}
.module .challenge-overlay-promo.open .big-circles ul li .item-info img {
  width: 130px;
  height: 130px;
  position: absolute;
  top: 0;
  margin: 0 auto;
}
.module .challenge-overlay-promo.open .big-circles ul li .content {
  width: 50%;
}
.module .challenge-overlay-promo.open .big-circles ul li .content .title {
  color: #C2CE00;
  font-size: 1.3em;
}
.module .challenge-overlay-promo.open .big-circles ul li .content p {
  font-size: 10px;
}
.module .challenge-overlay-promo.open .checkbox.inline {
  width: 100%;
}

.module .challenge-overlay-promo-signup.open {
  position: fixed;
  overflow-y: scroll;
}
.module .challenge-overlay-promo-signup.open > div {
  width: 90%;
  margin: 0 5%;
  padding: 30px 15px;
}
.module .challenge-overlay-promo-signup.open > div .icon-close {
  top: 0;
  right: 4px;
}
.module .challenge-overlay-promo-signup.open .paragraph {
  max-width: 900px;
}
.module .challenge-overlay-promo-signup.open h1, .module .challenge-overlay-promo-signup.open small {
  font-weight: lighter;
  margin: 0 auto;
  display: block;
}
.module .challenge-overlay-promo-signup.open h1 {
  letter-spacing: 1px;
}
.module .challenge-overlay-promo-signup.open h6 {
  margin: 1em 0;
  font-size: 13px;
}
.module .challenge-overlay-promo-signup.open small {
  font-size: 12px;
}
.module .challenge-overlay-promo-signup.open hr {
  margin: 20px auto;
  width: 100%;
}
.module .challenge-overlay-promo-signup.open .join-selectors {
  max-width: 570px;
  margin: 0 auto;
}
.module .challenge-overlay-promo-signup.open .join-selectors small {
  font-size: 12px;
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: bold;
}
.module .challenge-overlay-promo-signup.open .join-selectors input {
  max-width: 350px;
}
.module .challenge-overlay-promo-signup.open .join-selectors span.alias {
  width: 100%;
  height: 44px;
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  position: relative;
}
.module .challenge-overlay-promo-signup.open .join-selectors span.label {
  font-size: 12px;
  color: #7d7d7d;
  text-align: left;
}
.module .challenge-overlay-promo-signup.open .join-selectors .checkbox .icon-check {
  width: 13px;
  height: 13px;
  border: solid 1px #808080;
  margin: 0;
}
.module .challenge-overlay-promo-signup.open .join-selectors .error {
  width: 160px;
  display: block;
  margin: 0 auto;
  text-transform: uppercase;
  color: #ff0000;
  font-size: 11px;
  font-weight: bold;
}
.module .challenge-overlay-promo-signup.open .club-select {
  width: 314px;
  height: 48px;
  background: #eceded;
  border: solid 1px #bdc0c0;
  cursor: pointer;
  margin-bottom: 40px;
}
.module .challenge-overlay-promo-signup.open .club-select .option {
  width: 100%;
  height: 100%;
  padding: 13px 0;
  font-size: 18px;
}
.module .challenge-overlay-promo-signup.open .club-select .option:after {
  content: '';
  width: 10px;
  height: 6px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -3px;
  background: url("/assets/images/janchallenge2015/select-arrow.png") no-repeat;
}
.module .challenge-overlay-promo-signup.open .buttons-container {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
.module .challenge-overlay-promo-signup.open .buttons-container .button, .module .challenge-overlay-promo-signup.open .buttons-container .btn-mobile-cta {
  width: 100%;
  float: left;
  display: block;
}

.codeSurvey {
  background: #fff;
  overflow: hidden;
}
.codeSurvey .codeMember-hero {
  position: relative;
  background: #000;
  overflow: hidden;
}
.codeSurvey .codeMember-hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.codeSurvey .codeMember-hero .content {
  width: 90%;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 5% 0;
}
.codeSurvey .codeMember-hero .content h1 {
  margin-bottom: 15px;
  font-weight: 200;
  text-align: center;
  padding-top: 30px;
  color: #fff;
  font-size: 1.6em;
}
.codeSurvey .codeMember-hero .content p.description {
  font-size: 0.9em;
  text-align: center;
  color: #fff;
  padding: 5% 0 5%;
  margin: 0;
}
.codeSurvey .codeMember-hero .content p.copyright-text {
  font-size: .7em;
  color: #fff;
  padding: 20px 0 10px;
  margin: 0 auto;
  position: relative;
  bottom: 0;
  text-align: center;
}
.codeSurvey .codeMember-hero.full-screen img {
  position: absolute;
  top: 0;
  left: -15%;
  width: 130%;
}
.codeSurvey .codeMember-hero.full-screen .content {
  width: 90%;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.codeSurvey .codeMember-hero.full-screen .content .innerContent {
  background: rgba(255, 255, 255, 0.5);
}
.codeSurvey .codeMember-hero.full-screen .content .innerContent h1 {
  margin-bottom: 0;
  font-weight: 100;
  text-align: center;
  padding: 30px 0 15px;
  color: #000;
  font-size: 1.6em;
}
.codeSurvey .codeMember-hero.full-screen .content .innerContent p.description {
  font-size: 1em;
  text-align: center;
  color: #000;
  margin-bottom: 5px;
}
.codeSurvey .codeMember-hero.full-screen .content p.giftAmount, .codeSurvey .codeMember-hero.full-screen .content p.giftText, .codeSurvey .codeMember-hero.full-screen .content p.message, .codeSurvey .codeMember-hero.full-screen .content p.terms {
  text-align: center;
  color: #000;
}
.codeSurvey .codeMember-hero.full-screen .content p.giftAmount {
  font-size: 7em;
  margin: 0;
  font-weight: 100;
}
.codeSurvey .codeMember-hero.full-screen .content p.giftText {
  font-size: 1.5em;
  margin-bottom: 40px;
}
.codeSurvey .codeMember-hero.full-screen .content p.message {
  font-size: 1.2em;
  margin-bottom: 30px;
}
.codeSurvey .codeMember-hero.full-screen .content p.terms {
  font-size: 0.8em;
  margin-bottom: 15px 0;
}
.codeSurvey .codeMember-hero.full-screen .content p.terms a {
  text-decoration: underline;
  text-transform: uppercase;
  color: #000;
}
.codeSurvey .codeMember-hero.full-screen .content p.copyright-text {
  font-size: .7em;
  color: #000;
  margin: 20px auto 10px;
  padding: 0;
  position: relative;
  bottom: 0;
  text-align: center;
}
.codeSurvey .codeMember-hero.full-screen .content a.official-rules {
  text-align: center;
  font-size: 0.8em;
  color: #000;
  display: block;
  padding: 15px 0;
  text-decoration: underline;
  text-transform: uppercase;
}
.codeSurvey .codeMember-hero.full-screen .content nav.button-container {
  margin-top: 5px;
  padding: 5px 0;
}

#code-member {
  width: 100%;
}
#code-member #principalQuestion .loaderAnim,
#code-member #tieBreakerQuestion .loaderAnim,
#code-member #personaTypeQuestion .loaderAnim {
  width: 100%;
  height: 30px;
  position: relative;
}
#code-member #principalQuestion .loaderAnim .loader,
#code-member #tieBreakerQuestion .loaderAnim .loader,
#code-member #personaTypeQuestion .loaderAnim .loader {
  top: 0;
}
#code-member #principalQuestion form,
#code-member #tieBreakerQuestion form,
#code-member #personaTypeQuestion form {
  max-width: 100%;
}
#code-member #principalQuestion form h1,
#code-member #tieBreakerQuestion form h1,
#code-member #personaTypeQuestion form h1 {
  font-size: 18px;
  text-align: center;
}
#code-member #principalQuestion form .questionContainer,
#code-member #tieBreakerQuestion form .questionContainer,
#code-member #personaTypeQuestion form .questionContainer {
  text-align: center;
}
#code-member #principalQuestion form .questionContainer .error,
#code-member #tieBreakerQuestion form .questionContainer .error,
#code-member #personaTypeQuestion form .questionContainer .error {
  color: #f00;
}
#code-member #principalQuestion form .questionContainer .error .line,
#code-member #principalQuestion form .questionContainer .error .radio-replacement,
#code-member #tieBreakerQuestion form .questionContainer .error .line,
#code-member #tieBreakerQuestion form .questionContainer .error .radio-replacement,
#code-member #personaTypeQuestion form .questionContainer .error .line,
#code-member #personaTypeQuestion form .questionContainer .error .radio-replacement {
  border-color: #f00 !important;
}
#code-member #principalQuestion form .questionContainer .row,
#code-member #tieBreakerQuestion form .questionContainer .row,
#code-member #personaTypeQuestion form .questionContainer .row {
  border: none;
  margin-top: 20px;
  padding-top: 20px;
}
#code-member #principalQuestion form .questionContainer .row .question-heading,
#code-member #tieBreakerQuestion form .questionContainer .row .question-heading,
#code-member #personaTypeQuestion form .questionContainer .row .question-heading {
  width: 100%;
  text-align: center;
  margin: auto;
}
#code-member #principalQuestion form .questionContainer .row .question-heading h3,
#code-member #tieBreakerQuestion form .questionContainer .row .question-heading h3,
#code-member #personaTypeQuestion form .questionContainer .row .question-heading h3 {
  font-weight: 400;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer {
  text-align: left;
  padding: 0 15px 10px;
  border-bottom: 1px solid #efefef;
  margin: 10px 0;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer label .label,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer label .label,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer label .label {
  font-weight: 500;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer label .radio-replacement,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer label .radio-replacement,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer label .radio-replacement {
  float: right;
  top: 0;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer label .radio-replacement .radio-replacement:after,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer label .radio-replacement .radio-replacement:after,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer label .radio-replacement .radio-replacement:after {
  height: 6px;
  left: 4px;
  top: 4px;
  width: 6px;
  background: #000;
  display: none;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer label input[type="radio"],
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer label input[type="radio"],
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer label input[type="radio"] {
  display: none;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer label .line, #code-member #principalQuestion form .questionContainer .row .inputContainer label .lineBefore,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer label .line,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer label .lineBefore,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer label .line,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer label .lineBefore {
  display: none;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer.selected .radio-replacement:after,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer.selected .radio-replacement:after,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer.selected .radio-replacement:after {
  display: block;
  background: #000;
}
#code-member #principalQuestion form .questionContainer .row .inputContainer:last-child,
#code-member #tieBreakerQuestion form .questionContainer .row .inputContainer:last-child,
#code-member #personaTypeQuestion form .questionContainer .row .inputContainer:last-child {
  border-bottom: 0;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li {
  background: #e5e5e5;
  text-align: left;
  list-style-type: none;
  display: block;
  height: 150px;
  margin: 10px 0;
  padding: 25px 15px;
  border: 2px solid #e5e5e5;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li blockquote,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li blockquote,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li blockquote {
  position: relative;
  z-index: 1;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li blockquote ::before, #code-member #principalQuestion form .questionContainer .row .optionContainer ul li blockquote ::after,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li blockquote ::before,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li blockquote ::after,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li blockquote ::before,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li blockquote ::after {
  font-family: sans-serif;
  font-size: 150px;
  font-weight: bold;
  color: #D3D3D3;
  position: absolute;
  z-index: -1;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li blockquote ::before,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li blockquote ::before,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li blockquote ::before {
  content: "\201C";
  top: -45px;
  left: -10px;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li blockquote ::after,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li blockquote ::after,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li blockquote ::after {
  content: "\201D";
  top: 65px;
  right: -10px;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li blockquote span,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li blockquote span,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li blockquote span {
  display: block;
  text-align: left;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1em;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li:hover,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li:hover,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li:hover {
  background: #cbcbcb;
  border-color: #cbcbcb;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li:hover blockquote,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li:hover blockquote,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li:hover blockquote {
  position: relative;
  z-index: 1;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li:hover blockquote ::before, #code-member #principalQuestion form .questionContainer .row .optionContainer ul li:hover blockquote ::after,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li:hover blockquote ::before,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li:hover blockquote ::after,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li:hover blockquote ::before,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li:hover blockquote ::after {
  color: #b6b6b6;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li.selected,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li.selected,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li.selected {
  border-color: #bfbfbf;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li.selected:hover,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li.selected:hover,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li.selected:hover {
  background: #e5e5e5;
  border-color: #bfbfbf;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote {
  position: relative;
  z-index: 1;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote ::before, #code-member #principalQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote ::after,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote ::before,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote ::after,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote ::before,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer ul li.selected:hover blockquote ::after {
  color: #D3D3D3;
}
#code-member .copyright-text {
  text-align: center;
}

.codeSurvey .button-container {
  text-align: center;
}
.codeSurvey .button-container a {
  background: #000;
  color: #fff;
  width: 100%;
  font-weight: 600;
  font-size: .9em;
  letter-spacing: 1px;
  display: block;
  padding: 15px 0;
  border: 0;
}

.codeSurvey.thankyou .codeMember-hero.full-screen .content {
  padding: 0;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou {
  padding: 50px 10px;
  margin-top: 20px;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou h1 {
  margin-bottom: 10px;
  font-weight: 100;
  text-align: center;
  padding-top: 10px;
  color: #000;
  font-size: 1.5em;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou .description {
  font-size: 1em;
  text-align: center;
  color: #000;
  margin-bottom: 5px;
  padding: 0;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou p.giftAmount {
  font-size: 2em;
  margin: 0;
  font-weight: 100;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou p.giftText {
  font-size: 14px;
  margin-bottom: 20px;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou p.message {
  font-size: 14px;
  margin-bottom: 10px;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou p.terms {
  font-size: 0.8em;
  margin-bottom: 0;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou p.terms a {
  text-decoration: underline;
  text-transform: uppercase;
  color: #000;
}

.leadfitnesssurvey .principalQuestion,
.leadfitnesssurvey .tieBreakerQuestion,
.leadfitnesssurvey .preferenceQuestion,
.leadfitnesssurvey .thankYouMsg {
  margin: 50px auto 0;
}
.leadfitnesssurvey h1 {
  text-align: center;
}
.leadfitnesssurvey form {
  max-width: 95%;
  width: 100%;
  margin: 0 2.5%;
  padding: 0;
}
.leadfitnesssurvey form .loaderAnim {
  position: relative;
  min-height: 1px;
  max-height: 100px;
  display: block;
  float: left;
  width: 100%;
  margin: 30px 0 20px;
}
.leadfitnesssurvey form .loaderAnim .loader,
.leadfitnesssurvey form .loaderAnim .error-message-component {
  top: 0;
}
.leadfitnesssurvey form .questionContainer {
  margin-top: 50px;
}
.leadfitnesssurvey form .questionContainer .row:not(:first-child) {
  margin-top: 30px;
}
.leadfitnesssurvey form .questionContainer .row .question-heading {
  width: 100%;
  margin: 0;
}
.leadfitnesssurvey form .questionContainer .row .question-heading .question {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.leadfitnesssurvey form .questionContainer .row .question-heading .inline-heading small {
  text-transform: uppercase;
  margin: 5px 0;
  display: block;
  font-size: 14px;
  text-align: center;
}
.leadfitnesssurvey #thankYouMsg {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.leadfitnesssurvey #thankYouMsg h1 {
  font-size: 26px;
  padding: 50px 0 25px;
}
.leadfitnesssurvey #thankYouMsg .description {
  font-size: 14px;
  padding: 20px 60px;
  margin: 0;
  font-weight: 500;
}
.leadfitnesssurvey #thankYouMsg .paragraph {
  padding: 15px 0;
  margin: 0;
}
.leadfitnesssurvey #thankYouMsg .paragraph .button-container {
  padding: 0;
  margin: 0;
}
.leadfitnesssurvey .mobile-small-radio,
.leadfitnesssurvey .radio-inline {
  padding: 10px;
  margin: 15px auto 0;
}
.leadfitnesssurvey .mobile-small-radio .radio,
.leadfitnesssurvey .radio-inline .radio {
  display: block;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 0;
  margin: 5px 0;
}
.leadfitnesssurvey .mobile-small-radio .radio.selected .radio-replacement:after,
.leadfitnesssurvey .radio-inline .radio.selected .radio-replacement:after {
  background: #000;
}
.leadfitnesssurvey .mobile-small-radio .radio input,
.leadfitnesssurvey .radio-inline .radio input {
  display: none;
}
.leadfitnesssurvey .mobile-small-radio .radio .radio-replacement,
.leadfitnesssurvey .radio-inline .radio .radio-replacement {
  width: 16px;
  border: 1px solid #000;
  display: block;
  height: 16px;
  border-radius: 10px;
  float: right;
  background: #fff;
  position: relative;
  top: 5px;
}
.leadfitnesssurvey .mobile-small-radio .radio .radio-replacement.selected:before,
.leadfitnesssurvey .radio-inline .radio .radio-replacement.selected:before {
  background: #000;
  height: 10px;
  width: 10px;
  display: block;
  content: '';
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 5px;
}
.leadfitnesssurvey .mobile-small-radio .radio label,
.leadfitnesssurvey .radio-inline .radio label {
  display: block;
}
.leadfitnesssurvey .mobile-small-radio .radio .text,
.leadfitnesssurvey .radio-inline .radio .text {
  width: 70%;
  margin: 0;
  display: block;
  text-align: left;
  font-weight: 500;
  padding: 10px 0 10px;
  font-size: 14px;
}
.leadfitnesssurvey .mobile-small-radio .radio:first-child:before,
.leadfitnesssurvey .radio-inline .radio:first-child:before {
  width: 0;
  border: 0;
}
.leadfitnesssurvey .mobile-small-radio .radio:last-child,
.leadfitnesssurvey .radio-inline .radio:last-child {
  border-bottom: 0;
}
.leadfitnesssurvey .mobile-small-radio .radio:last-child:after,
.leadfitnesssurvey .radio-inline .radio:last-child:after {
  width: 0;
  border: 0;
}
.leadfitnesssurvey .col-multiple {
  border-bottom: 0;
}
.leadfitnesssurvey .col-multiple.checkbox {
  width: 49%;
  padding: 10px 0;
  vertical-align: top;
}
.leadfitnesssurvey .col-multiple.checkbox .control-title {
  float: left;
  margin-top: -2px;
  max-width: 80%;
  font-size: 14px;
  font-weight: 500;
}
.leadfitnesssurvey .col-multiple.checkbox .checkbox-replacement {
  width: 14px;
  height: 14px;
  border: 1px solid #000;
}
.leadfitnesssurvey .col-multiple.checkbox .checkbox-replacement:before {
  color: #000;
  font-size: 26px;
  top: 4px;
  left: -7px;
}
.leadfitnesssurvey .error .question {
  color: #f00;
}
.leadfitnesssurvey .error .inline-heading small {
  color: #f00;
}
.leadfitnesssurvey .error .col-multiple.checkbox .control-title {
  color: #f00;
}
.leadfitnesssurvey .error .col-multiple.checkbox .checkbox-replacement {
  border-color: #f00;
}
.leadfitnesssurvey .error .radio-inline .radio,
.leadfitnesssurvey .error .mobile-small-radio .radio {
  border-color: #f00;
}
.leadfitnesssurvey .error .radio-inline .radio .radio-replacement,
.leadfitnesssurvey .error .mobile-small-radio .radio .radio-replacement {
  border-color: #f00;
}
.leadfitnesssurvey .error .radio-inline .radio .radio-replacement.selected:before,
.leadfitnesssurvey .error .mobile-small-radio .radio .radio-replacement.selected:before {
  background: #f00;
}
.leadfitnesssurvey .error .radio-inline .radio .text,
.leadfitnesssurvey .error .mobile-small-radio .radio .text {
  color: #f00;
}

#corp-lead-popup-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
#corp-lead-popup-wrapper #corp-lead-popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  bottom: 0;
}
#corp-lead-popup-wrapper .loader {
  top: 15%;
}
#corp-lead-popup-wrapper .loader .loader-circles {
  background-color: #fff;
}
#corp-lead-popup-wrapper .loader.black .loader-circles {
  background-color: #000;
}
#corp-lead-popup-wrapper #corp-lead-popup-content {
  position: relative;
  top: 0;
  width: 90%;
  z-index: 2;
  padding-top: 10px;
  margin: 0 auto;
  color: #000;
  background-color: #FFF;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .close-popup {
  position: absolute;
  top: 0px;
  right: 0;
  margin: 10px;
  padding: 10px;
  cursor: pointer;
}
#corp-lead-popup-wrapper #corp-lead-popup-content h1 {
  margin: 0 20px 20px;
  font-size: 25px;
  font-weight: normal;
  text-align: center;
}
#corp-lead-popup-wrapper #corp-lead-popup-content h2 {
  margin: 20px 0 30px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
#corp-lead-popup-wrapper #corp-lead-popup-content h3 {
  margin: 1.5em 0 20px;
  font-size: 14px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content select {
  z-index: 1;
}
#corp-lead-popup-wrapper #corp-lead-popup-content footer {
  height: auto;
  margin: auto;
  background: inherit;
  border: none;
  position: static;
}
#corp-lead-popup-wrapper #corp-lead-popup-content button {
  display: inline-block !important;
  margin-bottom: 12px;
  padding: 0 !important;
  width: auto !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  height: 60px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form {
  padding: 0;
  max-width: inherit;
  font-weight: inherit;
  letter-spacing: 2px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form fieldset {
  width: 90%;
  margin-bottom: 0;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form p {
  font-size: 12px;
  padding: 0 8%;
  text-align: center;
  line-height: 1.5;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form hr {
  margin: 10px 0 20px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .row {
  border: none;
  margin-bottom: 20px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .row.mar-bt-none {
  margin-bottom: 0;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .row [class*='col-'] {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .row .col:last-child .control {
  margin-bottom: 0;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .family-member-row,
#corp-lead-popup-wrapper #corp-lead-popup-content form .member-id-col,
#corp-lead-popup-wrapper #corp-lead-popup-content form .loader {
  display: none;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .loader {
  position: static;
  transform: translate(0, 0);
  margin-bottom: 20px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control-title {
  display: block;
  position: relative;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control {
  display: block;
  margin-bottom: 20px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control input[type='text'] {
  -webkit-appearance: none;
  display: block;
  height: 40px;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
  padding: 10px;
  font-family: "Graphik Web", sans-serif;
  font-weight: 500;
  text-transform: none;
  text-align: center;
  letter-spacing: 1px;
  font-size: 16px;
  border: 1px solid #CDCDCD;
  background: #F7F7F7;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown {
  height: 39px;
  line-height: 39px;
  border: 1px solid #CDCDCD;
  background: #F7F7F7;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown.error {
  border-color: red;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown.error .option,
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown.error .option:after {
  color: red;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown .option {
  display: block;
  margin-left: 10px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown .option:after {
  position: absolute;
  top: 0;
  right: 5px;
  color: rgba(0, 0, 0, 0.5);
}
#corp-lead-popup-wrapper #corp-lead-popup-content .button-container {
  margin: 0 0 20px;
  text-align: center;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .button-container button {
  padding: 15px 22% !important;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .button-container button[disabled] {
  cursor: default;
  background-color: #999;
  border: 1px solid #999;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-section-wrapper {
  min-height: 240px;
  padding-bottom: 10px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .header-container,
#corp-lead-popup-wrapper #corp-lead-popup-content .footer-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .heading-info {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .required-heading {
  font-size: 14px;
  width: 80%;
  margin: 0 auto;
  letter-spacing: 1px;
  padding: 10px 0 20px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .uppercase {
  text-transform: uppercase;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .server-error {
  display: none;
  padding: 0 20px;
  text-align: center;
  font-weight: bold;
  color: red;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .error {
  color: red !important;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .icon-info {
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-top: -2px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box {
  z-index: -10;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box.active {
  z-index: 10;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box,
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box.active {
  left: 0;
  top: 150%;
  bottom: inherit;
  margin-left: 0;
  padding: 20px;
  line-height: 1.5;
  transform: translate(0, 0);
  width: 260px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box:after,
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box.active:after {
  top: -6px;
  bottom: inherit;
  left: 49.4%;
  border-top: none;
  border-bottom: 6px solid #7c878e;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-step-0 {
  margin: 0 auto;
  width: 85%;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-step-0 .description {
  text-transform: none;
  text-align: center;
  margin-bottom: 40px;
  font-size: 12px;
  letter-spacing: 1px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-step-0 button {
  width: 100% !important;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-thank-you {
  margin: 0 auto;
  width: 85%;
  padding-top: 20px;
  text-align: center;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-thank-you h1 {
  margin-bottom: 40px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-thank-you .description {
  margin-top: 20px;
  letter-spacing: 3px;
  font-size: 18px;
  line-height: 1.5;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-thank-you button {
  width: 100% !important;
}

.corp-join-request body {
  margin-bottom: 0;
}
.corp-join-request .page {
  padding-top: 50px;
}
.corp-join-request .page.wizard {
  min-height: 1% !important;
}
.corp-join-request .page.wizard .module {
  margin: 0;
  padding: 0;
}
.corp-join-request #app-main {
  margin-top: 40px;
  padding-top: 0;
}
.corp-join-request #app-main h1 {
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: normal;
  text-align: center;
}
.corp-join-request #app-main h2 {
  margin: 20px 0 30px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
.corp-join-request #app-main h3 {
  margin: 1.5em 0 20px;
  font-size: 14px;
}
.corp-join-request #app-main select {
  z-index: 1;
}
.corp-join-request #app-main footer {
  height: auto;
  margin: auto;
  background: inherit;
  border: none;
  position: static;
}
.corp-join-request #app-main button {
  display: inline-block !important;
  margin-bottom: 12px;
  padding: 0 !important;
  width: auto !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  height: 60px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
.corp-join-request #app-main form {
  padding: 0;
  max-width: inherit;
  font-weight: inherit;
  letter-spacing: 2px;
}
.corp-join-request #app-main form.white .dropdown, .corp-join-request #app-main form.btn-mobile-cta .dropdown {
  border-color: rgba(255, 255, 255, 0.5);
}
.corp-join-request #app-main form fieldset {
  width: 90%;
  margin-bottom: 0;
}
.corp-join-request #app-main form p {
  font-size: 12px;
  padding: 0 8%;
  text-align: center;
  line-height: 1.5;
}
.corp-join-request #app-main form hr {
  margin: 10px 0 20px;
}
.corp-join-request #app-main form .row {
  border: none;
  margin-bottom: 20px;
}
.corp-join-request #app-main form .row.mar-bt-none {
  margin-bottom: 0;
}
.corp-join-request #app-main form .row [class*='col-'] {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0;
}
.corp-join-request #app-main form .row .col:last-child .control {
  margin-bottom: 0;
}
.corp-join-request #app-main form .member-id-col,
.corp-join-request #app-main form .loader {
  display: none;
}
.corp-join-request #app-main form .loader {
  position: static;
  transform: translate(0, 0);
  margin-bottom: 20px;
}
.corp-join-request #app-main form .button-container {
  margin: 10px 0;
  text-align: center;
}
.corp-join-request #app-main form .button-container button {
  padding: 15px 32% !important;
}
.corp-join-request #app-main form .button-container button[disabled] {
  cursor: default;
  background-color: #999;
  border: 1px solid #999;
}
.corp-join-request #app-main form .control-title {
  position: relative;
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
}
.corp-join-request #app-main form .control {
  display: block;
  margin-bottom: 20px;
}
.corp-join-request #app-main form .control input[type='text'] {
  -webkit-appearance: none;
  display: block;
  height: 56px;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
  padding: 10px 20px;
  font-family: "Graphik Web", sans-serif;
  font-weight: 200;
  text-align: center;
  text-transform: none;
  background: rgba(255, 255, 255, 0);
  letter-spacing: 2px;
  color: #FFF;
  font-size: 20px;
  border-color: rgba(255, 255, 255, 0.5);
}
.corp-join-request #app-main form .control .dropdown {
  height: 56px;
  line-height: 56px;
}
.corp-join-request #app-main form .control .dropdown.error {
  border-color: red;
}
.corp-join-request #app-main form .control .dropdown.error .option,
.corp-join-request #app-main form .control .dropdown.error .option:after {
  color: red;
}
.corp-join-request #app-main form .control .dropdown .option {
  display: block;
  margin-left: 10px;
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.corp-join-request #app-main form .control .dropdown .option:after {
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  top: 0;
  right: 5px;
}
.corp-join-request #app-main .header-container,
.corp-join-request #app-main .footer-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.corp-join-request #app-main .required-heading {
  text-align: center;
  font-size: 12px;
  width: 80%;
  margin: 0 auto;
  letter-spacing: 1px;
  padding: 20px 0;
}
.corp-join-request #app-main .uppercase {
  text-transform: uppercase;
}
.corp-join-request #app-main .server-error {
  display: none;
  padding: 0 20px;
  text-align: center;
  font-weight: bold;
  color: red;
}
.corp-join-request #app-main .error {
  color: red !important;
}
.corp-join-request #app-main .icon-info {
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-top: -2px;
}
.corp-join-request #app-main .overlay-box {
  z-index: -10;
}
.corp-join-request #app-main .overlay-box.active {
  z-index: 10;
}
.corp-join-request #app-main .overlay-box,
.corp-join-request #app-main .overlay-box.active {
  left: 0;
  top: 150%;
  bottom: inherit;
  margin-left: 0;
  padding: 20px;
  line-height: 1.5;
  transform: translate(0, 0);
  width: 288px;
}
.corp-join-request #app-main .overlay-box:after,
.corp-join-request #app-main .overlay-box.active:after {
  top: -6px;
  bottom: inherit;
  left: 49.4%;
  border-top: none;
  border-bottom: 6px solid #7c878e;
}
.corp-join-request #app-main #step-0 {
  margin: 0 auto;
  width: 85%;
}
.corp-join-request #app-main #step-0 .description {
  text-transform: none;
  text-align: center;
  margin-bottom: 40px;
  font-size: 12px;
  letter-spacing: 1px;
}
.corp-join-request #app-main #step-0 button {
  width: 100% !important;
}
.corp-join-request #app-main #email-confirmation {
  margin: 0 auto;
  width: 85%;
  letter-spacing: 1px;
  text-align: center;
}
.corp-join-request #app-main #email-confirmation h1 {
  margin-bottom: 40px;
}
.corp-join-request #app-main #email-confirmation .description {
  margin-top: 30px;
}

#corp-transfer-popup-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  bottom: 0;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content {
  width: 100%;
  position: relative;
  top: 0;
  z-index: 2;
  padding-top: 10px;
  margin: 0 auto;
  color: #000;
  background-color: #FFF;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .close-popup {
  position: absolute;
  top: 0px;
  right: 0;
  margin: 10px;
  padding: 10px;
  cursor: pointer;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container {
  margin: 3em auto;
  max-width: 80%;
  overflow-y: overlay;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container h2 {
  text-transform: uppercase;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container .quick-links {
  margin: 1em 0 2em 0;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container .quick-links .faq-navigation {
  margin-top: 1em;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container .quick-links .faq-navigation a {
  font-size: 14px;
  text-decoration: underline;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-membership, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-enrollment, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-benefits, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-tnc {
  margin-bottom: 2em;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-membership section, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-enrollment section, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-benefits section, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-tnc section {
  margin: 1em auto;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-membership section h4, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-enrollment section h4, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-benefits section h4, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-tnc section h4 {
  font-size: 12px;
}
#corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-membership section p, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-enrollment section p, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-benefits section p, #corp-transfer-popup-wrapper #corp-transfer-popup-content .popup-container #faq-tnc section p {
  margin: 1em 0 1em;
  font-size: 12px;
}

.corp-transfer footer {
  display: none;
}
.corp-transfer h1 {
  font-size: 28px;
  font-weight: normal;
}
.corp-transfer h3 {
  font-size: 28px;
  font-weight: bold;
}
.corp-transfer h4 {
  font-weight: normal;
  letter-spacing: 1px;
}
.corp-transfer input {
  text-transform: none;
  height: 45px;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
  padding: 10px;
  font-family: "Graphik Web", sans-serif;
  font-weight: 100;
  text-transform: none;
  text-align: center;
  letter-spacing: 1px;
  font-size: 28px;
  color: rgba(0, 0, 0, 0.71);
  border: 1px solid #CDCDCD;
  background: #F7F7F7;
}
.corp-transfer select {
  z-index: 2;
}
.corp-transfer .left {
  float: left;
}
.corp-transfer .right {
  float: right;
}
.corp-transfer .red {
  color: red;
}
.corp-transfer .error-wrapper {
  margin: 4em auto;
  max-width: 90%;
  text-align: center;
}
.corp-transfer .error-wrapper .error-div {
  color: red;
}
.corp-transfer .error-div {
  color: red;
}
.corp-transfer .error-field {
  color: red;
}
.corp-transfer .error-field .error-msg {
  font-size: 10px;
}
.corp-transfer .error-field label {
  color: red;
}
.corp-transfer .error-field .dropdown {
  border-color: red !important;
}
.corp-transfer .error-field input, .corp-transfer .error-field select, .corp-transfer .error-field span {
  border-color: red;
}
.corp-transfer .overlay-box {
  z-index: -10;
}
.corp-transfer .overlay-box.active {
  left: 0;
  top: 25%;
  bottom: inherit;
  margin-left: 0;
  margin-top: 5px;
  padding: 20px;
  line-height: 1.5;
  transform: translate(0, 0);
  width: 288px;
  z-index: 10;
}
.corp-transfer .overlay-box:after {
  content: '';
  position: absolute;
  top: -6px;
  bottom: 0;
  left: 50%;
  margin-left: -54px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #7c878e;
}
.corp-transfer .emp-bft {
  padding-top: 8em;
}
.corp-transfer .content-wrapper {
  margin: 0 auto !important;
  max-width: 800px !important;
  text-align: center;
}
.corp-transfer .content-wrapper.add-card, .corp-transfer .content-wrapper.card-added {
  max-width: 90% !important;
}
.corp-transfer .content-wrapper.add-card .overlay-box.active, .corp-transfer .content-wrapper.card-added .overlay-box.active {
  left: 7%;
  top: 34%;
  margin-left: 1px;
  margin-top: -25px;
}
.corp-transfer .content-wrapper.add-card .overlay-box:after, .corp-transfer .content-wrapper.card-added .overlay-box:after {
  left: 58%;
}
.corp-transfer .content-wrapper.card-added .heading-wrapper h1 {
  left: 15%;
}
.corp-transfer .content-wrapper .ubs-info {
  font-size: 16px;
  margin: 3em auto;
  max-width: 90%;
  letter-spacing: 1px;
}
.corp-transfer .content-wrapper .ubs-info .email {
  text-transform: uppercase;
  color: #045FB4;
  font-size: 18px;
}
.corp-transfer .content-wrapper .verification-form-wrapper .verification-form {
  max-width: 400px;
  text-align: left;
  overflow: visible;
}
.corp-transfer .content-wrapper .verification-form-wrapper .verification-form .fieldset {
  position: relative;
  margin: 2em 0 2em 0;
  font-weight: 400;
}
.corp-transfer .content-wrapper .verification-form-wrapper .verification-form .fieldset label {
  text-transform: uppercase;
  font-size: 14px;
}
.corp-transfer .content-wrapper .verification-form-wrapper .verification-form .fieldset label .icon-info {
  color: #000;
}
.corp-transfer .content-wrapper .verification-form-wrapper .verification-form .button-container {
  margin: 0 auto;
  max-width: 80%;
}
.corp-transfer .content-wrapper .verification-form-wrapper .verification-form .button-container button {
  background-color: #000;
  color: #fff;
  width: 100%;
  height: 50px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.corp-transfer .content-wrapper .heading-wrapper {
  background: #000;
  height: 6em;
  width: 100%;
  top: 50px;
  left: 0;
  position: absolute;
}
.corp-transfer .content-wrapper .heading-wrapper h1 {
  color: #fff;
  margin-top: 6%;
}
.corp-transfer .content-wrapper .add-card-info {
  font-size: 14px;
  margin: 9em 0 2em 0;
  letter-spacing: 2px;
}
.corp-transfer .content-wrapper .plan-header h1 {
  font-size: 16px;
  font-weight: bold;
}
.corp-transfer .content-wrapper .membership-info-wrapper {
  margin: 0 auto;
  max-width: 600px;
}
.corp-transfer .content-wrapper .membership-info-wrapper .middle-wrapper h3 {
  margin: 1em 0 0.7em 0;
  font-size: 14px;
}
.corp-transfer .content-wrapper .membership-info-wrapper .middle-wrapper h4 {
  font-size: 12px;
  font-weight: bold;
}
.corp-transfer .content-wrapper .membership-info-wrapper .middle-wrapper .description {
  margin: 1em;
}
.corp-transfer .content-wrapper .membership-info-wrapper .membership-price-info .membership-price {
  font-size: 12px;
}
.corp-transfer .content-wrapper .membership-info-wrapper .membership-price-info .membership-price strong {
  font-size: 14px;
}
.corp-transfer .content-wrapper .employee-info h3 {
  margin: 0.8em;
}
.corp-transfer .content-wrapper .emp-info {
  text-align: center;
}
.corp-transfer .content-wrapper .emp-info .field-info {
  margin: 1em;
}
.corp-transfer .content-wrapper .emp-info .field-info .field-name {
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.corp-transfer .content-wrapper .emp-info .field-info .field-value {
  text-transform: none;
  color: rgba(0, 0, 0, 0.71);
  font-size: 28px;
  font-weight: 100;
  word-wrap: break-word;
}
.corp-transfer .content-wrapper .mem-agmt .fieldset {
  margin: 0 auto;
  max-width: 800px;
}
.corp-transfer .content-wrapper .mem-agmt .fieldset .fieldset-col {
  margin-bottom: 1em;
}
.corp-transfer .content-wrapper .mem-agmt .fieldset a {
  text-decoration: underline;
}
.corp-transfer .content-wrapper .mem-agmt .eft-policy-div {
  margin: 4%;
}
.corp-transfer .content-wrapper .form-wrapper {
  text-align: left;
  text-transform: uppercase;
}
.corp-transfer .content-wrapper .form-wrapper h3 {
  font-size: 22px;
}
.corp-transfer .content-wrapper .form-wrapper section {
  margin: 2em 0 4em 0;
}
.corp-transfer .content-wrapper .form-wrapper .left, .corp-transfer .content-wrapper .form-wrapper .right {
  width: 100%;
}
.corp-transfer .content-wrapper .form-wrapper .col-1, .corp-transfer .content-wrapper .form-wrapper .col-2, .corp-transfer .content-wrapper .form-wrapper .col-3, .corp-transfer .content-wrapper .form-wrapper .col-4, .corp-transfer .content-wrapper .form-wrapper .col-5 {
  float: left;
}
.corp-transfer .content-wrapper .form-wrapper .col-1 {
  width: 100%;
}
.corp-transfer .content-wrapper .form-wrapper .col-2 {
  width: 48%;
  margin-left: 0;
  margin-right: 2%;
}
.corp-transfer .content-wrapper .form-wrapper .col-3 {
  width: 48%;
  margin-left: 2%;
}
.corp-transfer .content-wrapper .form-wrapper .col-4 {
  width: 100%;
  margin-left: 0;
}
.corp-transfer .content-wrapper .form-wrapper .col-5 {
  width: 100%;
  margin-left: 0;
}
.corp-transfer .content-wrapper .form-wrapper label {
  font-size: 12px;
  letter-spacing: 1px;
}
.corp-transfer .content-wrapper .form-wrapper .fieldset .fieldset-col {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
.corp-transfer .content-wrapper .form-wrapper .fieldset .fieldset-row {
  margin: 1em auto;
}
.corp-transfer .content-wrapper .form-wrapper .checkbox .checkbox-replacement {
  border: 1px solid #000;
}
.corp-transfer .content-wrapper .form-wrapper .checkbox .checkbox-replacement:before {
  font-size: 22px;
  top: -5px;
  left: -4px;
}
.corp-transfer .content-wrapper .form-wrapper .checkbox .label {
  text-transform: none;
}
.corp-transfer .content-wrapper .form-wrapper .dropdown {
  background: #F7F7F7;
  height: 45px;
  border: 1px solid #CDCDCD;
  font-size: 28px;
  line-height: 44px;
}
.corp-transfer .content-wrapper .form-wrapper .dropdown .option {
  color: rgba(0, 0, 0, 0.71);
  font-weight: 100;
}
.corp-transfer .content-wrapper .form-wrapper .dropdown .option:after {
  color: #000;
  position: absolute;
  right: 5%;
}
.corp-transfer .content-wrapper .form-wrapper .dropdown.billing-exp-month, .corp-transfer .content-wrapper .form-wrapper .dropdown.billing-exp-year {
  width: 50%;
  float: left;
}
.corp-transfer .content-wrapper .form-wrapper .button-wrapper {
  margin: 0 auto;
  max-width: 600px;
}
.corp-transfer .content-wrapper .form-wrapper .button-wrapper .button-left, .corp-transfer .content-wrapper .form-wrapper .button-wrapper .button-right {
  width: 100%;
  text-transform: uppercase;
  font-size: 18px;
  height: 56px;
  letter-spacing: 2px;
}
.corp-transfer .content-wrapper .form-wrapper .button-wrapper .button-right {
  margin-left: 0;
}
.corp-transfer .content-wrapper .sub-heading {
  margin-top: 2em;
  text-transform: uppercase;
  font-size: 32px;
  font-family: sans-serif;
}
.corp-transfer .content-wrapper .act-mgmt {
  margin: 4em auto;
  max-width: 700px;
}
.corp-transfer .content-wrapper .act-mgmt .form-heading {
  margin: 0.7em 0;
}
.corp-transfer .content-wrapper .act-mgmt .form-heading .heading {
  font-size: 26px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}
.corp-transfer .content-wrapper .act-mgmt .form-heading .error-div {
  margin-top: 1em;
}
.corp-transfer .content-wrapper .act-mgmt .form-heading .heading-info {
  margin: 1em;
  font-size: 14px;
  letter-spacing: 2px;
}
.corp-transfer .content-wrapper .act-mgmt .form-footer {
  margin-top: 2em;
}
.corp-transfer .content-wrapper .act-mgmt .form-footer p {
  font-size: 14px;
  letter-spacing: 2px;
}
.corp-transfer .content-wrapper .act-mgmt .form-footer a {
  text-decoration: underline;
}

/* Upcoming classes Page */
.upcoming-classes-container {
  width: 100%;
  margin: 0;
  padding-bottom: 40px;
}
.upcoming-classes-container .upcoming-classes-header {
  text-align: center;
  padding: 40px 0 60px;
}
.upcoming-classes-container .upcoming-classes-header .heading {
  display: table;
  cursor: pointer;
  margin-left: 6%;
  margin-right: 6%;
  padding: 0 8% 6px;
  width: 72%;
  border-bottom: 4px solid #000;
  position: relative;
}
.upcoming-classes-container .upcoming-classes-header .heading.active .option {
  transform: rotate(180deg);
}
.upcoming-classes-container .upcoming-classes-header .heading .option {
  top: 0;
  width: auto;
  right: -15px;
  color: #080808;
  position: absolute;
  display: inline-block;
}
.upcoming-classes-container .upcoming-classes-header .heading .option:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  content: "\e60b";
  margin-left: 10px;
  font-size: 22px;
  z-index: 1;
}
.upcoming-classes-container .upcoming-classes-header h3,
.upcoming-classes-container .upcoming-classes-header .select-placeholder {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.16em;
}
.upcoming-classes-container .upcoming-classes-header .select-placeholder {
  right: 0;
  left: 0;
  background: #fff;
  position: absolute;
  z-index: 999;
}
.upcoming-classes-container .upcoming-classes-header .select-wrapper.select-placeholder {
  text-decoration: none;
  border-bottom: none;
}
.upcoming-classes-container .upcoming-classes-header .select-wrapper.select-placeholder u {
  border-bottom: 4px solid #000;
  text-decoration: none;
}
.upcoming-classes-container .upcoming-classes-header h3 {
  margin: 0 6px 20px 0;
}
.upcoming-classes-container .upcoming-classes-header ul li {
  color: #0a0a0a;
  cursor: pointer;
  margin: 8px 0px;
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  letter-spacing: 2px;
  transition: all 700ms;
  background-color: #fff;
}
.upcoming-classes-container .upcoming-classes-header ul li.active {
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .upcoming-header ul {
  display: table;
  width: 100%;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .upcoming-header ul li {
  width: 26.5%;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 1.25%;
  display: table-cell;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .upcoming-header ul li:first-child {
  width: 10%;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .upcoming-header ul li.tomorrow-heading, .upcoming-classes-container .upcoming-classes-content .class-container .result-view .upcoming-header ul li.day-after-tomorrow-heading {
  display: none;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .upcoming-header ul li h4 {
  font-size: 20px;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .upcoming-header ul li span {
  color: #8E8E8D;
  font-size: 16px;
  font-weight: 400;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .morning,
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .afternoon,
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .evening {
  margin: 30px 0;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .morning h3,
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .afternoon h3,
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .evening h3 {
  display: block;
  background: #867F7C;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0 5px 20px;
  margin-bottom: 0;
  letter-spacing: 2px;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li {
  width: 100%;
  display: table;
  border-bottom: 1px solid #eee;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li .class-time {
  width: 10%;
  text-align: right;
  font-weight: 600;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li a {
  text-decoration: underline;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li .today {
  width: 26.5%;
  text-align: left;
  text-transform: uppercase;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li > div {
  padding: 1.25%;
  display: table-cell;
  vertical-align: top;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li .tomorrow,
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li .day-after-tomorrow {
  display: none;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li > div:not(:last-child) {
  border-right: 1px solid #eee;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li:nth-child(even) {
  background-color: #F5F5F5;
}
.upcoming-classes-container .upcoming-classes-content .goto-class-search {
  text-align: center;
  padding: 30px 0;
  display: block;
  font-weight: 600;
}
.upcoming-classes-container .upcoming-classes-content .goto-class-search > a {
  display: inline-block;
  text-decoration: underline;
}

.group-fitness .row {
  border: 0 !important;
  margin-top: 15px;
  margin-bottom: 15px;
}
.group-fitness .row [class*='col-'] {
  border: 0;
}
.group-fitness .two-col-img-two-col-detail .info {
  margin-bottom: 0;
}
.group-fitness .two-col-img-two-col-detail h1 {
  font-family: 'Graphik Medium';
  font-size: 32px;
  margin: 0 auto 15px;
  text-align: center;
}
.group-fitness .two-col-img-two-col-detail .desc {
  text-align: justify;
}
.group-fitness .two-col-img-two-col-detail p {
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 24px;
  text-align: justify;
}
.group-fitness .two-col-img-two-col-detail p {
  font-weight: 500;
  margin: 15px auto;
  text-align: left;
}
.group-fitness .two-col-img-two-col-detail p a {
  display: inline-block;
  text-align: left;
  font-weight: 600;
  font-size: 15px;
  font-family: 'Graphik Medium';
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  padding-bottom: 3px;
  border-bottom: 4px solid #000;
}
.group-fitness .one-col-img-slideshow .carousel {
  min-height: auto;
}
.group-fitness .one-col-img-slideshow .carousel .owl-controls {
  display: none !important;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer,
.group-fitness .two-col-slideshow .three-col-slideshow-outer,
.group-fitness .three-col-slideshow .two-col-slideshow-outer,
.group-fitness .three-col-slideshow .three-col-slideshow-outer {
  width: 100%;
  height: 100%;
  position: relative;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer > a,
.group-fitness .two-col-slideshow .three-col-slideshow-outer > a,
.group-fitness .three-col-slideshow .two-col-slideshow-outer > a,
.group-fitness .three-col-slideshow .three-col-slideshow-outer > a {
  display: block;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner,
.group-fitness .two-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content,
.group-fitness .two-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content {
  display: table;
  margin: 0 auto;
  background: #fff;
  padding: 15px;
  width: 70%;
  text-align: center;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content .label,
.group-fitness .two-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content .label,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content .label,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content .label,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content .label,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content .label,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content .label,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content .label {
  font-family: "Graphik Medium";
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  color: #7c878e;
  letter-spacing: 0.16em;
  display: block;
  text-align: center;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content h3,
.group-fitness .two-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content h3,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content h3,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content h3,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content h3,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content h3,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content h3,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content h3 {
  margin: 0 0 15px 0;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-family: "Graphik Medium";
  letter-spacing: 0.16em;
  font-size: 24px;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content p,
.group-fitness .two-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content p,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content p,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content p,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content p,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content p,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content p,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content p {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: none;
  margin-bottom: 20px;
}
@media (max-width: 320px) {
  .group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content p,
  .group-fitness .two-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content p,
  .group-fitness .two-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content p,
  .group-fitness .two-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content p,
  .group-fitness .three-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content p,
  .group-fitness .three-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content p,
  .group-fitness .three-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content p,
  .group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content p {
    -webkit-line-clamp: 3;
  }
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content a,
.group-fitness .two-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content a,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content a,
.group-fitness .two-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content a,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content a,
.group-fitness .three-col-slideshow .two-col-slideshow-outer .three-col-slideshow-inner .content a,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .two-col-slideshow-inner .content a,
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content a {
  font-family: "Graphik Medium";
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.16em;
  padding-bottom: 3px;
  border-bottom: 4px solid #000;
  font-size: 15px;
  text-transform: uppercase;
  display: inline-block;
}
.group-fitness .two-col-slideshow .owl-controls,
.group-fitness .three-col-slideshow .owl-controls {
  margin-top: -45px;
}
.group-fitness .col-video-container {
  margin-bottom: 0;
}
.group-fitness .col-video-container video {
  width: 100%;
  height: 100%;
}
.group-fitness .one-col-class-count .content {
  text-align: center;
}
.group-fitness .one-col-class-count #category-id {
  border: 5px solid #000;
  position: relative;
  overflow: hidden;
}
.group-fitness .one-col-class-count #category-id:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.group-fitness .one-col-class-count #category-id .inner-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.group-fitness .one-col-class-count #category-id .inner-content .content {
  font-family: "Graphik Medium";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  padding: 20px;
}
.group-fitness .one-col-class-count #category-id .inner-content .content .title {
  font-size: 70px;
  margin: 0;
  letter-spacing: 7px;
  font-weight: 500;
  line-height: 1;
}
.group-fitness .one-col-class-count #category-id .inner-content .content p {
  font-size: 16px;
  letter-spacing: 3px;
  margin: 10px 0 0 0;
  line-height: 27px;
  text-transform: uppercase;
}
.group-fitness .four-col-groupfitness,
.group-fitness .four-col-groupfitness-furthermore {
  position: relative;
}
.group-fitness .four-col-groupfitness .content-container,
.group-fitness .four-col-groupfitness-furthermore .content-container {
  color: #000;
  height: 100%;
  position: relative;
  padding: 15px;
  z-index: 10;
  background: #fff;
  height: 70%;
  text-align: center;
}
.group-fitness .four-col-groupfitness .content-container img,
.group-fitness .four-col-groupfitness-furthermore .content-container img {
  width: 29%;
  margin-bottom: 15px;
}
.group-fitness .four-col-groupfitness .content-container label,
.group-fitness .four-col-groupfitness-furthermore .content-container label {
  font-family: "Graphik Medium";
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  color: #7c878e;
  letter-spacing: 0.16em;
  display: block;
  text-align: center;
}
.group-fitness .four-col-groupfitness .content-container h3,
.group-fitness .four-col-groupfitness-furthermore .content-container h3 {
  text-transform: uppercase;
  margin: 0 40px 20px;
  font-family: "Graphik Medium";
  letter-spacing: 0.16em;
  font-size: 24px;
}
.group-fitness .four-col-groupfitness .content-container p,
.group-fitness .four-col-groupfitness-furthermore .content-container p {
  font-size: 14px;
  margin: 0 40px 20px;
  letter-spacing: 0.05em;
  line-height: 24px;
}
.group-fitness .four-col-groupfitness .content-container a,
.group-fitness .four-col-groupfitness-furthermore .content-container a {
  display: inline-block;
  font-size: 15px;
  font-family: 'Graphik Medium';
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  padding-bottom: 3px;
  border-bottom: 4px solid #000;
}
.group-fitness .four-col-groupfitness-furthermore .content-container p {
  margin: 0 0 20px;
}
.group-fitness .two-col-openHtml .content {
  margin: 20px;
  text-align: center;
}
.group-fitness.complex-container .container {
  width: 100%;
}
.group-fitness.complex-container .container [class*='col-'] {
  width: 100%;
  padding: 0;
  left: 0;
}
.group-fitness.complex-container .container .three-col .stick-bottom,
.group-fitness.complex-container .container .two-col .stick-bottom,
.group-fitness.complex-container .container .class-summary .summary-content .editable-info-container .one-quarter-col .stick-bottom,
.class-summary .summary-content .editable-info-container .group-fitness.complex-container .container .one-quarter-col .stick-bottom,
.group-fitness.complex-container .container .class-summary .summary-content .editable-info-container .three-quarter-col .stick-bottom,
.class-summary .summary-content .editable-info-container .group-fitness.complex-container .container .three-quarter-col .stick-bottom {
  margin-top: 0;
}
.group-fitness.complex-container .container .three-col div + div.stick-bottom,
.group-fitness.complex-container .container .two-col div + div.stick-bottom,
.group-fitness.complex-container .container .class-summary .summary-content .editable-info-container .one-quarter-col div + div.stick-bottom,
.class-summary .summary-content .editable-info-container .group-fitness.complex-container .container .one-quarter-col div + div.stick-bottom,
.group-fitness.complex-container .container .class-summary .summary-content .editable-info-container .three-quarter-col div + div.stick-bottom,
.class-summary .summary-content .editable-info-container .group-fitness.complex-container .container .three-quarter-col div + div.stick-bottom {
  margin-top: 0;
}
.group-fitness.complex-container .container .three-col .stick-center,
.group-fitness.complex-container .container .two-col .stick-center,
.group-fitness.complex-container .container .class-summary .summary-content .editable-info-container .one-quarter-col .stick-center,
.class-summary .summary-content .editable-info-container .group-fitness.complex-container .container .one-quarter-col .stick-center,
.group-fitness.complex-container .container .class-summary .summary-content .editable-info-container .three-quarter-col .stick-center,
.class-summary .summary-content .editable-info-container .group-fitness.complex-container .container .three-quarter-col .stick-center {
  margin-top: 0;
}
.group-fitness.complex-container .container .three-col [class*='col-'] .row, .group-fitness.complex-container .container .three-col [class*='col-'] div {
  margin-top: 0;
  margin-bottom: 0;
}
.group-fitness.complex-container.container [class*='one-col-'] [class*='col-'],
.group-fitness.complex-container.container [class*='two-col-'] [class*='col-'],
.group-fitness.complex-container.container [class*='three-col-'] [class*='col-'] {
  margin-top: 0;
  margin-bottom: 0;
}
.group-fitness.complex-container.container .three-col {
  margin-bottom: 0;
}
.group-fitness.complex-container.container .three-col .single-coloumn {
  margin-top: 0;
  margin-bottom: 0;
}
.group-fitness.complex-container.container .three-col .single-coloumn > .row > [class*='col-']:not(:last-child) {
  margin-bottom: 30px;
}
.group-fitness.complex-container.container .three-col .single-coloumn > .row div {
  margin-top: 0;
  margin-bottom: 0;
}
.group-fitness.complex-container.container .three-col .single-coloumn .row {
  margin-bottom: 0;
}
.group-fitness.complex-container.container .three-col > [class*='col-'] {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .group-fitness .two-col-img-two-col-detail h1 {
    font-family: 'Graphik Medium';
    font-size: 24px;
  }
  .group-fitness .two-col-img-two-col-detail .desc {
    text-align: center;
  }
  .group-fitness .two-col-img-two-col-detail p {
    text-align: center;
  }
  .group-fitness .two-col-img-two-col-detail p a {
    text-align: center;
  }
  .group-fitness .four-col-groupfitness .content-container,
  .group-fitness .four-col-groupfitness-furthermore .content-container {
    margin-top: -20%;
  }
  .group-fitness .four-col-groupfitness .content-container img,
  .group-fitness .four-col-groupfitness-furthermore .content-container img {
    width: 80%;
  }
  .group-fitness .four-col-groupfitness .content-container label,
  .group-fitness .four-col-groupfitness-furthermore .content-container label {
    font-size: 14px;
  }
  .group-fitness .four-col-groupfitness .content-container h3,
  .group-fitness .four-col-groupfitness-furthermore .content-container h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 15px 0;
  }
  .group-fitness .four-col-groupfitness .content-container p,
  .group-fitness .four-col-groupfitness-furthermore .content-container p {
    margin: 0 0 15px 0;
  }
}

.page.join-membership-step1 > [class*='banner'], .page.join-membership-step2 > [class*='banner'], .page.join-membership-step3 > [class*='banner'], .page.join-membership-step4 > [class*='banner'] {
  position: relative;
  width: 100%;
}
.page.join-membership-step1 > [class*='banner'] + .module, .page.join-membership-step2 > [class*='banner'] + .module, .page.join-membership-step3 > [class*='banner'] + .module, .page.join-membership-step4 > [class*='banner'] + .module {
  margin: 0;
  padding: 0;
}
.page.join-membership-step1 .rich-content header img.is-mobile, .page.join-membership-step2 .rich-content header img.is-mobile, .page.join-membership-step3 .rich-content header img.is-mobile, .page.join-membership-step4 .rich-content header img.is-mobile {
  width: 100%;
}

.page .join-membership .container .row {
  border: 0;
}
.page .join-membership .container .row [class*='col-'] {
  border: 0;
}
.page .join-membership .container .row.credit-row {
  padding: 20px 0px;
  background: #e4e4e4;
  margin-top: 15px;
}
.page .join-membership .container.review-main-block, .page .join-membership .container .inner-container {
  position: relative;
}
.page .join-membership .checkbox .checkbox-replacement {
  width: 14px;
  height: 14px;
  border: 1px solid black;
  margin-top: 0px;
}
.page .join-membership .checkbox .checkbox-replacement:before {
  font-size: 30px;
  top: -6px;
  left: -9px;
}
.page .join-membership .row [class*='col-'] {
  border: none;
}
.page .join-membership .header-content {
  max-height: 200px;
  overflow: hidden;
}
.page .join-membership .bold-italic {
  font-weight: bold;
  font-style: italic;
}
.page .join-membership .greyBack {
  background: #efefef !important;
}
.page .join-membership .seperater-line {
  border-bottom: 1px solid #7c878e;
  margin: 20px auto 20px;
}
.page .join-membership .joinBanner {
  letter-spacing: 2px;
  font-size: 17px;
  color: #000;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  background-color: #fff;
}
.page .join-membership .stepCls {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.67;
  letter-spacing: 1.5px;
  text-align: center;
  color: #ffffff;
}
.page .join-membership .membCls {
  font-weight: 500;
  font-family: 'Graphik Medium';
  line-height: 1.31;
  letter-spacing: 8.5px;
  text-align: center;
  color: #ffffff;
  display: block;
  font-size: 22px;
}
.page .join-membership .SpaDetailBlock {
  height: 40px;
  position: absolute;
  background: #fff;
  width: 80%;
  left: 10%;
  bottom: 18%;
  text-align: center;
  clear: both;
}
.page .join-membership .line-through {
  width: 300px;
  height: 2px;
  clear: both;
  margin-left: 20px;
  background: #7c878e;
  text-align: center;
}
.page .join-membership .line-through {
  width: 300px;
  height: 2px;
  clear: both;
  margin-left: 20px;
  background: #7c878e;
  text-align: center;
}
.page .join-membership div.spaDescBlk {
  position: relative;
  text-align: center;
  border: none;
  padding-top: 40px;
}
.page .join-membership div.spaDescBlk p {
  margin-bottom: 0;
}
.page .join-membership div.spaDescBlk .spaCity {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 3px;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}
.page .join-membership div.spaDescBlk .spaName {
  font-size: 32px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  letter-spacing: 8px;
  color: #000000;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}
.page .join-membership div.spaDescBlk .spaAddres {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
}
.page .join-membership div.spaDescBlk .amenities-blk {
  margin-bottom: 0px;
}
.page .join-membership div.spaDescBlk .faclity-amenlabel {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  font-family: 'Graphik Medium';
  margin-top: 20px;
  margin-bottom: 0;
}
.page .join-membership div.spaDescBlk .faclity-amen-club {
  font-size: 14px;
  max-width: 80%;
  text-align: center;
  letter-spacing: normal;
  margin: 0 auto;
}
.page .join-membership div.spaDescBlk .facilty-amen {
  margin: 0;
  font-size: 14px;
  margin-top: 5px;
}
.page .join-membership div.spaDescBlk .spaDescs {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  padding-top: 10px;
}
.page .join-membership div.spaDescBlk .spaFeat {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
}
.page .join-membership div.spaDescripBlk {
  text-align: center;
  min-height: 100%;
}
.page .join-membership div.spaDescripBlk ul li.spaDescripBlkLi {
  float: left;
  list-style-type: none;
  background: #fff;
  color: #000;
  margin-bottom: 30px;
}
.page .join-membership div.spaDescripBlk ul > li.spaDescripBlkLi:not(:last-child) {
  margin-bottom: 125px;
}
.page .join-membership div.spaDescripBlk ul li.spaDescripBlkLi section {
  padding: 20px 8px;
}
.page .join-membership div.spaDescripBlk ul li.spaDescripBlkLi.member-favorite-club {
  background: #efefef;
  padding-bottom: 30px;
}
.page .join-membership div.spaDescripBlk ul li.spaDescripBlkLi.member-favorite-club .whiteBtnspa {
  background: #000;
  color: #fff;
  border: none;
}
.page .join-membership div.spaDescripBlk div.spa-detail-region strong {
  line-height: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  display: block;
}
.page .join-membership div.spaDescripBlk div.spa-detail-region table {
  line-height: 26px;
  padding-bottom: 10px;
  width: 100%;
}
.page .join-membership div.spaDescripBlk div.spa-detail-region table td {
  font-size: 12px;
  letter-spacing: normal;
}
.page .join-membership div.spaDescripBlk div.spa-detail-region table td:nth-child(even) {
  text-align: right;
}
.page .join-membership div.spaDescripBlk .memFav {
  font-size: 10px;
  font-family: 'Graphik Medium';
  letter-spacing: 2px;
  background: #7d888e;
  color: #fff;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  width: 100%;
}
.page .join-membership div.spaDescripBlk .whiteBtnspa {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  position: relative;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  margin-top: 30px;
  float: left;
}
.page .join-membership div.spaDescripBlk .blackBtnspa {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  position: relative;
  text-align: center;
  background: #000;
  width: 250px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 30px;
  float: left;
}
.page .join-membership div.spaDescripBlk .spa-location .spa-detail {
  text-align: left;
}
.page .join-membership div.spaDescripBlk .spa-location .spa-detail .spa-title {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  line-height: 1.25;
  text-align: left;
  margin: 10px 0 20px 0;
  letter-spacing: 1px;
}
.page .join-membership div.spaDescripBlk .spa-location .spa-detail .spa-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
  min-height: 30px;
  display: block;
  padding-bottom: 10px;
  letter-spacing: normal;
  text-align: left;
}
.page .join-membership p.spaDescBtm {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  clear: both;
  padding: 30px;
  color: #000;
  margin-top: 25px;
  margin-bottom: 30px;
}
.page .join-membership .map-section-page {
  text-align: center;
  margin: 0 auto;
}
.page .join-membership .map-section-page input {
  -webkit-appearance: none;
  display: block;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 10px auto;
  padding: 10px 10px;
  font-family: "Graphik Web", sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  letter-spacing: 1px;
  color: #000;
  height: 40px;
  border: 1px solid #cdcdcd;
  background: #f7f7f7;
}
.page .join-membership .search-map-button, .page .join-membership #searchButton {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  text-align: center;
  background: #000;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 25px;
  float: left;
}
.page .join-membership .map-section-page .content-head {
  font-weight: bold;
  padding: 20px 20px 10px 20px;
  font-size: 12px;
  letter-spacing: normal;
}
.page .join-membership .map-section-page .searchBox {
  position: relative;
  max-width: 385px;
}
.page .join-membership .map-section-page i {
  position: absolute;
  right: 12px;
  top: 22px;
  color: #959595;
}
.page .join-membership .membership-step3-join .container {
  background: white;
  position: relative;
  z-index: 1;
}
.page .join-membership .membership-step3-join .container .payment-main-block {
  width: 100%;
  margin: 0;
}
.page .join-membership .membership-step3-join .container .payment-main-block .info-section {
  margin-bottom: 0;
}
.page .join-membership .membership-step3-join .container .payment-main-block .info-section .billinInfoBlk {
  margin-bottom: 0;
}
.page .join-membership .membership-step3-join .container .payment-main-block .info-section .billinInfoBlk .spacing {
  margin-top: 20px;
}
.page .join-membership .membership-step3-join .container .payment-main-block .info-section .billinInfoBlk .spacing .col-xs-5 {
  margin-bottom: 0;
}
.page .join-membership .membership-step3-join .formBlk {
  background: #fff;
  padding-top: 40px;
}
.page .join-membership .membership-step3-join form {
  overflow: inherit;
  max-width: inherit;
  font-weight: inherit;
}
.page .join-membership .membership-step3-join div.paymentBanner {
  position: relative;
  text-align: center;
  background: #fff;
  color: #000;
  clear: both;
}
.page .join-membership .membership-step3-join .checkoutChtext {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.17;
  color: #787878;
  text-align: left;
  margin-top: 27px;
}
.page .join-membership .membership-step3-join .chChangetext {
  text-align: left;
  text-decoration: underline;
  font-size: 12px;
  margin-top: 30px;
  display: block;
}
.page .join-membership .membership-step3-join .blackBtnreview {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  position: relative;
  text-align: center;
  background: #000;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  margin-top: 24px;
  display: block;
}
.page .join-membership .membership-step3-join .membCls {
  font-size: 22px;
}
.page .join-membership .membership-step3-join .control-form {
  float: left;
  width: 90%;
}
.page .join-membership .membership-step3-join .personInfohead {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 8px;
  font-family: 'Graphik Medium';
  margin-bottom: 40px;
  text-align: center;
  color: #000000;
}
.page .join-membership .membership-step3-join .bill-info-main {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
}
.page .join-membership .membership-step3-join .billingInfohead {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 8px;
  font-family: 'Graphik Medium';
  text-align: center;
  color: #000000;
  margin: 0;
  padding-bottom: 25px;
}
.page .join-membership .membership-step3-join .info-section {
  /*padding: 0;*/
}
.page .join-membership .membership-step3-join .bill-personinf-same {
  display: block;
  margin-left: 26px;
  font-size: 12px;
  letter-spacing: normal;
}
.page .join-membership .membership-step3-join .final-mem-box {
  float: left;
  background-color: #fff;
  color: #000;
  padding: 20px 10px;
}
.page .join-membership .membership-step3-join .final-mem-box section {
  background: #efefef;
  margin-top: 32px;
  padding: 20px 10px;
}
.page .join-membership .membership-step3-join .final-mem-box section div tr td {
  font-size: 14px;
  line-height: 40px;
  letter-spacing: normal;
}
.page .join-membership .membership-step3-join .final-mem-box section div tr td:nth-child(even) {
  text-align: right;
}
.page .join-membership .membership-step3-join .finalmem-title {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  letter-spacing: 1px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}
.page .join-membership .membership-step3-join .control-title {
  display: inline-block;
  margin: auto;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
}
.page .join-membership .membership-step3-join .credit-lock {
  font-size: 35px;
  vertical-align: middle;
  display: inline-block;
  line-height: 0.1;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .page .join-membership .membership-step3-join .credit-lock {
    position: absolute;
    top: 5px;
  }
}
.page .join-membership .membership-step3-join .col.width-right {
  width: 90%;
}
.page .join-membership .membership-step3-join .col.width-left {
  width: 90%;
  margin-right: 1%;
}
.page .join-membership .membership-step3-join .col.width-middle {
  width: 20%;
  margin-right: 1%;
}
.page .join-membership .membership-step3-join .content-wrapper div {
  margin: 0 50px;
}
.page .join-membership .membership-step3-join .step1 .col {
  display: block;
  margin-bottom: 0 !important;
}
.page .join-membership .membership-step3-join .control input {
  -webkit-appearance: none;
  display: block;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 10px auto;
  padding: 10px 20px;
  font-family: "Graphik Web", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  letter-spacing: 1px;
  color: #000;
  height: 40px;
  border: 1px solid #cdcdcd;
  background: #f7f7f7;
}
.page .join-membership .membership-step3-join .select-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 10px auto;
  padding: 0;
  text-align: left;
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
}
.page .join-membership .membership-step3-join .select-wrapper select {
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 18px;
}
.page .join-membership .membership-step3-join .select-wrapper .option {
  display: block;
  width: 100%;
  padding: 9px 20px 8px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  box-sizing: border-box;
}
.page .join-membership .membership-step3-join .select-wrapper .option:after {
  position: absolute;
  top: 33%;
  right: 6px;
  content: "\e60b";
  font-size: 20px;
}
.page .join-membership .membership-step3-join .expiration-dropdown [class*='col-'] {
  padding: 0 !important;
}
.page .join-membership .membership-step3-join .expiration-dropdown .select-wrapper .option {
  padding: 9px 5px 8px;
}
.page .join-membership .membership-step3-join .btnCls {
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
.page .join-membership .membership-step3-join table td {
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step3-join table td:nth-child(even) {
  text-align: right;
}
.page .join-membership .membership-step4-join .reviewPaHead {
  font-size: 24px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  letter-spacing: 5px;
  text-align: center;
  padding-bottom: 40px;
}
.page .join-membership .membership-step4-join .review-club-title {
  font-size: 22px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  letter-spacing: 2.5px;
  text-align: center;
  color: #000000;
}
.page .join-membership .membership-step4-join #termsAndConditionsCopy a {
  text-decoration: underline;
}
.page .join-membership .membership-step4-join .club-name {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  color: #7d888e;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .club-address-block {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .club-address-block1, .page .join-membership .membership-step4-join .club-city, .page .join-membership .membership-step4-join .club-phine, .page .join-membership .membership-step4-join .cardenddidgits, .page .join-membership .membership-step4-join .card-date {
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .change-label-text {
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
}
.page .join-membership .membership-step4-join .club-charge-blk {
  margin: 20px 0 20px 0;
}
.page .join-membership .membership-step4-join .club-charge-blk .club-charge {
  font-weight: 500;
}
.page .join-membership .membership-step4-join .club-msg {
  color: #787878;
  display: inline-block;
  line-height: 20px;
  margin-top: 25px;
  font-size: 12px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .club-username {
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Graphik Medium';
}
.page .join-membership .membership-step4-join .club-useremail {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: 'Graphik Medium';
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .club-useradd, .page .join-membership .membership-step4-join .club-usercity, .page .join-membership .membership-step4-join .club-usercitypin {
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .club-userphone {
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .cardtypeblock {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: uppercase;
  font-family: 'Graphik Medium';
}
.page .join-membership .membership-step4-join .edit-label-text {
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
  font-family: 'Graphik Medium';
}
.page .join-membership .membership-step4-join .stepCls {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.67;
  letter-spacing: 1.5px;
  text-align: center;
  color: #ffffff;
}
.page .join-membership .membership-step4-join .membCls {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.31;
  display: block;
  letter-spacing: 8.5px;
  text-align: center;
  color: #ffffff;
  display: block;
  font-family: 'Graphik Medium';
}
.page .join-membership .membership-step4-join .conformTop {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  padding: 20px 40px 20px 40px;
}
.page .join-membership .membership-step4-join .confirmBlock {
  background: #efefef;
  float: left;
  position: relative;
  width: 100%;
  color: #000;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBlockrel {
  background: #efefef;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBlockrel div tr td {
  line-height: 36px;
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBlockrel div tr td:nth-child(even) {
  text-align: right;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotleft {
  float: none;
  width: 100%;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotleft .agreetext1 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotleft .agreetext2 {
  margin-bottom: 20px;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotleft .label {
  font-size: 14px;
  letter-spacing: normal;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotright {
  float: none;
  width: 100%;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotright.is-mobile {
  margin-bottom: 20px;
}
.page .join-membership .membership-step4-join .confirmBlock p.purchase-error {
  text-align: center;
  padding-top: 30px;
  color: #f00;
}
.page .join-membership .membership-step4-join .confirmBlock .purchaseBtnwrap {
  float: none;
  clear: both;
  text-align: center;
  margin-bottom: 10%;
  margin-left: 18%;
}
.page .join-membership .membership-step4-join .blackBtnPurchase {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  position: relative;
  text-align: center;
  background: #000;
  width: 250px;
  color: #fff;
  text-transform: uppercase;
  margin: 30px 0 20px 0;
  float: left;
}
.page .join-membership .membership-step4-join .reviewBlockMain {
  position: relative;
  text-align: center;
  padding-top: 50px;
  background: #fff;
}

.page .membership-join-step1 {
  position: relative;
  top: -1px;
}
.page .membership-join-step1 .container-fluid .row {
  border: none;
}
.page .membership-join-step1 .container-fluid .row [class*='col-'] {
  border: 0;
}
.page .membership-join-step1 .visual-panel {
  padding: 0;
}
.page .membership-join-step1 .visual-panel .pic-container {
  max-height: 200px;
  overflow: hidden;
}
.page .membership-join-step1 .visual-panel .button-block {
  display: none;
}
.page .membership-join-step1 .mainRow {
  text-align: center;
  margin-top: 40px;
}
.page .membership-join-step1 .container > .row {
  border: none;
}
.page .membership-join-step1 .searchButton {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  position: relative;
  text-align: center;
  width: 250px;
  text-transform: uppercase;
  margin-top: 20px;
  color: #fff;
  background: #000;
  cursor: pointer;
}
.page .membership-join-step1 .searchResult {
  margin-top: 20px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.64;
  letter-spacing: 2.5px;
  color: #000000;
  position: relative;
  height: auto;
  padding: 0;
}
.page .membership-join-step1 .searchResult li {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding: 19px 30px 30px 30px;
  box-sizing: border-box;
}
.page .membership-join-step1 .searchResult li:nth-child(even) {
  background: #efefef;
}
.page .membership-join-step1 .searchResult li.is-active {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
.page .membership-join-step1 .searchResult li .row {
  border: none;
}
.page .membership-join-step1 .searchResult li .bottom-area {
  transition: .2s ease;
  display: block;
}
.page .membership-join-step1 .searchResult li .bottom-area img {
  margin-top: 30px;
}
.page .membership-join-step1 .amenitiesBlock {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  letter-spacing: normal;
  line-height: 20px;
  color: #000000;
  margin-top: 20px;
}
.page .membership-join-step1 .amenitiesBlock h5 {
  font-family: 'Graphik Medium';
}
.page .membership-join-step1 .clubname-head {
  font-weight: 500;
  font-family: 'Graphik Medium';
  font-size: 22px;
  text-align: left;
  margin: 0;
  width: 90%;
  line-height: 24px;
  margin-bottom: 10px;
}
.page .membership-join-step1 .addressBlock {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  text-align: left;
  line-height: 20px;
  color: #000000;
}
.page .membership-join-step1 .addressBlock span {
  line-height: 20px;
  display: block;
  font-size: 14px;
  letter-spacing: normal;
  display: block;
}
.page .membership-join-step1 .timingBlock {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: normal;
  color: #000000;
  margin-top: 20px;
}
.page .membership-join-step1 .timingBlock span {
  line-height: 20px;
  display: inline-block;
  font-size: 14px;
  display: block;
  letter-spacing: normal;
}
.page .membership-join-step1 .noResultBlock {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.43;
  color: #000000;
}
.page .membership-join-step1 .memberShipButton {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2.5px;
  padding: 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  color: #fff;
  background: #000;
  float: left;
  max-width: 250px;
  transition: none;
}
.page .membership-join-step1 .leftPicContainer {
  max-height: 820px;
  width: 47%;
  margin-top: 20px;
  float: left;
}
.page .membership-join-step1 .rightContentContainer {
  height: 820px;
  width: 52%;
  margin-top: 20px;
  float: right;
}
.page .membership-join-step1 .rightContentContainerResult {
  height: 820px;
  width: 52%;
  margin-top: 20px;
  float: right;
  display: none;
}
.page .membership-join-step1 .content1 {
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  letter-spacing: 2.5px;
  line-height: 20px;
}
.page .membership-join-step1 .content2 {
  font-family: 'Graphik Medium';
  font-size: 24px;
}
.page .membership-join-step1 .content1RP {
  font-size: 32px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  line-height: 1.31;
  margin-top: 5px;
  letter-spacing: 8.5px;
  text-align: center;
  color: #000000;
}
.page .membership-join-step1 #resultCount {
  margin-left: 350px;
  margin-top: 30px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #000000;
}
.page .membership-join-step1 .searchBox {
  position: relative;
}
.page .membership-join-step1 .searchBox form {
  position: relative;
}
.page .membership-join-step1 .searchBox form #searchedText {
  margin-top: 12px;
}
.page .membership-join-step1 .searchBox form .setMarker {
  position: absolute;
  top: 22px;
  right: 28px;
  color: #959595;
}
.page .membership-join-step1 #searchInEquinox {
  width: 380px;
  height: 40px;
}
.page .membership-join-step1 #searchedText {
  max-width: 380px;
  max-height: 40px;
}
.page .membership-join-step1 input {
  -webkit-appearance: none;
  display: block;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
  margin-top: 20px;
  padding: 10px 10px;
  font-family: "Graphik Web", sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  letter-spacing: 1px;
  color: #000;
  height: 40px;
  border: 1px solid #cdcdcd;
  background: #f7f7f7;
}
.page .membership-join-step1 .content2RP {
  margin-top: 35px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  color: #000000;
  margin-bottom: 10px;
}
.page .membership-join-step1 .content2RP .content2 {
  margin-top: 20px;
  font-family: 'Graphik Medium';
  font-size: 24px;
  font-weight: 500;
  line-height: 1.24;
  letter-spacing: 8px;
  text-align: center;
  color: #000000;
  margin-top: 30px;
}
.page .membership-join-step1 .content3 {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Graphik Medium';
  line-height: 1.38;
  letter-spacing: 2.5px;
  text-align: center;
  color: #000000;
}
.page .membership-join-step1 .content4 {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.38;
  padding: 0 15% 0 15%;
  text-align: center;
}

.page .membership-join-thankyou .row {
  border: 0;
}
.page .membership-join-thankyou .row [class*='col-'] {
  border: none;
}
.page .membership-join-thankyou .white-bg-pd {
  background: #fff;
  padding-top: 50px;
  border: 0;
}
.page .membership-join-thankyou .welcometheclubTitle {
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 1.58;
  letter-spacing: 5px;
  font-family: 'Graphik Medium';
  margin-top: 30px;
  margin-bottom: 30px;
}
.page .membership-join-thankyou .credit-card-charged-msg {
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
  letter-spacing: normal;
}
.page .membership-join-thankyou .bar-code-label {
  text-align: center;
  font-size: 16px;
  letter-spacing: normal;
  margin-bottom: 30px;
  margin-top: 30px;
}
.page .membership-join-thankyou .refer-a-friend {
  text-align: center;
  font-size: 16px;
  letter-spacing: normal;
}
.page .membership-join-thankyou #barcodeLabel {
  font-size: 20px;
  letter-spacing: normal;
  display: block;
}
.page .membership-join-thankyou .active-btn-wrap {
  text-align: center;
}
.page .membership-join-thankyou .activate-online-account-msg {
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
  letter-spacing: normal;
}

.join-membership .header-content,
.membership-join-thankyou .header-content {
  max-height: 200px;
  overflow: hidden;
}
.join-membership .header-content header,
.membership-join-thankyou .header-content header {
  max-height: 200px;
}

.download-app-section {
  background: #7d888e;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  border: 0;
}
.download-app-section .row {
  border: 0;
}
.download-app-section .row [class*='col-'] {
  border: none;
}
.download-app-section .download-app-head {
  font-family: 'Graphik Medium';
  font-size: 22px;
  line-height: 36px;
  letter-spacing: 2.5px;
  color: #fff;
  text-transform: uppercase;
  padding-top: 46px;
  text-align: left;
  margin: 0;
}
.download-app-section .download-app-text {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  padding: 20px 15px;
  width: 45%;
  color: #fff;
  line-spacing: normal;
}
.download-app-section .app-store-img {
  padding: 15px 10px 20px;
  text-align: left;
}
.download-app-section .app-store-img img {
  width: 133.1px;
}
.download-app-section .app-image-container {
  position: relative;
}
.download-app-section .app-image-container img {
  position: absolute;
  width: 179px;
}
.download-app-section .app-image-container .mobile-app-img {
  width: 124px;
  bottom: 0;
  right: 0;
}

.subscribe-hotels {
  background: #efefef;
  padding: 45px 0 68px;
}
.subscribe-hotels .row {
  border: 0;
}
.subscribe-hotels .row [class*='col-'] {
  border: 0;
}
.subscribe-hotels h2,
.subscribe-hotels p {
  text-align: center;
}
.subscribe-hotels .loader-error {
  margin-top: 20px;
  position: relative;
}
.subscribe-hotels .error-message-component {
  position: static;
  transform: translate(0, 0);
}
.subscribe-hotels .error-description {
  color: #ff0000;
  margin-bottom: 0 !important;
}
.subscribe-hotels .subscription-form {
  width: 300px;
  margin: 0 auto;
}
.subscribe-hotels .subscription-form h2 {
  font-size: 18px;
  margin-bottom: 4px;
}
.subscribe-hotels .subscription-form p {
  line-height: 27px;
  margin-bottom: 46px;
}
.subscribe-hotels .subscription-form label {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 10px;
  display: block;
}
.subscribe-hotels .subscription-form input[type="email"] {
  height: 40px;
  padding: 10px;
  font-size: 12px;
  background: #fff;
  text-align: left;
  font-weight: normal;
  text-transform: none;
  border: 1px solid #d1d1d1;
}
.subscribe-hotels .subscription-form button.black {
  width: 100%;
  margin-top: 40px;
}
.subscribe-hotels .thankyou-message {
  display: none;
}
.subscribe-hotels .thankyou-message h2 {
  font-size: 24px;
  margin-top: 32px;
  line-height: normal;
  margin-bottom: 21px;
  letter-spacing: 0.15em;
}

.favorites .header-container {
  background: #000;
  border-top: 1px solid #676767;
  color: #fff;
  padding: 28px 24px;
  text-align: center;
}
.favorites .header-container h1 {
  font-size: 25px;
  font-weight: 200;
  margin-bottom: 13px;
}
.favorites .header-container p {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}
.favorites .favorites-filter-wrapper {
  padding: 0 19px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  min-height: 344px;
  padding: 33px 0;
  position: relative;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .rounded {
  display: block;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-radius: 40px;
  width: 74px;
  height: 74px;
  margin: 0 auto 21px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .rounded.color-circle {
  background: #7c878e;
  color: #fff;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .rounded > span {
  display: block;
  font-size: 22px;
  padding: 27px 0;
  text-align: center;
}
.favorites .favorites-filter-wrapper .favorite-filter-module h3 {
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field {
  display: block;
  background: #fff;
  border: 1px solid #000;
  margin: 0 auto;
  padding: 12px 13px 0 0;
  position: relative;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field .icon-search {
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected {
  background: #7c878e;
  border: none;
  color: #bec3c7;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected span:first-child {
  position: absolute;
  left: 13px;
  top: 14px;
  font-size: 15px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected input[type="text"] {
  color: #bec3c7;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected input[type="text"]::-webkit-input-placeholder {
  color: #bec3c7;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #bec3c7;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #bec3c7;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected input[type="text"]:-ms-input-placeholder {
  color: #bec3c7;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected .icon-close, .favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected .icon-search {
  display: block;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected .add-filter {
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field input[type="text"] {
  border: none;
  display: inline;
  font-size: 15px;
  color: #000;
  height: 17px;
  padding: 0;
  text-align: left;
  margin-left: 37px;
  margin-bottom: 12px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field input[type="text"]::-webkit-input-placeholder {
  color: #000;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field input[type="text"]:-ms-input-placeholder {
  color: #000;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field .add-filter {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 28px;
  font-weight: 500;
  margin-top: -17px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field .add-filter:after {
  content: "+";
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field .close {
  font-size: 12px;
  color: #bec3c7;
  position: absolute;
  right: 12px;
  top: 17px;
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .favorites-added {
  margin-top: 18px;
  text-align: center;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .favorites-added li {
  letter-spacing: 1px;
  line-height: 26px;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .favorites-added li .remove-favorite {
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .cta-button {
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .underlined-link {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 18px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper .is-error {
  width: 80%;
  margin: 0 auto;
  font-size: 12px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container {
  background: #fff;
  border: 1px solid #000;
  padding: 20px 16px;
  top: 10px;
  position: absolute;
  width: 90%;
  z-index: 902;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .rounded {
  margin-bottom: 34px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .rounded.color-circle {
  background: #000;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container h3 {
  display: block;
  font-size: 14px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .autocomplete-field {
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .favorites-added {
  margin: 34px 0 34px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .favorites-added li .remove-favorite {
  display: block;
  color: #7f7f7f;
  font-size: 9px;
  float: right;
  margin-top: 8px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .cta-button {
  display: block;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .underlined-link {
  display: none;
}
.favorites .favorites-filter-wrapper .favorite-wrapper .loader-container {
  position: relative;
  top: 20px;
}
.favorites ul.autocompleteResults {
  top: 44px;
  width: 100%;
}
.favorites ul.autocompleteResults > li a {
  border: 1px solid #969fa5;
  border-top: 0;
  margin: 0;
}
.favorites ul.autocompleteResults > li a:after {
  content: '';
}
.favorites ul.autocompleteDropdown {
  top: 46px;
  position: absolute;
  z-index: 20;
  width: 100%;
}
.favorites ul.autocompleteDropdown li {
  position: relative;
  text-align: left;
}
.favorites ul.autocompleteDropdown li:first-child a {
  border-top: 0;
}
.favorites ul.autocompleteDropdown li a {
  font-family: "Graphik Web", sans-serif;
  background-color: #7c878e;
  font-size: 18px;
  margin: 0;
  border-top: 1px solid #858d93;
  padding: 14px;
}
.favorites ul.autocompleteDropdown li a:after {
  content: '\e613';
  font-family: 'icomoon';
  font-size: 16px;
  color: #000;
  position: absolute;
  right: 15px;
}
.favorites ul.autocompleteDropdown li a.single-level:after {
  content: '';
}
.favorites ul.autocompleteDropdown li a.selected:before {
  font-family: "icomoon";
  content: '\e638';
  font-size: 16px;
  color: #000;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 20px;
  float: left;
}
.favorites ul.autocompleteDropdown li.active a:after {
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.favorites ul.autocompleteDropdown a.single:after {
  display: none;
}
.favorites ul.autocompleteDropdown ul[data-region] {
  position: static;
  display: none;
}
.favorites ul.autocompleteDropdown ul[data-region].open {
  display: block;
}
.favorites ul.autocompleteDropdown ul[data-region] li a {
  display: block;
  color: #dfdfdf;
  padding-left: 25px;
}
.favorites ul.autocompleteDropdown ul[data-region] li a:after {
  content: '\e613';
  font-family: 'icomoon';
  font-size: 16px;
  color: #000;
  position: absolute;
  right: 15px;
}
.favorites ul.autocompleteDropdown ul[data-region] ul[data-facilities] li a {
  padding-left: 35px;
}
.favorites ul.autocompleteDropdown ul[data-facilities], .favorites ul.autocompleteDropdown ul[data-items] {
  position: static;
  display: none;
}
.favorites ul.autocompleteDropdown ul[data-facilities].open, .favorites ul.autocompleteDropdown ul[data-items].open {
  display: block;
}
.favorites ul.autocompleteDropdown ul[data-facilities] li a, .favorites ul.autocompleteDropdown ul[data-items] li a {
  display: block;
  color: #dfdfdf;
  padding-left: 25px;
}
.favorites ul.autocompleteDropdown ul[data-facilities] li a:after, .favorites ul.autocompleteDropdown ul[data-items] li a:after {
  display: none;
}

.bg-edit-mode {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 901;
}

.genderModal {
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  top: 0;
  text-align: center;
}
.genderModal .gender-modal-wrapper {
  background: #fff;
  display: block;
  padding: 45px 40px 30px;
  height: 100%;
  margin: 0 auto;
  top: 10%;
  position: relative;
}
.genderModal .gender-modal-wrapper h2 span {
  font-size: 31px;
  font-weight: 200;
  line-height: 1.1em;
}
.genderModal .gender-modal-wrapper h2 small {
  font-size: 12px;
  font-weight: 400;
  width: 75%;
  margin: 0 auto;
  letter-spacing: 1px;
  display: block;
  padding: 15px 0;
}
.genderModal .gender-modal-wrapper .close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.genderModal .gender-modal-wrapper .genderBox {
  border-top: 2px solid #CCC;
  border-bottom: 2px solid #CCC;
  text-transform: uppercase;
  padding: 20px 0;
  margin-top: 20px;
}
.genderModal .gender-modal-wrapper .genderBox .genderBoxTitle {
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}
.genderModal .gender-modal-wrapper .genderBox .genderError {
  display: block;
  color: red;
  margin-top: 15px;
}
.genderModal .gender-modal-wrapper .genderBox .genderOptions {
  font-size: 26px;
  color: #BBB;
}
.genderModal .gender-modal-wrapper .genderBox .genderOptions a {
  color: #BBB;
}
.genderModal .gender-modal-wrapper .genderBox .genderOptions .separator {
  margin: 0 10px;
}
.genderModal .gender-modal-wrapper .genderBox .genderOptions .selected {
  color: #000;
}
.genderModal .gender-modal-wrapper .button-container .button, .genderModal .gender-modal-wrapper .button-container .btn-mobile-cta {
  display: block;
}
.genderModal .gender-modal-wrapper .button-container .cancelContainer {
  margin-top: 20px;
}
.genderModal .gender-modal-wrapper .button-container .cancelContainer .cancel {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.genderModal .gender-modal-wrapper .genderNote {
  font-size: 12px;
}

.pt-renew-settings {
  border-bottom: #d0d3d3 1px solid;
  /*END row*/
}
.pt-renew-settings .info-block {
  margin-bottom: 0;
}
.pt-renew-settings .row {
  border-bottom: none !important;
  /*END col-1-2*/
}
.pt-renew-settings .row .col-1-2 .fancy-select {
  margin-bottom: 30px;
}
.pt-renew-settings .row .col-1-2 .fancy-select .dropdown {
  width: 65%;
}
.pt-renew-settings .row .col-1-2 .fancy-select .dropdown .option {
  color: black;
}
.pt-renew-settings .row .col-1-2 .time-label {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.pt-renew-settings .row .col-1-2:nth-child(2) a.toggle {
  float: none;
  text-align: center;
  display: block;
  margin: 0 0 10px;
  text-decoration: none;
}

/*END pt-renew-settings*/
.notification-container {
  display: block;
  color: #000;
  padding: 17px 46px;
  position: relative;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.notification-container.yellow {
  background: #f4e10b;
}
.notification-container.red {
  background: #ea1414;
  color: #fff;
}
.notification-container p {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.notification-container a {
  position: absolute;
  top: 13px;
  right: 20px;
}
.notification-container a span:before {
  color: rgba(0, 0, 0, 0.6);
  font-size: 11px;
}
.notification-container.closed {
  color: #ffffff;
  height: 0;
  padding: 0;
}

.secondary-menu {
  text-transform: uppercase;
  border-bottom: 1px solid #d9d9d9;
}
.secondary-menu li {
  display: inline-block;
  border-right: 1px solid #d9d9d9;
  text-align: center;
  width: 49.3%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.secondary-menu li:last-child {
  border-right: 0;
}
.secondary-menu li a {
  display: block;
  padding: 13px 0;
}
.secondary-menu li a span {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}
.secondary-menu li a span:before {
  margin-right: 5px;
}
.secondary-menu .activity-detail-button {
  border-left: 1px solid #ddd;
}

.small-calendar {
  overflow: auto;
  height: 100%;
}
.small-calendar .add-class {
  text-align: right;
  font-size: 32px;
  color: #d0d3d3;
  cursor: pointer;
}
.small-calendar .event-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  z-index: 110;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #7c878e;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.small-calendar .event-overlay > div {
  padding: 20px;
  position: absolute;
  top: 50%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.small-calendar .event-overlay > div a {
  display: block;
  font: 700 12px/1.4 'Graphik Web';
  color: #d0d3d3;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 20px;
}
.small-calendar .event-overlay > div a:last-child {
  margin-bottom: 0;
}
.small-calendar .event-overlay > div a:last-child span {
  font-size: 16px;
}
.small-calendar .event-overlay > div a span {
  display: inline-block;
  color: #fff;
  width: 30px;
}
.small-calendar .event-overlay > div a span.icon-training {
  font-size: 9px;
}
.small-calendar .event-overlay .close-event-overlay {
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 40px;
  color: #d0d3d3;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.small-calendar .calendar-container {
  border-left: 1px solid #e0e0e0;
  position: relative;
  height: 100%;
}
.small-calendar .calendar-header {
  width: 100%;
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid #e0e0e0;
  float: left;
  background: #f6f6f6;
}
.small-calendar .calendar-header .calendar-header-visits {
  width: 41%;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  padding: 8px 4%;
}
.small-calendar .calendar-header .calendar-header-visits .visits-count {
  padding: 15px 0 15px 10px;
  float: left;
}
.small-calendar .calendar-header .calendar-header-visits .visits-img {
  float: left;
  width: 50px;
  height: 50px;
  background: url("/assets/images/activity/icons/visits_black.png");
  background-size: 50px 50px;
  opacity: .5;
}
.small-calendar .calendar-header .calendar-menu {
  display: block;
  color: #000;
  float: left;
  width: 41%;
  padding: 24px 8% 24px 2%;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  text-align: right;
}
.small-calendar .calendar-header .calendar-menu:after {
  font-family: 'icomoon';
  content: "\e613";
  position: absolute;
  top: 22px;
  right: 20px;
  font-size: 14px;
}
.small-calendar .no-classes-overlay {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
}
.small-calendar .no-classes-overlay:not(.hidden) + .calendar-container {
  overflow: hidden;
}
.small-calendar .no-classes-overlay .message-main-container {
  display: table;
  height: 396px;
  width: 100%;
}
.small-calendar .no-classes-overlay .message-main-container .message-container {
  color: #fff;
  display: table-cell;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
}
.small-calendar .no-classes-overlay .message-main-container .message-container button {
  border: 1px solid #fff;
  color: #fff;
  margin-bottom: 12px;
}
.small-calendar .no-classes-overlay .message-main-container .message-container h6 {
  font-size: 11px;
}
.small-calendar .no-classes-overlay .message-main-container .message-container p {
  font-size: 15px;
}
.small-calendar .calendar-detail {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  color: #000;
  font-size: 9px;
  float: left;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.small-calendar .calendar-detail a {
  display: block;
  padding: 10px 0;
}
.small-calendar .calendar-detail span:last-child {
  margin-left: 3px;
}
.small-calendar .calendar-box {
  padding-top: 117px;
}
.small-calendar .calendar-container table {
  float: left;
  width: 100%;
}
.small-calendar .calendar-container table .day-detail-container {
  text-transform: uppercase;
  border-bottom: 1px dotted #e0e0e0;
  width: 100%;
  height: auto;
}
.small-calendar .calendar-container table .day-detail-container.active {
  height: 180px;
}
.small-calendar .calendar-container table .day-detail-container.active .event-overlay {
  height: 100%;
}
.small-calendar .calendar-container table .day-detail-container .day-left-container {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 14px 0;
  width: 40px;
}
.small-calendar .calendar-container table .day-detail-container .day-left-container.active-day span {
  display: block;
  font-size: 10px;
  line-height: 8px;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail {
  border-left: 1px solid #e0e0e0;
  padding: 19px 23px;
  position: relative;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail .pastEvent {
  color: rgba(124, 135, 142, 0.7);
}
.small-calendar .calendar-container table .day-detail-container .classes-detail .pastEvent a {
  color: rgba(124, 135, 142, 0.7);
}
.small-calendar .calendar-container table .day-detail-container .classes-detail.past .event-overlay a.book-a-bike, .small-calendar .calendar-container table .day-detail-container .classes-detail.past .event-overlay a.schedule {
  display: none;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail.past ul li, .small-calendar .calendar-container table .day-detail-container .classes-detail.past ul li a {
  color: rgba(124, 135, 142, 0.7);
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul {
  letter-spacing: 1px;
  margin-top: 16px;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul:first-child {
  margin-top: 0;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li {
  list-style-type: none;
  font-size: 14px;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title {
  font-weight: bold;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title span {
  margin-right: 3px;
  display: none;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title span:before {
  color: rgba(124, 135, 142, 0.7);
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title .booking-status {
  text-transform: uppercase;
  color: #808080 !important;
  display: block;
  font-weight: 100;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title .booking-status.week {
  display: inline !important;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-date-location {
  font-size: 15px;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.selected-bike {
  display: block;
  font-weight: 700;
}
.small-calendar .expand-collapse {
  cursor: pointer;
  position: absolute;
  left: -32px;
  top: 50%;
  background-color: #fff;
  border: 1px solid #fff;
  border-right: 1px solid #d0d3d3;
  padding: 15px 10px;
}
.small-calendar .expand-collapse:focus {
  outline: 0;
}
.small-calendar .expand-collapse span {
  color: #000;
  font-size: 18px;
}

.search-menu {
  display: block;
  background: #333F48;
  padding: 15px 0;
}
.search-menu h3 {
  color: #FFF;
}
.search-menu ul {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.search-menu ul li {
  display: inline-block;
  vertical-align: middle;
  width: 32.4%;
}
.search-menu ul li:last-child a {
  border-right: 0;
}
.search-menu ul li a {
  display: block;
  border-right: 1px solid #313131;
  line-height: 13px;
  padding: 0 5px;
  text-align: center;
  text-transform: uppercase;
}
.search-menu ul li a span {
  color: #FFF;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.search-menu ul li a span:before {
  font-size: 11px;
}
.search-menu ul li a span:first-child {
  display: none;
}
.search-menu ul li a span.icon-training:before {
  font-size: 9px;
}

.facebook-friends-classes {
  border-top: 1px solid #d9d9d9;
  clear: both;
}
.facebook-friends-classes .fb-class-container {
  min-height: 130px;
}
.facebook-friends-classes .fb-friends-container {
  position: relative;
}
.facebook-friends-classes .fb-friends-container .icon-facebook {
  position: absolute;
  left: 20px;
  top: 20px;
}
.facebook-friends-classes .fb-friends-container .post-info-container {
  position: relative;
  padding: 50px 25px;
}
.facebook-friends-classes .fb-friends-container .post-info-container > span {
  position: absolute;
  top: -23px;
  left: -6px;
  font-size: 22px;
}
.facebook-friends-classes .fb-friends-container .post-info-container .fb-error {
  margin-top: 10px;
}
.facebook-friends-classes .fb-friends-container .post-info-container .posts-info > span {
  font-size: 30px;
  display: block;
  text-align: center;
  margin-bottom: 31px;
}
.facebook-friends-classes .fb-friends-container .post-info-container .posts-info p {
  font-size: 12px;
  text-align: center;
}
.facebook-friends-classes .fb-friends-container .owl-wrapper .owl-item {
  padding: 40px 30px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.facebook-friends-classes .two-part-module {
  padding: 48px 26px;
}
.facebook-friends-classes .two-part-module .left-main-container {
  position: relative;
}
.facebook-friends-classes .two-part-module .left-main-container > span {
  position: absolute;
  top: -23px;
  left: -6px;
  font-size: 22px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container > span {
  font-size: 30px;
  display: block;
  text-align: center;
  margin-bottom: 31px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container p {
  font-size: 12px;
  text-align: center;
}
.facebook-friends-classes .two-part-module .right-main-container .right-container {
  text-align: center;
}
.facebook-friends-classes .two-part-module .right-main-container .right-container a {
  display: block;
  margin-top: 30px;
}
.facebook-friends-classes .one-friend-class .right-main-container, .facebook-friends-classes .friends-whithout-classes .right-main-container {
  padding-top: 38px;
}
.facebook-friends-classes .friends-whithout-classes .left-main-container {
  padding-bottom: 38px;
}
.facebook-friends-classes .friends-whithout-classes .friends-carousel ul li {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
.facebook-friends-classes .friends-whithout-classes .friends-carousel ul li.profile-picture img {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-radius: 50px;
  width: 74px;
  height: 74px;
}
.facebook-friends-classes .friends-whithout-classes .friends-carousel ul li.friend-name {
  font-weight: bold;
  margin-top: 10px;
}
.facebook-friends-classes .class-information {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
.facebook-friends-classes .class-information p {
  margin: 0;
}
.facebook-friends-classes .class-information p .fb-friend-class {
  font-weight: bold;
}
.facebook-friends-classes .class-information .class-fb-pics-container {
  text-align: center;
  margin: 20px 0;
}
.facebook-friends-classes .class-information .class-fb-pics-container img {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-radius: 50px;
  width: 74px;
  height: 74px;
  margin: 0 auto;
}
.facebook-friends-classes .class-information ul {
  line-height: 20px;
}
.facebook-friends-classes .class-information ul li:first-child {
  font-weight: bold;
}
.facebook-friends-classes .class-information .button, .facebook-friends-classes .class-information .btn-mobile-cta {
  margin-top: 20px;
}

.classdetail .fpo-module {
  display: block;
  padding: 40px 0;
}
.classdetail .columnsContainer {
  border-bottom: 1px solid #b2b2b2;
  float: left;
  width: 100%;
}
.classdetail .header-wrapper {
  min-height: 120px;
  position: relative;
  overflow: hidden;
}
.classdetail .header-wrapper > img {
  display: block;
  width: auto;
}
.classdetail .header-wrapper .overlay {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.classdetail .class-module > .rounded {
  display: none;
}
.classdetail .class-module:last-child {
  clear: both;
}
.classdetail .class-module h3 {
  letter-spacing: 1px;
}
.classdetail .class-module.no-padding-bottom {
  padding-bottom: 0;
}
.classdetail .class-module .class-category-title {
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  margin-bottom: 12px;
}
.classdetail .class-module .class-detail {
  margin-bottom: 25px;
}
.classdetail .class-module .class-detail .big-font {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 2px;
}
.classdetail .class-module .class-detail .big-font:last-child {
  margin-bottom: 10px;
}
.classdetail .class-module .class-detail .medium-font {
  letter-spacing: 1px;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.classdetail .class-module .class-detail .opt-status {
  display: none;
  position: relative;
  z-index: 100;
  margin: 20px 0 -6px;
}
.classdetail .class-module .class-detail .opt-status .checkbox .checkbox-replacement {
  border: 2px solid #999;
  width: 12px;
  height: 12px;
}
.classdetail .class-module .class-detail .opt-status .checkbox .checkbox-replacement:before {
  font-size: 28px;
  top: -8px;
  left: -8px;
}
.classdetail .class-module .class-detail .opt-status .checkbox .label {
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}
.classdetail .class-module .share-text {
  margin-top: 5px;
}
.classdetail .class-module .social-buttons {
  padding: 10px 0 25px;
}
.classdetail .class-module .export-to-calendar, .classdetail .class-module .booking-rules, .classdetail .class-module .export-separator {
  display: none;
}
.classdetail .class-module .export-to-calendar.active, .classdetail .class-module .booking-rules.active, .classdetail .class-module .export-separator.active {
  display: inline-block;
  text-decoration: underline;
}
.classdetail .class-module .export-separator {
  text-decoration: none !important;
}
.classdetail .class-module nav .add-class, .classdetail .class-module nav .remove-class {
  margin: 0 auto;
  max-width: 426px;
  padding: 14px 0;
  text-decoration: none;
}
.classdetail .no-border-top {
  border-top: 0;
}
.classdetail .underlined-small-link {
  display: inline-block;
  margin: 0 15px;
}
.classdetail .bar-chart .chart {
  height: 175px;
}
.classdetail .dtm-traninercallout .class-module {
  padding-top: 20px;
}

.rich-content.overlay-content .caption {
  overflow: initial;
}
.rich-content.overlay-content .caption.classdetail {
  margin-top: 20px;
}
.rich-content.overlay-content .caption .loader-div {
  position: relative;
  margin: 20px 0;
}
.rich-content.overlay-content .caption nav.buttons {
  text-transform: uppercase;
  font-weight: 900;
}
.rich-content.overlay-content .caption nav.buttons a.white, .rich-content.overlay-content .caption nav.buttons a.btn-mobile-cta {
  border: 1px solid #000;
}
.rich-content.overlay-content .caption nav.buttons p a {
  float: none;
  width: auto;
  padding: 0;
  display: inline;
  font-size: inherit;
  color: #fff;
}
.rich-content.overlay-content .caption nav.buttons span.sub-info {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}

nav.buttons a.see-bike, nav.buttons a.book-bike, nav.buttons a.add-class, nav.buttons a.remove-class, nav.buttons a.cancel-class {
  display: none;
}
nav.buttons a.see-bike.active, nav.buttons a.book-bike.active, nav.buttons a.add-class.active, nav.buttons a.remove-class.active, nav.buttons a.cancel-class.active {
  display: block;
}
nav.buttons a.add-class.active.added {
  background-color: #7c878e;
  border: 1px solid #7c878e;
  color: #fff;
}

.favorites-button {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.favorites-button .favorite-btn-text,
.favorites-button .icon-dropdown {
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
.favorites-button .favorite-btn-text {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #000;
  padding: 2px 5px;
  text-align: center;
  width: auto;
  border-bottom: 3px solid #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.favorites-button.active + .favorites-list {
  height: auto;
  opacity: 1;
  overflow: initial;
}
.favorites-button.active .icon-dropdown {
  transform: scaleY(-1);
  display: inline-block;
}

.favorites-list {
  opacity: 0;
  overflow: hidden;
  position: relative;
  right: 0;
  z-index: 10;
  height: 0;
  margin: 15px 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.favorites-list li {
  display: block;
}
.favorites-list li:first-child {
  border-top: 0;
}
.favorites-list li a {
  display: block;
  padding: 12px 15px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: left;
  line-height: 15px;
}
.favorites-list li a span {
  font-size: 14px;
  float: left;
  margin-top: -2px;
  -webkit-text-stroke: 0.3px;
}
.favorites-list li a span:before {
  display: inline-block;
  width: 16px;
  margin-right: 10px;
}
.favorites-list li a strong {
  font-weight: 700;
}

.gender-feedback a {
  color: red;
}
.gender-feedback a:hover {
  text-decoration: underline;
}

/* class details three coloumn */
.class-detail-container .class-detail-wrapper {
  width: 96%;
  margin: 0 2%;
}
.class-detail-container .class-detail-wrapper .description {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  padding: 0;
  margin-bottom: 40px;
}
.class-detail-container .class-detail-wrapper > div {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.class-detail-container .class-detail-wrapper .category-container {
  margin: 20px 0;
}
.class-detail-container .class-detail-wrapper .category-container .category-list {
  padding: 35% 0;
  border: 5px solid black;
}
.class-detail-container .class-detail-wrapper .category-container .category-list li {
  margin: 10px 0;
  text-align: center;
  font-family: 'Graphik Medium';
}
.class-detail-container .class-detail-wrapper .category-container .category-list li h4 {
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 5px 0;
  color: #7c878e;
  font-size: 18px;
  letter-spacing: 0.14em;
}
.class-detail-container .class-detail-wrapper .category-container .category-list li p {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.14em;
}
.class-detail-container .class-detail-wrapper .category-container .category-list li p a {
  text-decoration: underline;
  color: #000;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container {
  margin: 20px 0;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container .heading {
  font-size: 24px;
  font-family: 'Graphik Medium';
  letter-spacing: 0.16em;
  margin: 0 0 10px 0;
  text-align: center;
  font-weight: 600;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container .description {
  color: #000;
  line-height: 2;
  letter-spacing: 0.05em;
  font-size: 14px;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container .what-to-bring-list {
  margin-bottom: 20px;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container .what-to-bring-list li {
  padding: 2px 0;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container img {
  display: inline-block;
  margin: 0 5px;
  width: 32px;
  height: 32px;
}
.class-detail-container .class-detail-wrapper .bar-chart-horizontal {
  margin: 20px 0;
}
.class-detail-container .class-detail-wrapper .bar-chart-horizontal .class-module {
  border: 0;
}
.class-detail-container .class-detail-wrapper .bar-chart-horizontal .class-module.fpo-module {
  height: 100%;
  padding: 0;
  margin: 0;
}
.class-detail-container .class-detail-wrapper .bar-chart-horizontal .class-module.fpo-module h3 {
  font-size: 24px;
  font-family: 'Graphik Medium';
  letter-spacing: 0.16em;
  margin: 0 0 10px 0;
  text-align: left;
}

/* Class Instance Page */
.classdetail .class-instance-header .header-image-container {
  position: relative;
}
.classdetail .class-instance-header .header-title {
  position: relative;
  width: 90%;
  margin: 0 5%;
  background: #fff;
  z-index: 2;
  padding: 20px 0 10px;
  text-align: center;
  font-family: 'Graphik Medium';
}
.classdetail .class-instance-header .header-title h1 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 10px;
}
.classdetail .class-instance-header .header-title h3 {
  display: block;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 2px;
  margin-bottom: 10px;
  color: #999;
}
.classdetail .class-instance-header .class-module {
  padding: 0;
  position: relative;
}
.classdetail .class-instance-header .class-module .class-module-inner {
  padding: 0 0px 10px;
  width: 90%;
  margin: 0 5%;
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.classdetail .class-instance-header .class-module > .rounded {
  display: none;
}
.classdetail .class-instance-header .class-module:last-child {
  clear: both;
}
.classdetail .class-instance-header .class-module h3 {
  letter-spacing: 1px;
}
.classdetail .class-instance-header .class-module.no-padding-bottom {
  padding-bottom: 0;
}
.classdetail .class-instance-header .class-module .class-category-title {
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  margin-bottom: 12px;
}
.classdetail .class-instance-header .class-module .class-detail {
  margin-bottom: 25px;
}
.classdetail .class-instance-header .class-module .class-detail .big-font {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
}
.classdetail .class-instance-header .class-module .class-detail .big-font:last-child {
  margin-bottom: 10px;
}
.classdetail .class-instance-header .class-module .class-detail .medium-font {
  letter-spacing: 1px;
  color: #999;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
}
.classdetail .class-instance-header .class-module .class-detail .medium-font:last-child {
  margin-bottom: 10px;
}
.classdetail .class-instance-header .class-module .class-detail .spots-left {
  margin: 0 0 -15px 0;
  line-height: normal;
  font-size: 14px;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status {
  display: none;
  position: relative;
  z-index: 100;
  margin: 20px 0 -6px;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status .checkbox .checkbox-replacement {
  border: 2px solid #999;
  width: 12px;
  height: 12px;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status .checkbox .checkbox-replacement:before {
  font-size: 28px;
  top: -8px;
  left: -8px;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status .checkbox .label {
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}
.classdetail .class-instance-header .class-module .class-detail nav.buttons a {
  z-index: 1;
}
.classdetail .class-instance-header .class-module .share-text {
  margin-top: 5px;
}
.classdetail .class-instance-header .class-module .social-buttons {
  padding: 10px 0 25px;
}
.classdetail .class-instance-header .class-module .export-to-calendar {
  display: none;
}
.classdetail .class-instance-header .class-module .export-to-calendar.active {
  display: inline-block;
  text-decoration: underline;
}
.classdetail .class-instance-header .class-module nav .add-class, .classdetail .class-instance-header .class-module nav .remove-class {
  margin: 0 auto;
  max-width: 426px;
  padding: 14px 0;
  text-decoration: none;
}

/* Class Category Detail Page */
.classdetail .class-detail-header .header-image-container {
  position: relative;
}
.classdetail .class-detail-header .header-image-container .header-wrapper img {
  width: auto;
}
.classdetail .class-detail-header .header-image-container section.overlay-content {
  padding-bottom: 30px;
}
.classdetail .class-detail-header .class-detail-header-title-container {
  position: relative;
  width: 100%;
  background: white;
  z-index: 2;
  padding-top: 30px;
}
.classdetail .class-detail-header .class-detail-header-title-container .header-title {
  font-family: 'Graphik Medium';
}
.classdetail .class-detail-header .class-detail-header-title-container .header-title h1 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 600;
}
.classdetail .class-detail-header .class-detail-header-title-container .header-title h3 {
  display: block;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 2px;
  margin-bottom: 25px;
  color: #999;
}
.classdetail .class-detail-header .class-detail-header-title-container nav.buttons {
  left: auto;
}
.classdetail .class-detail-header .class-detail-header-title-container nav.buttons a {
  left: auto;
}
.classdetail .class-detail-header .about-class-description {
  font-size: 14px;
  letter-spacing: .05em;
  margin: 0;
  max-width: 100%;
}
.classdetail .class-category-detail-container.container {
  width: 88%;
}
.classdetail .class-category-detail-container.container .row {
  border: 0;
  position: relative;
}
.classdetail .class-category-detail-container.container .row .class-category-detail-banner {
  padding: 0;
}
.classdetail .class-category-detail-container.container .row .class-category-detail-inner {
  position: relative;
  margin: 0;
  float: left;
  border: 0;
  padding: 0;
}
.classdetail .class-category-detail-container.container .row .class-category-detail-inner h1 {
  text-align: center;
  margin: 10px auto;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .16em;
  font-family: 'Graphik Medium';
}
.classdetail .class-category-detail-container.container .row .class-category-detail-inner p.heading {
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  letter-spacing: .05em;
  margin-bottom: 10px;
}
.classdetail .class-category-detail-container.container .row .class-category-detail-inner a {
  text-decoration: underline;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  display: block;
  font-size: 18px;
}

/* Trainer Callout Page */
.classdetail .instructor-info header {
  padding-bottom: 4px;
}
.classdetail .instructor-info h1 {
  letter-spacing: 2px;
}
.classdetail .instructor-info h1.name-center {
  text-align: center;
  font-size: 45px;
  font-weight: 500;
  letter-spacing: 7px;
  margin-bottom: 20px;
}
.classdetail .instructor-info .instructor-module-wrapper {
  background: #eee;
}
.classdetail .instructor-info .instructor-about {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 30px;
}
.classdetail .instructor-info .instructor-profile-picture {
  margin-top: -100px;
}
.classdetail .instructor-info .social-profiles {
  margin-bottom: 50px;
}
.classdetail .instructor-info .social-profiles.alignCenter {
  float: none;
  text-align: center;
  margin-bottom: 30px;
}
.classdetail .instructor-info .social-profiles.alignCenter li {
  float: none;
  margin: 0 20px;
  display: inline-block;
}
.classdetail .instructor-info .social-profiles li {
  font-size: 12px;
  text-transform: uppercase;
}
.classdetail .instructor-info .social-profiles [class*="icon-"] {
  padding: 0;
  font-size: 15px;
  margin-right: 2px;
}
.classdetail .instructor-info .classes-locations {
  width: 100%;
  display: table;
  margin-bottom: 15px;
}
.classdetail .instructor-info .classes-locations dt,
.classdetail .instructor-info .classes-locations dd {
  text-transform: uppercase;
  margin-bottom: 17px;
}
.classdetail .instructor-info .classes-locations dt {
  font-weight: bold;
}
.classdetail .instructor-info .classes-locations dd {
  color: #888;
}
.classdetail .instructor-info .questions-grid {
  background: #eee;
}
.classdetail .instructor-info .questions-grid .questions li {
  float: none;
}
.classdetail .instructor-info .questions-grid .more-questions {
  display: none;
}
.classdetail .instructor-info .questions-grid .more-questions > div {
  width: 100%;
}
.classdetail .instructor-info .questions-grid .showMoreQuestions {
  border: none;
  outline: none;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
  position: relative;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-bottom: 4px solid #000;
}
.classdetail .instructor-info .questions-grid .showMoreQuestions .btn-collapse {
  display: none;
}
.classdetail .instructor-info .questions-grid .showMoreQuestions:after {
  top: 11px;
  z-index: 1;
  speak: none;
  width: 32px;
  height: 28px;
  right: -32px;
  line-height: 1;
  font-size: 18px;
  content: "\e60b";
  margin-left: 10px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  font-family: 'icomoon' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.classdetail .instructor-info .questions-grid .showMoreQuestions.active .btn-collapse {
  display: block;
}
.classdetail .instructor-info .questions-grid .showMoreQuestions.active .btn-show {
  display: none;
}
.classdetail .instructor-info .questions-grid .showMoreQuestions.active:after {
  top: 0;
  padding-top: 11px;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.classdetail .instructor-info .questions-grid h2 {
  text-align: center;
}
.classdetail .instructor-info .questions-grid li {
  background: #fff;
  margin-bottom: 0;
  box-sizing: border-box;
}
.classdetail .instructor-info .questions-grid li h4 {
  color: #00c19f;
}
.classdetail .instructor-info .questions-grid li p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2px;
}
.classdetail .instructor-info .questions-grid .col-1-wide {
  width: 25%;
}
.classdetail .trainer-callout-container.container {
  padding: 0;
}
.classdetail .trainer-callout-container.container .row {
  border: 0;
  margin: 15px 0;
  position: relative;
}
.classdetail .trainer-callout-container.container .row .img-container {
  padding: 0;
  border-bottom: 0;
}
.classdetail .trainer-callout-container.container .row .class-module {
  position: relative;
  margin-top: -68px;
  padding-top: 25px;
  background: #fff;
  margin-left: 5%;
  height: auto;
  border: 0;
}
.classdetail .trainer-callout-container.container .row .class-module .QA-block {
  margin: 0 20px 90px;
}
.classdetail .trainer-callout-container.container .row .class-module .QA-block h4 {
  color: #000;
  text-align: left;
  margin-bottom: 11px;
  font-family: "Graphik Medium";
}
.classdetail .trainer-callout-container.container .row .class-module .QA-block p {
  color: #7b868e;
  font-size: 14px;
  max-width: none;
  margin: 0 0 32px;
  text-align: left;
  line-height: 19px;
  letter-spacing: 0.05em;
}
.classdetail .trainer-callout-container.container .row .class-module h3 {
  font-family: "Graphik Medium";
  text-transform: uppercase;
  letter-spacing: 0.16em;
  margin-bottom: 13px;
  text-align: center;
  color: #7c878e;
  font-size: 14px;
  display: block;
}
.classdetail .trainer-callout-container.container .row .class-module h1.title {
  font-family: "Graphik Medium";
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-align: center;
  margin: 0 0 26px;
  font-size: 24px;
}
.classdetail .trainer-callout-container.container .row .class-module .learn-more {
  border-bottom: 5px solid #000;
  text-transform: uppercase;
  padding-bottom: 8px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}

@media (max-width: 1199px) {
  .classdetail .trainer-callout-container.container .row .class-module {
    margin: 0;
    float: none;
    margin-bottom: 40px;
    position: static !important;
  }
}
@media (min-width: 1480px) {
  .classdetail .trainer-callout-container.container .row .class-module h3 {
    margin-top: 3px;
    margin-bottom: 45px;
  }
  .classdetail .trainer-callout-container.container .row .class-module h1.title {
    margin-bottom: 46px;
  }
}
/* Instructor Page */
.classdetail.instructor .instructor-page .row [class*='col-'] {
  border-bottom: 0;
}
.classdetail.instructor .instructor-page .header-image-container {
  position: relative;
  margin-bottom: 0;
}
.classdetail.instructor .instructor-page .header-image-container .header-wrapper img {
  width: 100%;
}
.classdetail.instructor .instructor-page > .container {
  position: relative;
  bottom: 1px;
}
.classdetail.instructor .instructor-page .container .row {
  border-bottom: 0;
  border-top: 0;
  position: relative;
  z-index: 1;
}
.classdetail.instructor .instructor-page .container .instructor-title {
  position: relative;
  bottom: -2px;
  background: #fff;
  z-index: 2;
  padding: 30px 0 0 0;
  text-align: center;
}
.classdetail.instructor .instructor-page .container .instructor-title h1 {
  font-family: 'Graphik Medium';
  font-size: 45px;
  font-weight: 500;
  letter-spacing: 7px;
  margin: 50px 0;
}
.classdetail.instructor .instructor-page .container .instructor-module {
  padding: 0;
  padding-bottom: 40px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-description p {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 50px;
}
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations {
  margin-bottom: 20px;
}
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-classes {
  margin-bottom: 20px;
}
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-classes .label,
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-location .label {
  font-family: 'Graphik Medium';
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 18px;
  text-align: center;
}
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-classes .result,
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-location .result {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 18px;
  color: #8E8E8D;
  text-align: center;
}
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-classes .result span,
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-location .result span {
  display: block;
}
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-classes .result span i,
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-location .result span i {
  display: none;
}
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-classes .result span:only-child i, .classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-classes .result span:last-child i,
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-location .result span:only-child i,
.classdetail.instructor .instructor-page .container .instructor-module .classes-locations .instructor-location .result span:last-child i {
  display: none;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .no-upcoming-class {
  padding: 50px 0;
  text-align: center;
  background: #F5F5F5;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container h3 {
  font-family: 'Graphik Medium';
  margin-bottom: 40px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .mobile-select-container {
  text-align: center;
  margin-bottom: 40px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .mobile-select-container .select-placeholder-instructor {
  border-bottom: 0;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .mobile-select-container .select-placeholder-instructor .option u {
  border-bottom: 4px solid #000;
  padding-bottom: 4px;
  text-decoration: none;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container {
  margin: 0 -15px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .empty-class-holder {
  padding: 50px 0;
  text-align: center;
  background: #F5F5F5;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header {
  display: none;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul {
  display: table;
  width: 100%;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li {
  width: 12.85%;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 1.25%;
  text-align: center;
  display: table-cell;
  font-family: 'Graphik Medium';
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li:first-child {
  width: 10%;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li.tomorrow-heading, .classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li.day-after-tomorrow-heading {
  display: none;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li h4 {
  font-size: 18px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li span {
  font-family: 'Graphik Web';
  color: #8E8E8D;
  font-size: 12px;
  font-weight: normal;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .morning,
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .afternoon,
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .evening {
  margin: 30px 0;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .morning h3,
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .afternoon h3,
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .evening h3 {
  display: block;
  background: #867F7C;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0 5px 20px;
  margin-bottom: 0;
  letter-spacing: 2px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li {
  width: 100%;
  display: table;
  border-bottom: 1px solid #eee;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .class-time {
  width: 25%;
  text-align: right;
  font-weight: 600;
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #eee;
  padding: 2.5%;
  padding-left: 0;
  font-family: 'Graphik Medium';
  font-size: 16px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .classes-data {
  width: 100%;
  display: table;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .classes-data > div {
  width: 100%;
  padding: 2.5%;
  text-align: left;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: top;
  word-break: break-word;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .classes-data > div .title span {
  color: #8E8E8D;
  display: block;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .classes-data > div .title a {
  display: block;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .classes-data > div:not(:last-child) {
  border-right: 1px solid #eee;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li:nth-child(even) {
  background-color: #F5F5F5;
}
.classdetail.instructor .instructor-page .container .instructor-module .see-more {
  text-align: center;
}
.classdetail.instructor .instructor-page .container .instructor-module .see-more a {
  font-family: 'Graphik Medium';
  display: inline-block;
  text-transform: uppercase;
  font-size: 24px;
  padding-bottom: 5px;
  border-bottom: 4px solid #000;
}

@media only screen and (min-width: 1440px) {
  .instructor-info .questions-grid li {
    width: 25%;
  }
  .instructor-info .questions-grid li:last-child {
    width: 50%;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .instructor-info .questions .first-row li:last-child {
    width: 66.66%;
  }
  .instructor-info .questions .more-questions .third-row li:first-child {
    width: 66.66%;
  }
  .instructor-info .questions li {
    width: 33.33%;
  }
}
@media (min-width: 1024px) {
  .instructor-info .instructor-about {
    margin-bottom: 50px;
  }
  .instructor-info h2 {
    margin-top: 78px;
    margin-bottom: 66px;
  }
  .instructor-info .classes-locations dt,
  .instructor-info .classes-locations dd {
    float: left;
    font-size: 14px;
  }
  .instructor-info .classes-locations dt {
    clear: left;
    width: 134px;
  }
  .instructor-info .classes-locations dd span {
    padding-left: 4px;
    letter-spacing: 1px;
    padding-right: 10px;
    border-right: 1px solid;
  }
  .instructor-info .classes-locations dd span:last-child {
    border: none;
  }
  .instructor-info .social-profiles {
    float: left;
  }
  .instructor-info .social-profiles li {
    float: left;
    margin-right: 48px;
  }
  .instructor-info h1 {
    font-size: 36px;
    margin-top: 21px;
    margin-bottom: 14px;
  }
  .instructor-info .instructor-profile-picture {
    float: left;
    margin-right: 58px;
    margin-bottom: 30px;
    height: 264px;
  }
  .instructor-info .instructor-profile-picture img {
    width: 264px;
  }
  .instructor-info .questions-grid .questions > div {
    width: 100%;
    display: table;
  }
  .instructor-info .questions-grid .questions ul {
    display: table-row;
  }
  .instructor-info .questions-grid .questions ul li {
    display: table-cell;
  }
  .instructor-info .questions-grid .questions ul li:last-child {
    border-right: none;
  }
  .instructor-info .questions-grid .action-container {
    margin-bottom: 115px;
  }
  .instructor-info .questions-grid .first-row li:nth-child(3) {
    width: 50%;
    border-right: none;
  }
  .instructor-info .questions-grid .more-questions {
    margin-bottom: 37px;
  }
  .instructor-info .questions-grid li {
    padding: 40px;
    height: 286px;
    border-right: 32px solid #eee;
    border-bottom: 32px solid #eee !important;
  }
  .instructor-info .questions-grid li h4 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: 3px;
  }
  .instructor-info .instructor-schedule-container .instructor-scheduler {
    background: #fff;
    padding: 40px;
  }
}
@media (max-width: 1023px) {
  .instructor-info h2 {
    padding: 20px 0;
    font-size: 19px;
    background: #fff;
  }
  .instructor-info .classes-locations dt,
  .instructor-info .classes-locations dd {
    text-align: center;
  }
  .instructor-info .classes-locations dd .list-items {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    letter-spacing: 2px;
  }
  .instructor-info .social-profiles li {
    text-align: center;
    margin-bottom: 18px;
  }
  .instructor-info h1 {
    font-size: 24px;
    margin-top: 23px;
    text-align: center;
    margin-bottom: 15px;
  }
  .instructor-info .instructor-profile-picture {
    text-align: center;
    height: 180px;
  }
  .instructor-info .instructor-profile-picture img {
    width: 180px;
  }
  .instructor-info .questions-grid {
    padding-top: 40px;
  }
  .instructor-info .questions-grid .action-container {
    background: #fff;
    padding: 10px 0 40px;
  }
  .instructor-info .questions-grid li {
    float: none;
    padding: 20px;
    text-align: center;
  }
  .instructor-info .questions-grid li h4 {
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
  .instructor-info .instructor-schedule-container .instructor-schedule .class-container {
    margin: 0 !important;
  }
  .instructor-info .instructor-schedule-container .instructor-scheduler {
    padding: 20px;
    margin-top: 40px;
    background: #fff;
  }
}
.q-blog .header-title, .furthermore .header-title {
  padding: 34px 20px;
  text-align: center;
}
.q-blog .header-title h3, .furthermore .header-title h3 {
  display: inline-block;
  margin: 0;
}
.q-blog .header-title span, .furthermore .header-title span {
  margin-left: 6px;
  font-size: 20px;
}
.q-blog .blog-article-container .article-text-container, .furthermore .blog-article-container .article-text-container {
  padding: 35px 27px;
  position: relative;
}
.q-blog .blog-article-container .article-text-container .selected-article, .furthermore .blog-article-container .article-text-container .selected-article {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 12px 13px 12px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -13px;
  left: 30px;
}
.q-blog .blog-article-container .article-text-container .recommended, .furthermore .blog-article-container .article-text-container .recommended {
  font-size: 11px;
  font-weight: 700;
  color: #7c878e;
  position: absolute;
  letter-spacing: 1px;
  top: 0;
  text-transform: uppercase;
}
.q-blog .blog-article-container .article-text-container .recommended span.icon-bookmark, .furthermore .blog-article-container .article-text-container .recommended span.icon-bookmark {
  font-size: 25px;
  margin-right: 8px;
  vertical-align: middle;
}
.q-blog .blog-article-container .article-text-container .category-font, .furthermore .blog-article-container .article-text-container .category-font {
  font-size: 11px;
  color: #7d888e;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
.q-blog .blog-article-container .article-text-container h4, .furthermore .blog-article-container .article-text-container h4 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 3px;
  color: #000;
  letter-spacing: 1px;
}
.q-blog .blog-article-container .article-text-container p, .furthermore .blog-article-container .article-text-container p {
  font-size: 12px;
  letter-spacing: 1.5px;
  margin: 15px 0 0 0;
}

.furthermore .header-title span {
  font-size: 82px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 3px;
}

.recommended-classes h3 {
  font-weight: 400;
}
.recommended-classes .carousel-container {
  margin: 0 17px;
  position: relative;
  min-height: 100px;
}
.recommended-classes .carousel-container .owl-item .recommended-item {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 1.2s;
  -o-transition: opacity 1.2s;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.recommended-classes .carousel-container .owl-item.active .recommended-item {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.recommended-classes .carousel-container .button-container {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.recommended-classes .carousel-container .button-container .add-class, .recommended-classes .carousel-container .button-container .remove-class {
  display: none;
}
.recommended-classes .carousel-container .button-container .add-class.active, .recommended-classes .carousel-container .button-container .remove-class.active {
  display: block;
}
.recommended-classes .carousel-container .button-container .overlay-box {
  width: 200px;
  bottom: 100%;
}
.recommended-classes .recommended-filters {
  display: none;
  line-height: 2em;
}
.recommended-classes .recommended-filters .label-filter {
  text-transform: uppercase;
  font-size: 24px;
  opacity: .8;
  font-weight: 200;
}
.recommended-classes .recommended-filters .select-wrapper.white, .recommended-classes .recommended-filters .select-wrapper.btn-mobile-cta {
  font-size: 24px;
  margin-top: -4px;
  padding-bottom: 2px;
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.recommended-classes-home {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 30px;
  box-sizing: border-box;
}
.recommended-classes-home h2 {
  color: #ddd;
  width: 290px;
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 27px;
  letter-spacing: 3px;
}
.recommended-classes-home .see-classes-cta {
  float: right;
  color: #50E3C2;
  font-size: 11px;
  margin-top: 23px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}
.recommended-classes-home button {
  width: 125px;
  float: right;
}
.recommended-classes-home ul {
  margin-left: 20px;
}
.recommended-classes-home li {
  width: 100%;
  display: table;
  position: relative;
  margin-bottom: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}
.recommended-classes-home li .loader,
.recommended-classes-home li .error-message-component {
  right: 0;
  left: auto;
}
.recommended-classes-home li .error-message-component {
  transform: translate(0, -60%);
  width: 120px;
}
.recommended-classes-home .class-title {
  color: #212121;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 1px;
}
.recommended-classes-home .class-timing {
  color: #212121;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
}
.recommended-classes-home .class-timing time {
  display: block;
}
.recommended-classes-home .class-status {
  font-size: 11px;
  line-height: 20px;
  color: #626262;
}
.recommended-classes-home .class-status small {
  display: block;
  font-size: 10px;
  line-height: 10px;
}

.activity-cycling-category .upper-cycling-module {
  padding: 18px 10px 31px;
}
.activity-cycling-category .upper-cycling-module .back-button {
  color: #fff;
  display: block;
  margin-left: 9px;
}
.activity-cycling-category .upper-cycling-module .color-button-box {
  padding: 32px 18px;
  background-color: #242c33;
  text-align: center;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title {
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title.green p {
  color: #1aeca9;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title.green p span {
  margin-right: 7px;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title.green p span:before {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title.red p {
  color: #ff1313;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title.red p span {
  margin-right: 7px;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title.red p span:before {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title > p {
  font-size: 18px;
  margin-bottom: 11px;
}
.activity-cycling-category .upper-cycling-module .color-button-box p {
  font-size: 12px;
  color: #7c878e;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin-bottom: 22px;
  padding: 0 7%;
}
.activity-cycling-category .upper-cycling-module .color-button-box > a {
  display: block;
}
.activity-cycling-category .graphic-bar-module {
  padding-bottom: 30px;
}
.activity-cycling-category .graphic-bar-module .activity-select {
  font-size: 21px;
  padding-top: 40px;
}
.activity-cycling-category .graphic-bar-module .select-arrow {
  font-size: 12px;
  vertical-align: middle;
}
.activity-cycling-category .graphic-bar-module .graphic-bar {
  display: block;
  background-color: #7c878e;
  height: 201px;
  text-align: center;
  text-transform: uppercase;
}
.activity-cycling-category .graphic-bar-module .results-container {
  text-transform: uppercase;
  text-align: center;
  padding: 23px 20% 40px;
}
.activity-cycling-category .graphic-bar-module .results-container span {
  font-size: 12px;
  color: #fff;
}
.activity-cycling-category .graphic-bar-module .results-container span.measure {
  color: #7c878e;
}
.activity-cycling-category .graphic-bar-module .results-container span:first-child {
  float: left;
}
.activity-cycling-category .graphic-bar-module .results-container span:last-child {
  float: right;
}
.activity-cycling-category .compare-columns {
  padding: 47px 0;
}
.activity-cycling-category .compare-columns .compare-table {
  display: block;
  margin: 0 auto;
  max-width: 470px;
}
.activity-cycling-category .compare-columns .compare-table ul {
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  width: 38.7%;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1, .activity-cycling-category .compare-columns .compare-table ul.col-2 {
  vertical-align: top;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1 li, .activity-cycling-category .compare-columns .compare-table ul.col-2 li {
  font-size: 30px;
  font-weight: 200;
  height: 54px;
  margin-bottom: 27px;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1 li:last-child, .activity-cycling-category .compare-columns .compare-table ul.col-2 li:last-child {
  margin-bottom: 0;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1 li > span, .activity-cycling-category .compare-columns .compare-table ul.col-2 li > span {
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1 li.title, .activity-cycling-category .compare-columns .compare-table ul.col-2 li.title {
  font-size: 13px;
  font-weight: 400;
  height: auto;
  margin: 0 0 22px;
}
.activity-cycling-category .compare-columns .compare-table ul.divider {
  width: 20%;
  margin-top: 53px;
  display: inline-block;
}
.activity-cycling-category .compare-columns .compare-table ul.divider li {
  font-size: 11px;
  margin-bottom: 65px;
}
.activity-cycling-category .compare-columns .compare-table ul.divider li:last-child {
  margin-bottom: 0;
}
.activity-cycling-category .graphic-cycling-circle {
  height: 411px;
}
.activity-cycling-category .graphic-cycling-circle h3 {
  padding: 50% 0;
  margin: 0;
}
.activity-cycling-category .common-cta-module {
  padding: 34px 0;
}
.activity-cycling-category .common-cta-module h3 {
  margin-bottom: 10px;
}
.activity-cycling-category .common-cta-module p {
  font-size: 12px;
  text-align: center;
  margin: 0 30px 26px;
}
.activity-cycling-category .common-cta-module > a {
  display: block;
  margin: 0 28px;
}
.activity-cycling-category .black-bg {
  background-color: #000;
  color: #fff;
}
.activity-cycling-category .separator {
  border-top: 1px solid #b2b2b2;
}
.activity-cycling-category .activity-select {
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 0;
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid transparent;
  transition-property: background, border-color;
  transition-duration: .2s;
  transition-delay: .3s;
}
.activity-cycling-category .activity-select .current-category {
  display: inline-block;
  pointer-events: none;
  font-weight: 200;
}
.activity-cycling-category .activity-select .select-arrow {
  font-size: 12px;
  vertical-align: middle;
}
.activity-cycling-category .small-menu {
  display: block;
  border-bottom: 1px solid #484848;
  margin: 0 auto;
  width: 85%;
}
.activity-cycling-category .small-menu:last-child {
  border-top: 1px solid #484848;
  border-bottom: 0;
  clear: both;
}
.activity-cycling-category .small-menu.lower li a.selected span {
  font-weight: 700;
  position: relative;
}
.activity-cycling-category .small-menu.lower li a.selected span:before, .activity-cycling-category .small-menu.lower li a.selected span:after {
  bottom: 28px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.activity-cycling-category .small-menu.lower li a.selected span:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #808080;
  border-width: 7px;
  margin-left: -7px;
}
.activity-cycling-category .small-menu.lower li a.selected span:after {
  border-color: transparent;
  border-bottom-color: #000000;
  border-width: 6px;
  margin-left: -6px;
}
.activity-cycling-category .small-menu.upper li a.selected span {
  font-weight: 700;
  position: relative;
}
.activity-cycling-category .small-menu.upper li a.selected span:before, .activity-cycling-category .small-menu.upper li a.selected span:after {
  top: 28px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.activity-cycling-category .small-menu.upper li a.selected span:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #808080;
  border-width: 7px;
  margin-left: -7px;
}
.activity-cycling-category .small-menu.upper li a.selected span:after {
  border-color: transparent;
  border-top-color: #000000;
  border-width: 6px;
  margin-left: -6px;
}
.activity-cycling-category .small-menu li {
  display: inline-block;
  vertical-align: middle;
  width: 32%;
}
.activity-cycling-category .small-menu li a {
  display: block;
  padding: 14px 0;
}
.activity-cycling-category .small-menu li a span {
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  display: block;
  border-right: 1px solid #484848;
}
.activity-cycling-category .small-menu li:last-child a span {
  border-right: 0;
}
.activity-cycling-category .main-content.cycling-leaders {
  display: block;
  margin: 0 auto;
  max-width: 470px;
}
.activity-cycling-category .main-content.col-3 ul, .activity-cycling-category .main-content .three-circles-container ul {
  display: inline-block;
  margin-bottom: 30px;
  vertical-align: top;
  width: 32.5%;
}
.activity-cycling-category .main-content .three-circles-container {
  display: block;
  margin: 0 auto;
  max-width: 470px;
}
.activity-cycling-category .main-content .three-circles-container ul {
  margin-bottom: 0;
}
.activity-cycling-category .main-content ul {
  text-align: center;
  margin-bottom: 28px;
}
.activity-cycling-category .main-content ul li {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 10px;
}
.activity-cycling-category .main-content ul li.medium-font {
  font-size: 12px;
  color: #7c878e;
  margin-top: 5px;
}
.activity-cycling-category .main-content ul li.small-font {
  font-size: 11px;
}
.activity-cycling-category .main-content ul .image {
  width: 110px;
  margin: 0 auto 5px;
  padding: 0;
}
.activity-cycling-category .main-content ul .rounded-image {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  width: 110px;
  height: 110px;
  margin: 0 auto 18px;
  padding: 0;
}
.activity-cycling-category .main-content ul .rounded-image.small {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  width: 76px;
  height: 76px;
  margin-top: 17px;
  margin-bottom: 35px;
}
.activity-cycling-category .main-content ul .rounded-image.grey-circle {
  background-color: #333f48;
}
.activity-cycling-category .main-content ul .rounded-image.rounded-button {
  background-color: #1f262b;
}
.activity-cycling-category .activities-module {
  padding: 48px 0;
}
.activity-cycling-category .activities-module ul {
  margin-bottom: 0;
}
.activity-cycling-category .activities-module ul li.bold {
  font-size: 11px;
}
.activity-cycling-category .activities-module ul li.rounded-image > img {
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto;
  padding: 32px 0;
}
.activity-cycling-category .activities-module ul li.small > img {
  width: 39px;
  height: 39px;
}
.activity-cycling-category .activities-module ul li.rounded-button a {
  color: #7c878e;
  display: block;
  font-size: 22px;
  padding: 28px 0;
  width: 100%;
}
.activity-cycling-category .black-content {
  color: #7c878e;
}

.activity-detail-shared .header-wrapper {
  display: block;
  height: 225px;
  overflow: hidden;
  position: relative;
}
.activity-detail-shared .header-wrapper h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 200;
  font-size: 32px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  z-index: 10;
}
.activity-detail-shared .header-wrapper h3 small {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
.activity-detail-shared .header-wrapper .overlay {
  content: " ";
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.activity-detail-shared .background-container .main-container {
  padding: 0 30px;
}
.activity-detail-shared .background-container .main-container .common-container {
  border-bottom: 1px solid #b2b2b2;
  padding: 35px 0;
}
.activity-detail-shared .background-container .main-container .common-container h3 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 0;
}
.activity-detail-shared .background-container .main-container .common-container h3 small {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul {
  display: inline-block;
  width: 49.2%;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul:first-child {
  margin-bottom: 36px;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul li {
  text-align: center;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul li p {
  font-size: 30px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 0;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul li p span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul li p sub {
  font-size: 20px;
}
.activity-detail-shared .background-container .main-container .common-container .rank {
  text-align: center;
}
.activity-detail-shared .background-container .main-container .common-container .rank li {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.activity-detail-shared .background-container .main-container .common-container .rank li:first-child {
  font-weight: 700;
}
.activity-detail-shared .background-container .main-container .common-container .rank li.position p {
  font-size: 56px;
  font-weight: 200;
  margin-bottom: 8px;
}
.activity-detail-shared .background-container .main-container .common-container .rank li.position p sup {
  font-size: 23px;
  font-weight: 400;
  vertical-align: super;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-mobile p {
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
  padding: 0 25px;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-mobile img {
  display: block;
  margin: 0 auto;
  width: 102px;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-mobile .caption {
  margin-top: 38px;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-tablet {
  display: none;
}
.activity-detail-shared .background-container .main-container > nav {
  display: none;
}

.class-summary {
  padding-top: 0px;
}
.class-summary .header-wrapper {
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.class-summary .header-wrapper img {
  width: auto;
  display: block;
}
.class-summary .header-wrapper .overlay {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.class-summary .header-wrapper > a {
  font-size: 23px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 3;
}
.class-summary .header-wrapper .header-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.class-summary .header-wrapper .header-title h1 {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
}
.class-summary .header-wrapper .header-title h1 small {
  display: block;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.class-summary .summary-content {
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.class-summary .summary-content .upper-module {
  padding: 24px 0 0;
}
.class-summary .summary-content .upper-module h3 {
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 2px;
  margin: 0 0 8px;
}
.class-summary .summary-content .upper-module h3 small {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 3px;
}
.class-summary .summary-content .upper-module ul li {
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
.class-summary .summary-content .upper-module ul li.instructor-font {
  font-size: 22px;
}
.class-summary .summary-content .upper-module ul li.source {
  text-transform: none;
  font-size: 13px;
  color: #7c878e;
}
.class-summary .summary-content .error-area {
  position: relative;
  height: 24px;
}
.class-summary .summary-content .editable-info-container {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 0 auto;
  max-width: 425px;
  padding: 25px 0;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.class-summary .summary-content .editable-info-container.five-items .two-col, .class-summary .summary-content .editable-info-container.five-items .one-quarter-col, .class-summary .summary-content .editable-info-container.five-items .three-quarter-col {
  margin-bottom: 25px;
}
.class-summary .summary-content .editable-info-container > div {
  position: relative;
}
.class-summary .summary-content .editable-info-container > div .personal-best {
  position: absolute;
  top: -13px;
  width: 100%;
  left: 0px;
  font-size: .7em;
  font-weight: bold;
  color: #ff3600;
}
.class-summary .summary-content .editable-info-container .one-col {
  display: inline-block;
  margin-right: 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.class-summary .summary-content .editable-info-container .two-col, .class-summary .summary-content .editable-info-container .one-quarter-col, .class-summary .summary-content .editable-info-container .three-quarter-col {
  display: inline-block;
  margin-right: -4px;
  text-align: center;
  vertical-align: top;
  width: 50%;
}
.class-summary .summary-content .editable-info-container .three-col {
  display: inline-block;
  margin-right: -4px;
  text-align: center;
  vertical-align: top;
  width: 33%;
}
.class-summary .summary-content .editable-info-container .one-quarter-col {
  width: 40%;
}
.class-summary .summary-content .editable-info-container .three-quarter-col {
  width: 60%;
}
.class-summary .summary-content .editable-info-container .bottom-space {
  margin-bottom: 20px;
}
.class-summary .summary-content .editable-info-container form {
  margin-top: 10px;
  padding: 0;
}
.class-summary .summary-content .editable-info-container form input[type="text"] {
  border: 1px solid #b2b2b2;
  font-size: 27px;
  font-weight: 200;
  max-width: 124px;
  height: 45px;
  padding: 0 15px;
}
.class-summary .summary-content .editable-info-container .intensity.inactive {
  display: none;
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container {
  position: relative;
  height: 80px;
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container form {
  margin-top: 10px;
  padding: 0;
  position: absolute;
  left: 50%;
  width: 102%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 10;
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container form .intensity-checkbox {
  display: inline-block;
  border: 1px solid #b2b2b2 !important;
  background-color: #fff;
  margin: 0 3px;
  width: 33px;
  height: 33px;
  cursor: pointer;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.no-touch .class-summary .summary-content .editable-info-container .intensity .intensity-level-container form .intensity-checkbox:hover {
  background-color: #999999;
  -moz-transition: background 0.1s;
  -o-transition: background 0.1s;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container form .intensity-checkbox.active, .class-summary .summary-content .editable-info-container .intensity .intensity-level-container form .intensity-checkbox:active {
  background-color: #000;
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container form input[type="radio"] {
  width: 33px;
  height: 33px;
  cursor: pointer;
  margin: 0;
  visibility: hidden;
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container form input[type="radio"]:focus {
  outline: none;
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container .intensity-line {
  border: 1px solid #b2b2b2;
  position: absolute;
  left: 50%;
  top: 28px;
  width: 104px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.class-summary .summary-content .editable-info-container .intensity .intensity-level-container .intensity-level {
  position: absolute;
  top: 55px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
}
.class-summary .summary-content .editable-info-container .measure-title {
  font-size: 11px;
  font-weight: 700;
}
.class-summary .summary-content .editable-info-container .measure-title .measure {
  display: block;
  font-size: 26px;
  font-weight: 200;
  line-height: 21px;
  text-transform: none;
}
.class-summary .summary-content .edit-container {
  padding: 20px 0 0;
  text-align: center;
}
.class-summary .summary-content .edit-container .edit-button {
  font-size: 11px;
  color: #7c878e;
  text-transform: uppercase;
  vertical-align: middle;
}
.class-summary .summary-content .edit-container .edit-button span {
  display: inline-block;
  font-size: 20px;
  margin-right: 12px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
}
.class-summary .summary-content .edit-container .edit-button.save {
  border-bottom: 1px solid #7c878e;
  padding-bottom: 1px;
}
.class-summary .summary-content .notes-container {
  text-align: center;
}
.class-summary .summary-content .notes-container > span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.class-summary .summary-content .notes-container p {
  font-size: 12px;
  margin: 0 auto 34px;
  width: 240px;
}
.class-summary .summary-content .notes-container a {
  display: block;
  padding: 15px 0;
  margin: 0 auto;
  max-width: 426px;
}
.class-summary .summary-content .notes-container .take-it-again {
  margin-top: 25px;
}
.class-summary .summary-content .button-container {
  padding: 10px 0;
  text-align: center;
  position: relative;
}
.class-summary .summary-content .button-container .overlay-box {
  background-color: #7c878e;
  position: absolute;
  bottom: 55px;
  left: 50%;
  z-index: -1;
  width: 300px;
  height: 0;
  padding: 20px 30px;
  margin-bottom: 10px;
  opacity: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.class-summary .summary-content .button-container .overlay-box.active {
  padding: 20px 40px;
  height: auto;
  opacity: 1;
  z-index: 100;
  overflow: initial;
  transition: opacity 500ms, height 0;
  -webkit-transition: opacity 500ms, height 0;
  -ms-transition: opacity 500ms, height 0;
  z-index: 10;
}
.class-summary .summary-content .button-container a {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom: 22px;
  z-index: 20;
}
.class-summary .summary-content .button-container a:last-child {
  margin-bottom: 0;
}
.class-summary .summary-content .button-container .remove-class {
  margin-top: 0;
}
.class-summary .summary-content .class-rank-container {
  padding: 0px 0px 29px;
  text-align: center;
  text-transform: uppercase;
}
.class-summary .summary-content .class-rank-container .rank-result {
  margin-bottom: 20px;
}
.class-summary .summary-content .class-rank-container .rank-result span {
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.class-summary .summary-content .class-rank-container .rank-result span .g-pronoun {
  font-style: normal;
}
.class-summary .summary-content .class-rank-container .rank-result p {
  font-size: 34px;
  font-weight: 200;
  margin: 0;
}
.class-summary .summary-content .class-rank-container .rank-result p span {
  display: inline-block;
  font-size: 38px;
  font-weight: 200;
  margin: 0;
}
.class-summary .summary-content .class-rank-container .rank-result p span sup {
  vertical-align: super;
  font-size: 19px;
}
.class-summary .summary-content .class-rank-container .first-position p {
  font-size: 12px;
  text-transform: none;
  margin-bottom: 25px;
}
.class-summary .summary-content .class-rank-container .first-position p.position-results {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.class-summary .summary-content .class-rank-container .first-position p.position-results span {
  font-size: 38px;
  font-weight: 200;
}
.class-summary .summary-content .class-rank-container .first-position p.position-results span sup {
  font-size: 19px;
  font-weight: 400;
  vertical-align: super;
}
.class-summary .summary-content .class-rank-container .first-position p.position-results span.rank-num {
  padding-right: 5px;
}
.class-summary .summary-content .class-rank-container .first-position p.position-results span.rank-total {
  padding-left: 5px;
}
.class-summary .summary-content .class-rank-container nav.button-container {
  margin: 0;
  padding: 0;
}
.class-summary .summary-content .class-rank-container nav.button-container a {
  margin: 0 auto;
  max-width: 426px;
  padding: 14px 0;
  text-decoration: none;
}
.class-summary .summary-content .class-rank-container .social-icons {
  margin-top: 18px;
}
.class-summary .summary-content .class-rank-container .social-icons a {
  padding: 0 15px;
}
.class-summary .summary-content .class-rank-container .social-icons a span {
  font-size: 18px;
}
.class-summary .black-module {
  background: #000;
  color: #FFF;
}
.class-summary .results-module, .class-summary .performance-module {
  padding: 25px 0px;
}
.class-summary .results-module .result-box-row, .class-summary .performance-module .result-box-row {
  width: 90%;
  margin: 0 auto;
}
.class-summary .results-module .result-box, .class-summary .performance-module .result-box {
  float: left;
  width: 33%;
  text-align: center;
}
.class-summary .results-module .result-box:nth-child(2), .class-summary .performance-module .result-box:nth-child(2) {
  width: 34%;
}

.page.cyclinggroups .rich-content header {
  min-height: 250px;
}
.page.cyclinggroups .rich-content-title {
  border: none;
  font-weight: bold;
  width: 260px;
}
.page.cyclinggroups .rich-content-title span {
  text-align: left;
}
.page.cyclinggroups .rich-content-title span span {
  font-size: 150%;
  font-size: 15vw;
}
.page.cyclinggroups .rich-content-title small {
  font-size: 0.6em;
  margin-bottom: 3px;
  margin-left: 10px;
}
.page.cyclinggroups .tpl-quote {
  padding-top: 0;
  margin-top: 0;
}
.page.cyclinggroups .tpl-quote p {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  position: absolute;
  display: table;
  left: 50%;
  top: 40%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 240px;
  line-height: 160%;
  font-weight: 200;
}
.page.cyclinggroups .tpl-perksgroup {
  padding-top: 0px;
}
.page.cyclinggroups .tpl-perksgroup .paragraph img {
  width: 268px !important;
  height: 268px !important;
  border-top-left-radius: 900px;
  border-top-right-radius: 900px;
  border-bottom-left-radius: 900px;
  border-bottom-right-radius: 900px;
  border-radius: 900px;
}
.page.cyclinggroups .tpl-perksgroup h2 {
  text-align: center;
  font-weight: 200;
  margin-bottom: 20px;
}
.page.cyclinggroups .tpl-perksgroup .columns-layout .column {
  width: 300px;
  margin: 0 auto;
}
.page.cyclinggroups .tpl-perksgroup .perk {
  position: relative;
  width: 268px;
  margin: 50px auto 0 auto;
}
.page.cyclinggroups .tpl-perksgroup .perk h3 {
  position: absolute;
  display: table;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #1aeca9;
  font-size: 1.5em;
  width: 90%;
  margin: 0;
  font-weight: 200;
}
.page.cyclinggroups .tpl-ctagroup {
  background: #000;
  padding: 30px 0;
  border-bottom: 1px solid #808080;
}
.page.cyclinggroups .tpl-ctagroup .button.white, .page.cyclinggroups .tpl-ctagroup .btn-mobile-cta, .page.cyclinggroups .tpl-ctagroup .button.black, .page.cyclinggroups .tpl-ctagroup .black.btn-mobile-cta {
  border-color: #fff;
}

.results-module {
  padding: 32px 45px;
}
.results-module hr {
  background-color: #2c2c2c;
  width: 100%;
  border: 0;
  height: 1px;
  margin: 65px 0 0;
}
.results-module .results-container .result-item li h4 {
  color: #00d0a2;
}
.results-module .results-container .result-item li.top-performer-callout {
  color: #00d0a2;
}
.results-module .results-container .owl-pagination {
  margin-top: 20px;
}
.results-module .results-container .owl-wrapper-outer {
  height: auto;
}
.results-module.build-cycling .results-container .result-item li h4 {
  color: #3773fd;
}
.results-module.build-cycling .results-container .result-item li.top-performer-callout {
  color: #3773fd;
}
.results-module.burn-cycling .results-container .result-item li h4 {
  color: #ff3600;
}
.results-module.burn-cycling .results-container .result-item li.top-performer-callout {
  color: #ff3600;
}
.results-module h3 {
  font-size: 21px;
  font-weight: 200;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 0;
}
.results-module .results-container {
  margin: 0 auto;
}
.results-module .results-container .result-item {
  text-align: center;
  margin-top: 8px;
  display: none;
}
.results-module .results-container .result-item:first-child {
  display: block;
}
.results-module .results-container .result-item li {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.results-module .results-container .result-item li h4 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.84px;
}
.results-module .results-container .result-item li.result-image {
  margin: 20px 0;
  min-height: 197px;
  position: relative;
}
.results-module .results-container .result-item li.result-image img {
  width: 190px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.results-module .results-container .result-item li.top-performer-callout {
  font-size: 12px;
  margin-bottom: 10px;
}
.results-module .results-container .result-item li.perform-result {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
  letter-spacing: 1.84px;
}
.results-module .results-container .result-item li.small-personal-results, .results-module .results-container .result-item li.small-total-results {
  font-size: 13px;
  letter-spacing: 1.84px;
  color: #898989;
  line-height: 1.5em;
}

.page.leaderboard #leaderboard-hero .icon-left-arrow {
  top: 40px;
  left: 35px;
  color: #fff;
  z-index: 3;
  font-size: 30px;
  font-weight: 700;
  position: absolute;
}
.page.leaderboard .rich-content header {
  min-height: inherit;
}
.page.leaderboard .rich-content header .content {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
}
.page.leaderboard .rich-content header .content h1 {
  text-align: center;
  color: #fff;
  width: 100%;
  font-weight: 500;
  font-size: 1.7em;
}
.page.leaderboard .rich-content header .content ul {
  width: 100%;
  text-align: center;
  padding-top: 15px;
}
.page.leaderboard .rich-content header .content ul li {
  display: inline;
  padding: 0 1em;
  border-left: 1px solid #7b6d65;
}
.page.leaderboard .rich-content header .content ul li:first-child {
  border-left: none;
}
.page.leaderboard .rich-content header .content ul li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
}
.page.leaderboard .rich-content header .content ul li a.active {
  font-weight: 600;
}
.page.leaderboard #leaderboard-loader {
  position: relative;
  height: 100px;
  display: none;
}
.page.leaderboard #leaderboard-container {
  padding: 0 20px 45px 20px;
}
.page.leaderboard #leaderboard-container table {
  width: 100%;
}
.page.leaderboard #leaderboard-container th, .page.leaderboard #leaderboard-container td {
  padding: 10px 0;
  text-align: center;
  white-space: nowrap;
}
.page.leaderboard #leaderboard-container .energy {
  display: none;
}
.page.leaderboard #leaderboard-container.burn-class .energy {
  display: table-cell;
}
.page.leaderboard #leaderboard-container.burn-class .distance {
  display: none;
}
.page.leaderboard #leaderboard-container th {
  font-weight: 600;
  font-size: .7em;
  text-transform: uppercase;
}
.page.leaderboard #leaderboard-container th.name {
  text-indent: 45px;
  width: 98%;
  text-align: left;
}
.page.leaderboard #leaderboard-container td {
  font-size: .8em;
}
.page.leaderboard #leaderboard-container tr.odd-row td {
  background: #eceded;
}
.page.leaderboard #leaderboard-container tr.me td {
  background: #000;
  color: #fff;
}
.page.leaderboard #leaderboard-container td.rank {
  font-style: italic;
}
.page.leaderboard #leaderboard-container td.name {
  text-transform: uppercase;
  text-align: left;
}
.page.leaderboard #leaderboard-container td.name img {
  width: 40px;
  height: 40px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-radius: 40px;
  vertical-align: middle;
  margin-right: 5px;
}

.confirm-modal-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.confirm-modal-overlay .confirm-modal {
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 35px;
  text-transform: uppercase;
  width: 280px;
  z-index: 100;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.confirm-modal-overlay .confirm-modal p {
  font-size: 20px;
  font-weight: 200;
  text-align: center;
}
.confirm-modal-overlay .confirm-modal .caption {
  display: block;
  margin: 0 auto;
  width: 150px;
}

.page.janchallenge2015, .page.seehow, .page {
  font-family: 'Graphik Web';
}
.page.janchallenge2015 .tpl-scheduleavisittout, .page.seehow .tpl-scheduleavisittout, .page .tpl-scheduleavisittout {
  margin-bottom: -50px;
}
.page.janchallenge2015 .tpl-scheduleavisittout .shedule-a-visit-tout, .page.seehow .tpl-scheduleavisittout .shedule-a-visit-tout, .page .tpl-scheduleavisittout .shedule-a-visit-tout {
  text-transform: uppercase;
  background: #aaa;
  text-align: center;
  color: white;
  padding: 50px 0;
}
.page.janchallenge2015 .tpl-scheduleavisittout .shedule-a-visit-tout .schedule-tout-title, .page.seehow .tpl-scheduleavisittout .shedule-a-visit-tout .schedule-tout-title, .page .tpl-scheduleavisittout .shedule-a-visit-tout .schedule-tout-title {
  font-weight: bold;
  margin-bottom: 20px;
}
.page.janchallenge2015 .rich-content header img.is-mobile, .page.seehow .rich-content header img.is-mobile, .page .rich-content header img.is-mobile {
  width: 130%;
}
.page.janchallenge2015 .rich-content header .content, .page.seehow .rich-content header .content, .page .rich-content header .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
.page.janchallenge2015 .rich-content header .content .rich-content-title, .page.seehow .rich-content header .content .rich-content-title, .page .rich-content header .content .rich-content-title {
  border-bottom: none;
  margin-top: 20px;
  min-height: inherit;
  letter-spacing: 1px;
}
.page.janchallenge2015 .rich-content header .content .rich-content-title .left-bottom, .page.seehow .rich-content header .content .rich-content-title .left-bottom, .page .rich-content header .content .rich-content-title .left-bottom {
  border-top: 1px solid #fff;
  width: 40px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.page.janchallenge2015 .rich-content header .content .rich-content-title .right-bottom, .page.seehow .rich-content header .content .rich-content-title .right-bottom, .page .rich-content header .content .rich-content-title .right-bottom {
  border-top: 1px solid #fff;
  width: 40px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.page.janchallenge2015 .rich-content header .content .rich-content-title .subtitle, .page.seehow .rich-content header .content .rich-content-title .subtitle, .page .rich-content header .content .rich-content-title .subtitle {
  position: absolute;
  bottom: -4px;
  left: 0px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
}
.page.janchallenge2015 .rich-content header .content .progress, .page.seehow .rich-content header .content .progress, .page .rich-content header .content .progress {
  display: none;
}
.page.janchallenge2015 .rich-content header .content ul.stats, .page.seehow .rich-content header .content ul.stats, .page .rich-content header .content ul.stats {
  margin-top: 5em;
}
.page.janchallenge2015 .rich-content header .content ul.stats li, .page.seehow .rich-content header .content ul.stats li, .page .rich-content header .content ul.stats li {
  width: 33%;
  float: left;
  text-align: center;
  font-weight: 600;
  font-size: 36px;
  text-transform: uppercase;
  border-right: solid 1px #fff;
}
.page.janchallenge2015 .rich-content header .content ul.stats li span.subtitle, .page.seehow .rich-content header .content ul.stats li span.subtitle, .page .rich-content header .content ul.stats li span.subtitle {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.page.janchallenge2015 .rich-content header .content ul.stats li span.lastday, .page.seehow .rich-content header .content ul.stats li span.lastday, .page .rich-content header .content ul.stats li span.lastday {
  font-size: 18px;
}
.page.janchallenge2015 .rich-content header .content ul.stats li span.total, .page.seehow .rich-content header .content ul.stats li span.total, .page .rich-content header .content ul.stats li span.total {
  font-weight: 300;
  opacity: 0.55;
}
.page.janchallenge2015 .rich-content header .content ul.stats li sup, .page.seehow .rich-content header .content ul.stats li sup, .page .rich-content header .content ul.stats li sup {
  vertical-align: super;
  font-size: 14px;
}
.page.janchallenge2015 .rich-content header .content ul.stats li:last-child, .page.seehow .rich-content header .content ul.stats li:last-child, .page .rich-content header .content ul.stats li:last-child {
  border: none;
}
.page.janchallenge2015 .tpl-challengehero .rich-content header, .page.seehow .tpl-challengehero .rich-content header, .page .tpl-challengehero .rich-content header {
  min-height: 300px;
  max-height: 350px;
}
.page.janchallenge2015 .tpl-challengehero .rich-content header img.is-mobile, .page.seehow .tpl-challengehero .rich-content header img.is-mobile, .page .tpl-challengehero .rich-content header img.is-mobile {
  width: 110%;
}
.page.janchallenge2015 .tpl-weekendchallenge, .page.seehow .tpl-weekendchallenge, .page .tpl-weekendchallenge {
  margin-top: 0;
  padding-top: 0;
}
.page.janchallenge2015 .tpl-weekendchallenge .rich-content header, .page.seehow .tpl-weekendchallenge .rich-content header, .page .tpl-weekendchallenge .rich-content header {
  height: 500px;
}
.page.janchallenge2015 .tpl-weekendchallenge .rich-content header img.is-mobile, .page.seehow .tpl-weekendchallenge .rich-content header img.is-mobile, .page .tpl-weekendchallenge .rich-content header img.is-mobile {
  width: 150%;
}
.page.janchallenge2015 .tpl-weekendchallenge .copy, .page.seehow .tpl-weekendchallenge .copy, .page .tpl-weekendchallenge .copy {
  position: absolute;
  top: 155px;
  left: 0px;
  width: 100%;
}
.page.janchallenge2015 .tpl-weekendchallenge .cta-wrapper, .page.seehow .tpl-weekendchallenge .cta-wrapper, .page .tpl-weekendchallenge .cta-wrapper {
  margin: 20px 0;
  position: absolute;
  top: 370px;
  text-align: center;
  left: 0px;
  width: 100%;
}
.page.janchallenge2015 .tpl-weekendchallenge .cta-wrapper a, .page.seehow .tpl-weekendchallenge .cta-wrapper a, .page .tpl-weekendchallenge .cta-wrapper a {
  padding: 1.2em 4.5em;
}
.page.janchallenge2015 .tpl-weekendchallenge h2, .page.seehow .tpl-weekendchallenge h2, .page .tpl-weekendchallenge h2 {
  color: #c2ce00;
  position: relative;
  margin: 0 auto;
  font-weight: 600;
  font-size: 14px;
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.page.janchallenge2015 .tpl-weekendchallenge h3, .page.seehow .tpl-weekendchallenge h3, .page .tpl-weekendchallenge h3 {
  font-size: 30px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto 10px;
  font-weight: lighter;
  letter-spacing: 0.15em;
}
.page.janchallenge2015 .tpl-weekendchallenge p, .page.seehow .tpl-weekendchallenge p, .page .tpl-weekendchallenge p {
  text-align: center;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 13px;
  margin: 0 auto;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: lighter;
}
.page.janchallenge2015 .tpl-weekendchallenge .points, .page.seehow .tpl-weekendchallenge .points, .page .tpl-weekendchallenge .points {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  width: 90px;
  height: 130px;
  font-size: 24px;
  background: url("/assets/images/janchallenge2015/challenge-points-bg.png") left top no-repeat;
}
.page.janchallenge2015 .tpl-weekendchallenge .points span, .page.seehow .tpl-weekendchallenge .points span, .page .tpl-weekendchallenge .points span {
  display: block;
  text-align: center;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 65%;
  padding-top: 10px;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown, .page.seehow .tpl-weekendchallenge .countdown, .page .tpl-weekendchallenge .countdown {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 20px;
  left: 50%;
  margin-left: -45px;
  color: #fff;
  text-align: center;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown img, .page.seehow .tpl-weekendchallenge .countdown img, .page .tpl-weekendchallenge .countdown img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown .number, .page.seehow .tpl-weekendchallenge .countdown .number, .page .tpl-weekendchallenge .countdown .number {
  display: block;
  font-size: 32px;
  line-height: 45px;
  padding-top: 5px;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown .hours, .page.seehow .tpl-weekendchallenge .countdown .hours, .page .tpl-weekendchallenge .countdown .hours {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0px 10px 5px 10px;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown canvas, .page.seehow .tpl-weekendchallenge .countdown canvas, .page .tpl-weekendchallenge .countdown canvas {
  position: absolute;
  left: 0px;
  top: 0px;
}
.page.janchallenge2015 .tpl-challengescorecard, .page.janchallenge2015 .tpl-challengescorecardend, .page.seehow .tpl-challengescorecard, .page.seehow .tpl-challengescorecardend, .page .tpl-challengescorecard, .page .tpl-challengescorecardend {
  margin-top: 0;
  padding-top: 0;
}
.page.janchallenge2015 .tpl-challengescorecard .rich-content header, .page.janchallenge2015 .tpl-challengescorecardend .rich-content header, .page.seehow .tpl-challengescorecard .rich-content header, .page.seehow .tpl-challengescorecardend .rich-content header, .page .tpl-challengescorecard .rich-content header, .page .tpl-challengescorecardend .rich-content header {
  min-height: 300px;
  max-height: 470px;
}
.page.janchallenge2015 .tpl-challengescorecard .rich-content header img.is-mobile, .page.janchallenge2015 .tpl-challengescorecardend .rich-content header img.is-mobile, .page.seehow .tpl-challengescorecard .rich-content header img.is-mobile, .page.seehow .tpl-challengescorecardend .rich-content header img.is-mobile, .page .tpl-challengescorecard .rich-content header img.is-mobile, .page .tpl-challengescorecardend .rich-content header img.is-mobile {
  width: 110%;
}
.page.janchallenge2015 .tpl-challengescorecard nav, .page.janchallenge2015 .tpl-challengescorecardend nav, .page.seehow .tpl-challengescorecard nav, .page.seehow .tpl-challengescorecardend nav, .page .tpl-challengescorecard nav, .page .tpl-challengescorecardend nav {
  background: #000;
  height: 75px;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul, .page.janchallenge2015 .tpl-challengescorecardend nav ul, .page.seehow .tpl-challengescorecard nav ul, .page.seehow .tpl-challengescorecardend nav ul, .page .tpl-challengescorecard nav ul, .page .tpl-challengescorecardend nav ul {
  width: 100%;
  margin: 0 auto;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li, .page.janchallenge2015 .tpl-challengescorecardend nav ul li, .page.seehow .tpl-challengescorecard nav ul li, .page.seehow .tpl-challengescorecardend nav ul li, .page .tpl-challengescorecard nav ul li, .page .tpl-challengescorecardend nav ul li {
  width: 50%;
  height: 75px;
  text-align: center;
  float: left;
  text-transform: uppercase;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li a, .page.janchallenge2015 .tpl-challengescorecardend nav ul li a, .page.seehow .tpl-challengescorecard nav ul li a, .page.seehow .tpl-challengescorecardend nav ul li a, .page .tpl-challengescorecard nav ul li a, .page .tpl-challengescorecardend nav ul li a {
  display: block;
  height: 100%;
  line-height: 75px;
  background: #000;
  color: #8d8d8d;
  position: relative;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li a .caret, .page.janchallenge2015 .tpl-challengescorecardend nav ul li a .caret, .page.seehow .tpl-challengescorecard nav ul li a .caret, .page.seehow .tpl-challengescorecardend nav ul li a .caret, .page .tpl-challengescorecard nav ul li a .caret, .page .tpl-challengescorecardend nav ul li a .caret {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 70px;
  left: 50%;
  background: #c2ce00;
  z-index: 100;
  display: none;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li a:hover, .page.janchallenge2015 .tpl-challengescorecardend nav ul li a:hover, .page.seehow .tpl-challengescorecard nav ul li a:hover, .page.seehow .tpl-challengescorecardend nav ul li a:hover, .page .tpl-challengescorecard nav ul li a:hover, .page .tpl-challengescorecardend nav ul li a:hover {
  color: #fff;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li a.selected, .page.janchallenge2015 .tpl-challengescorecardend nav ul li a.selected, .page.seehow .tpl-challengescorecard nav ul li a.selected, .page.seehow .tpl-challengescorecardend nav ul li a.selected, .page .tpl-challengescorecard nav ul li a.selected, .page .tpl-challengescorecardend nav ul li a.selected {
  background: #c2ce00;
  color: #fff;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li a.selected .caret, .page.janchallenge2015 .tpl-challengescorecardend nav ul li a.selected .caret, .page.seehow .tpl-challengescorecard nav ul li a.selected .caret, .page.seehow .tpl-challengescorecardend nav ul li a.selected .caret, .page .tpl-challengescorecard nav ul li a.selected .caret, .page .tpl-challengescorecardend nav ul li a.selected .caret {
  display: block;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li.li-monthly, .page.janchallenge2015 .tpl-challengescorecardend nav ul li.li-monthly, .page.seehow .tpl-challengescorecard nav ul li.li-monthly, .page.seehow .tpl-challengescorecardend nav ul li.li-monthly, .page .tpl-challengescorecard nav ul li.li-monthly, .page .tpl-challengescorecardend nav ul li.li-monthly {
  width: 100%;
}
.page.janchallenge2015 .tpl-challengescorecard .page-snap, .page.janchallenge2015 .tpl-challengescorecardend .page-snap, .page.seehow .tpl-challengescorecard .page-snap, .page.seehow .tpl-challengescorecardend .page-snap, .page .tpl-challengescorecard .page-snap, .page .tpl-challengescorecardend .page-snap {
  clear: both;
}
.page.janchallenge2015 .tpl-challengescorecard .content, .page.janchallenge2015 .tpl-challengescorecardend .content, .page.seehow .tpl-challengescorecard .content, .page.seehow .tpl-challengescorecardend .content, .page .tpl-challengescorecard .content, .page .tpl-challengescorecardend .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page.janchallenge2015 .tpl-challengescorecard .content p, .page.janchallenge2015 .tpl-challengescorecardend .content p, .page.seehow .tpl-challengescorecard .content p, .page.seehow .tpl-challengescorecardend .content p, .page .tpl-challengescorecard .content p, .page .tpl-challengescorecardend .content p {
  text-align: center;
  text-transform: uppercase;
  color: #000;
  margin-top: 20px;
  font-size: 12px;
}
.page.janchallenge2015 .tpl-challengescorecard .content p a, .page.janchallenge2015 .tpl-challengescorecardend .content p a, .page.seehow .tpl-challengescorecard .content p a, .page.seehow .tpl-challengescorecardend .content p a, .page .tpl-challengescorecard .content p a, .page .tpl-challengescorecardend .content p a {
  text-decoration: underline;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper, .page .tpl-challengescorecard .content #scorecard-wrapper, .page .tpl-challengescorecardend .content #scorecard-wrapper {
  color: #000;
  overflow: visible;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item {
  text-align: center;
  position: relative;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item h3, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item h3, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item h3, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item h3, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item h3, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 30px 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 14px;
  max-height: 20px;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress {
  position: relative;
  max-width: 200px;
  max-height: 385px;
  min-height: 123px;
  width: 60%;
  margin: 0 auto;
  /*
  .caret {
      background: #000;
      width: 14px;
      height: 14px;
      @include rotate(45deg);
      position: absolute;
      bottom: -5px;
      left: 50%;
      margin-left: -5px;
  }
  */
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress img, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress img, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress img, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress img, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress img, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress img {
  width: 100%;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .number, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .number, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .number, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .number, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .number, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .number {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  font-size: 70px;
  font-weight: bold;
  margin-top: -5px;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .points, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .points, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .points, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .points, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .points, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .points {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-top: 30px;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress canvas, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress canvas, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress canvas, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress canvas, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress canvas, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress canvas {
  position: absolute;
  left: 0px;
  top: 0px;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .digital-blurb, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .digital-blurb, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .digital-blurb, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .digital-blurb, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .digital-blurb, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .digital-blurb {
  padding-top: 10px;
}