h1.title {
  font-size: 2em;
}
h1 small.small-title {
  font-size: 0.5em;
}

h3 {
  font-size: 30px;
}

h6 {
  letter-spacing: 2px;
}

hr.separator-line {
  max-width: 125px;
}

.module {
  margin-top: 40px;
  padding-top: 30px;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 270px;
}

footer {
  height: 270px;
  margin-top: 40px;
}

.tpl-classsearch {
  margin-top: 0;
  padding-top: 0;
}

.tpl-classsearch {
  margin-top: 0;
  padding-top: 0;
}

.tpl-calendarmonthfilter, .tpl-calendarsearch, .tpl-calendar {
  margin-top: 0;
  padding-top: 0;
}

.page .module:first-child + .tpl-textcallout {
  margin-top: -10px;
}

.tpl-scheduleavisit:last-child {
  margin-bottom: -40px;
}

.tpl-classesnearme:last-child {
  margin-bottom: -40px;
}

.tpl-splitcallout:last-child {
  margin-bottom: -40px;
}

.tpl-articlelist:last-child {
  margin-bottom: -40px;
}

.tpl-clubcta, .tpl-upcoming {
  margin-top: 0;
  padding-top: 0;
}

.row {
  border-top: #d0d3d3 1px solid;
  border-bottom: #d0d3d3 1px solid;
}
.row [class*='col-'] {
  float: left;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.row [class*='col-'] .col-padding {
  width: 100%;
  border-right: #d0d3d3 1px solid;
}
.row [class*='col-']:last-of-type .col-padding {
  border-right: none;
}
.row .col-1-2,
.row .col-2-4 {
  width: 50%;
}
.row .col-1-4 {
  width: 25%;
}
.row .col-1-3 {
  width: 33.3%;
}

.black .row {
  border-top: #d0d3d3 1px solid;
  border-bottom: #d0d3d3 1px solid;
}
.black .row [class*='col-'] .col-padding {
  border-right: #d0d3d3 1px solid;
}

.white .row {
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
}
.white .row [class*='col-'] .col-padding {
  border-right: #fff 1px solid;
}

.takeover-module {
  top: 130px;
}
.takeover-module .icon-close {
  top: 130px;
  right: 10px;
}
.takeover-module .takeover-container {
  max-width: 780px;
  height: 73%;
}

body.closed-nav nav.main {
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
body.closed-nav nav.main .full-wrapper {
  opacity: 0;
}
body.closed-nav nav.main .login-tab {
  top: 100%;
  opacity: 1;
}

nav.main {
  height: 130px;
}
nav.main.open-links {
  height: 130px;
}
nav.main .full-wrapper {
  padding: 0 40px;
}
nav.main .login-tab {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: -100%;
  right: 40px;
  opacity: 0;
  background: white;
  padding: 4px 20px;
  border: 1px solid #717374;
  border-top: 0;
}
nav.main .login-tab a {
  color: #080808;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
}
nav.main .logo {
  float: none;
  padding-top: 25px;
  width: 160px;
  height: 30px;
}
nav.main .links-wrapper {
  background: transparent;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
nav.main.open-links .full-wrapper {
  opacity: 1;
}
nav.main .main-links {
  padding: 0;
  margin-top: 25px;
}
nav.main .main-links li, nav.main .secondary-links li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: left;
  margin-bottom: 0px;
}
nav.main .main-links li:last-child, nav.main .secondary-links li:last-child {
  margin-bottom: 0;
}
nav.main .main-links li a, nav.main .secondary-links li a {
  color: #7A7A7B;
  font-size: 12px;
  margin-right: 10px;
  letter-spacing: 2px;
  font-weight: bold;
}
nav.main .main-links li a.is-white, nav.main .secondary-links li a.is-white {
  color: white;
}
@media screen and (min-width: 1024px) {
  nav.main .main-links li a, nav.main .secondary-links li a {
    font-size: 13px;
    letter-spacing: 2.5px;
  }
}
nav.main .secondary-links {
  position: absolute;
  top: 30px;
  right: 40px;
}
nav.main .secondary-links .menu-chat {
  visibility: hidden;
}
nav.main .secondary-links li a {
  color: #cfcfcf;
  font-size: 11px;
  letter-spacing: 1.5px;
  border-right: 1px solid #444;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 0;
}
nav.main .secondary-links li a.highlight {
  color: #fff;
}
nav.main .secondary-links li a.menu-login {
  color: #fff;
  word-spacing: 4px;
}
nav.main .secondary-links li a.menu-login .user-image {
  display: inline-block;
  position: relative;
  width: 50px;
}
nav.main .secondary-links li a.menu-login .user-image.no-image {
  display: none;
}
nav.main .secondary-links li a.menu-login .user-image img {
  width: 30px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  height: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -20px;
}
nav.main .secondary-links li a.menu-login .user-image .notifications {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #FFF;
  line-height: 1.8em;
  color: #000;
  text-align: center;
  top: -25px;
  text-indent: 2px;
  right: 5px;
}
nav.main .secondary-links li a.member-dropdown-open .icon-dropdown {
  display: inline-block;
  -moz-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
nav.main .secondary-links li a.member-dropdown-open .user-image .notifications {
  display: none;
}
nav.main .secondary-links li a .icon-dropdown {
  font-size: 10px;
}
nav.main .secondary-links li:last-child a {
  border: none;
  padding-right: 0;
}
nav.main .member-dropdown {
  display: none;
  position: absolute;
  top: 60px;
  z-index: 2;
  background-color: #7c878e;
  padding: 0;
  width: 225px;
  right: 0;
}
nav.main .member-dropdown:before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -7px;
  right: 76px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #7c878e;
}
nav.main .member-dropdown li {
  border-top: 1px solid #a1a9ae;
  padding-top: 0;
}
nav.main .member-dropdown li:first-child {
  border-top: none;
}
nav.main .member-dropdown li a {
  display: block;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  line-height: normal;
  padding: 15px 0;
  text-align: left;
  padding-left: 30px;
}
nav.main .member-dropdown li a span {
  font-size: 12px;
}
nav.main .member-dropdown li a:hover {
  color: #000;
}

footer h4 {
  padding: 50px 0 30px;
}
footer .social-icons li {
  margin: 0 12px;
}
footer .footer-links {
  display: block;
  line-height: 41px;
  margin: 0 auto;
  width: 640px;
}
footer .footer-links li {
  margin: 0 10px;
}
footer .footer-links li a {
  font-size: 11px;
}

.rich-content header {
  min-height: 375px;
}
.rich-content header .top-title {
  font-size: 16px;
  margin-top: -150px;
}
.rich-content header h2 {
  top: 50%;
  padding-top: 25px;
  padding-bottom: 25px;
}
.rich-content header h2 small {
  font-size: 0.3em;
}
.rich-content .caption {
  *zoom: 1;
  padding: 0 40px;
  overflow: hidden;
  padding: 1.3em;
  margin-top: 30px;
}
.rich-content .caption:after {
  content: "";
  display: table;
  clear: both;
}
.rich-content .caption p {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin: 0 0 3em;
}
.rich-content .caption nav.buttons {
  float: left;
  left: 50%;
  position: relative;
}
.rich-content .caption nav.buttons a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  left: -50%;
  min-width: 265px;
  max-width: 350px;
  width: auto;
  font-size: 13px;
}
.rich-content .caption nav.buttons a.black {
  border: 1px solid #000;
}
.rich-content .caption nav.buttons a.white {
  min-width: 265px;
  max-width: 350px;
  width: auto;
}
.rich-content .caption.classdetail {
  padding: 0;
  margin: 40px 0 10px;
}

.rich-content-title {
  border: 2px solid #fff;
  font-size: 50px;
  min-height: 200px;
  height: 200px;
  width: 490px;
}

.rich-content-video h2 {
  font-size: 42px;
  min-height: 210px;
  padding: 50px 50px;
  width: 430px;
}
.rich-content-video h2 .header-button {
  display: block;
  margin: 40px auto 0;
  padding: 1.2em 0;
  width: 200px;
}

.page.image .rich-content.no-absolute {
  padding-right: 10%;
}
.page.image .rich-content.no-absolute.paragraph {
  padding: 0;
}
.page.image .rich-content.no-absolute .title, .page.image .rich-content.no-absolute p {
  color: #fff;
}

.carousel.image-carousel .swipe-guide {
  top: auto;
  bottom: 12%;
}

.carousel.tabbed-carousel nav .caret {
  border: none;
}
.carousel.tabbed-carousel .swipe-guide {
  top: auto;
  bottom: 10%;
}

.carousel {
  overflow: hidden;
  min-height: 380px;
}
.carousel .swipe-guide {
  top: 54%;
}
.carousel.home-main-hero {
  min-height: 300px;
}
.carousel.home-main-hero.pagination .owl-pagination {
  display: block;
  margin-top: 0;
}
.carousel.home-main-hero .swipe-guide {
  display: none;
}
.carousel.home-main-hero .rich-content header {
  height: auto;
  min-height: 0;
  max-height: none;
}
.carousel.tabbed-carousel .owl-carousel .owl-item .caption {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.5s 0.5s;
  -o-transition: opacity 0.5s 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-transition-delay: 0.5s;
  transition: opacity 0.5s 0.5s;
}
.carousel.tabbed-carousel .owl-carousel .owl-item.active .caption {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.carousel .content-slider-item header {
  position: relative;
}
.carousel .content-slider-item .caption-wrapper {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -87px;
}
.carousel .content-slider-item .caption-wrapper header {
  min-height: 400px;
}
.carousel .content-slider-item .caption-wrapper .caption {
  display: table;
  margin: 0 auto;
  width: 450px;
  height: 175px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGP6fwYGmRjggCATAL3SCQIMIyVuAAAAAElFTkSuQmCC');
  background: rgba(255, 255, 255, 0.8);
}
.carousel .content-slider-item .caption-wrapper .caption .caption-text-container {
  display: table-cell;
  vertical-align: middle;
}
.carousel .content-slider-item .caption-wrapper .caption .caption-text-container .content-title {
  font-weight: normal;
  font-size: 20px;
  padding: 0 0 20px 0;
  margin: 0;
}
.carousel .content-slider-item .caption-wrapper .caption .caption-text-container p {
  max-width: 90%;
  font-size: 12px;
}
.carousel .icon-arrow-left {
  position: absolute;
  top: 25px;
  left: 0;
  cursor: pointer;
  z-index: 9999;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.carousel .icon-arrow-right {
  position: absolute;
  top: 25px;
  right: 0;
  cursor: pointer;
  z-index: 9999;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.pagination .owl-theme .owl-controls {
  margin-top: -30px;
}

.swipe-guide {
  font-size: 15px;
}

.tabbed-carousel-container p {
  font-size: 12px;
}

.cards-carousel {
  position: relative;
  color: #000;
  text-align: center;
  min-height: 200px;
}
.cards-carousel .icon-left-arrow, .cards-carousel .icon-right-arrow {
  top: 30%;
}
.cards-carousel h1, .cards-carousel .h1 {
  font-size: 25px;
  font-weight: 200;
  margin-bottom: 0;
}
.cards-carousel h2, .cards-carousel .h2 {
  font-size: 19px;
  font-weight: 100;
  margin-bottom: 24px;
}
.cards-carousel .h3 {
  font-size: 14px;
}
.cards-carousel .carousel-container {
  position: relative;
}
.cards-carousel .owl-carousel {
  margin: 0 auto;
}
.cards-carousel .owl-carousel .item {
  padding: 28px 30px;
}
.cards-carousel .owl-carousel .item .circle {
  margin: 30px auto 21px auto;
}
.cards-carousel .owl-carousel .item .circle span {
  margin-top: 12px;
}
.cards-carousel .owl-carousel .item ul li {
  margin-bottom: 12px;
  overflow: hidden;
}
.cards-carousel .owl-carousel .item ul li i {
  font-size: 12px;
  display: inline-block;
  margin-right: 3px;
}
.cards-carousel .owl-carousel .item .jump-links {
  overflow: hidden;
  margin-bottom: 25px;
}
.cards-carousel .owl-carousel .item .jump-links .align-left {
  float: left;
}
.cards-carousel .owl-carousel .item .jump-links .align-right {
  float: right;
}
.cards-carousel .owl-carousel .item a {
  font-size: 12px;
  text-decoration: underline;
}
.cards-carousel.single-item {
  padding: 76px 0;
}
.cards-carousel.single-item .item {
  border: none;
  padding: 0;
}

nav.button-container {
  padding: 1.3em;
  margin-top: 30px;
}
nav.button-container.centered {
  text-align: center;
}

a.button.cta {
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
}
a.button.cta span {
  font-size: 64px;
}
a.button.small {
  font-size: 13px;
}
a.button.box {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 1.35em 3em;
  width: auto;
}

.caption .buttons a {
  padding: 1.2em;
}

.button-group {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.button-group div {
  display: table-row;
}
.button-group div button {
  display: table-cell;
  -webkit-appearance: button;
  width: auto;
  padding: 1.2em 6em;
  margin-right: 0;
  margin-left: 0;
}

.btn-mobile-cta {
  background: none;
  padding: 0;
  border: none;
  text-decoration: underline;
  width: 100%;
  display: inline;
}

.columns-layout h1 {
  max-width: none;
}
.columns-layout ul {
  *zoom: 1;
  max-width: 825px;
  margin: 0 auto;
}
.columns-layout ul:after {
  content: "";
  display: table;
  clear: both;
}
.columns-layout.big-circles ul {
  max-width: none;
}
.columns-layout.text-only ul .column p {
  font-size: 12px;
}
.columns-layout .column {
  float: left;
  width: 33%;
}
.columns-layout .column .content .title {
  max-width: none;
  font-size: 0.8em;
}
.columns-layout .column .content p {
  font-size: 12px;
}
.columns-layout .big-circle-column {
  float: left;
  width: 31.33%;
  margin: 0 1%;
}
.columns-layout .big-circle-column .item-info {
  position: relative;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
  border-radius: 500px;
  border: 1px solid #b3b3b3;
  overflow: hidden;
  background-clip: padding-box;
}
.columns-layout .big-circle-column .item-info img {
  max-width: 999em;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border: none;
}
.columns-layout .big-circle-column .item-info .upcomming {
  max-width: 100em;
  width: 47%;
  height: auto;
  margin: 0 auto;
  border: none;
  margin-top: 30px;
}
.columns-layout .big-circle-column .item-info .content {
  position: absolute;
  bottom: 0;
  height: 55%;
  width: 94%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAEUlEQVR4nGP6DwJMDCCASQIAh0sFBt5h/T0AAAAASUVORK5CYII=');
  background: white;
}
.columns-layout .big-circle-column .item-info .content .title {
  margin: 10px auto;
  margin-bottom: 4px;
}
.columns-layout .big-circle-column .item-info .content .content-wrapper {
  max-width: 98%;
  font-size: 12px;
  margin: 0 auto;
}
.columns-layout .big-circle-column .item-info .content .padding-left, .columns-layout .big-circle-column .item-info .content .padding-right {
  float: left;
  clear: left;
  display: block;
  height: 12px;
  width: 33px;
}
.columns-layout .big-circle-column .item-info .content .padding-left.padding-none, .columns-layout .big-circle-column .item-info .content .padding-right.padding-none {
  width: 0;
}
.columns-layout .big-circle-column .item-info .content .padding-left.padding-small, .columns-layout .big-circle-column .item-info .content .padding-right.padding-small {
  width: 7%;
}
.columns-layout .big-circle-column .item-info .content .padding-left.padding-medium, .columns-layout .big-circle-column .item-info .content .padding-right.padding-medium {
  width: 14%;
}
.columns-layout .big-circle-column .item-info .content .padding-left.padding-large, .columns-layout .big-circle-column .item-info .content .padding-right.padding-large {
  width: 22%;
}
.columns-layout .big-circle-column .item-info .content .padding-left.padding-extra, .columns-layout .big-circle-column .item-info .content .padding-right.padding-extra {
  width: 32%;
}
.columns-layout .big-circle-column .item-info .content .padding-right {
  float: right;
  clear: right;
}
.columns-layout .two-cols {
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  *zoom: 1;
}
.columns-layout .two-cols:after {
  content: "";
  display: table;
  clear: both;
}
.columns-layout .two-cols img {
  float: left;
  width: 50%;
}
.columns-layout .two-cols h4, .columns-layout .two-cols p {
  float: right;
  padding: 0 5%;
  width: 40%;
}
.columns-layout .two-cols h4 {
  padding-top: 77px;
  padding-bottom: 30px;
}
.columns-layout.inverted .two-cols img {
  float: right;
}
.columns-layout.inverted .two-cols h4, .columns-layout.inverted .two-cols p {
  float: left;
}

[data-component="upcoming-classes"].columns-layout .big-circle-column .item-info {
  min-height: 319px;
}

.v2 .limit-width {
  max-width: 800px;
}
.v2 .header-container h1 {
  font-size: 45px;
}
.v2 .connected-block .tootip-text {
  font-size: 13px;
  top: -140px;
  height: 100px;
  left: 10px;
}

.connected-code-block .narrow {
  width: 40%;
}
.connected-code-block .narrow fieldset {
  margin-bottom: 40px;
}
.connected-code-block .con-info-block .submitbtn {
  width: 50%;
  float: right;
}
.connected-code-block .con-info-block .cancelbtn {
  width: 50%;
}
.connected-code-block .header-container h1 {
  font-size: 45px;
}

.todo {
  color: #009ACD !important;
}
.todo::before {
  content: '*';
}
.todo::after {
  content: '*';
}

.info-block.narrow {
  width: 40%;
}

.info-block.half {
  width: 50%;
}

.presentation-table {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 4%;
}
.presentation-table .row [class*='col-'] .col-padding {
  padding-top: 64px;
  padding-bottom: 64px;
  min-height: 370px;
}

.settings-table {
  text-align: left;
}
.settings-table .row {
  text-align: left;
}
.settings-table .row h3 {
  text-align: left;
  padding-bottom: 16px;
}
.settings-table .row .col-1-2:nth-child(2) a {
  vertical-align: middle;
  display: inline;
  float: right;
  text-align: right;
  width: auto;
}
.settings-table .row .col-1-2:nth-child(2) .toggle {
  margin-top: 5%;
}

.three-points-table .row {
  padding-left: 4%;
  padding-right: 4%;
  max-width: 80%;
  margin: 0 auto;
  border: none;
}
.three-points-table .row [class*='col-'] .col-padding {
  width: auto;
  padding-left: 6%;
  padding-right: 6%;
  border: none;
}
.three-points-table h3 {
  color: #080808;
}

.circle {
  width: 75%;
  padding-bottom: 75%;
  -moz-border-radius: 75%;
  -webkit-border-radius: 75%;
  border-radius: 75%;
}

.bubbles-grid {
  margin-bottom: 4%;
}
.bubbles-grid li {
  width: 25%;
  box-sizing: border-box;
  padding: 2% 1%;
  display: inline-block;
  position: relative;
  margin-bottom: 0;
}
.bubbles-grid li img {
  width: 100%;
  margin-bottom: 7%;
}
.bubbles-grid li p a {
  display: block;
}

.pthorizontal {
  overflow: hidden;
  margin-top: 45px;
  border-bottom: #ddd 1px solid;
}
.pthorizontal.paragraph {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.pthorizontal ul > div {
  border-right: #ddd 1px solid;
  min-height: 500px;
}
.pthorizontal ul > div:last-child {
  border-right: none;
}
.pthorizontal ul .cards-carousel {
  float: left;
  width: 25%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.pthorizontal ul .cards-carousel .icon-left-arrow,
.pthorizontal ul .cards-carousel .icon-right-arrow {
  top: 21%;
}
.pthorizontal ul .article-hero {
  padding: 120px 20px 0 20px;
  float: left;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dtm-pt-science-based-results .module-3col-points h3.title {
  margin-bottom: 30px;
}
.dtm-pt-science-based-results .module-3col-points p {
  line-height: 20px;
}
.dtm-pt-science-based-results .module-3col-points .row [class*='col-'] {
  margin-bottom: 18px;
}
.dtm-pt-science-based-results .module-3col-points .row [class*='col-'] .col-padding {
  width: 80%;
}

/*
.pthorizontal ul {
  background:blue;
}

.pthorizontal .cards-carousel {
  float:left;
  width:25%;
  background:#ddd;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.pthorizontal .article-hero {
  float:left;
  width:50%;
  background: yellow;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

*/
.club-list ul {
  width: 80%;
  margin: 0 auto;
}
.club-list ul li {
  float: left;
  width: 49%;
  margin: 0 1% 1% 0;
}
.club-list ul li:nth-child(2n) {
  margin-right: 0;
}
.club-list ul li:nth-child(2n+3) {
  clear: left;
}

.club-location .club-detail {
  width: 60%;
  margin: 0 auto;
}
.club-location .club-detail.club-detail-region {
  width: 100%;
}
.club-location .club-detail.club-detail-region .buttons a {
  width: 100%;
}
.club-location .club-detail .club-title {
  font-size: 14px;
  letter-spacing: 1px;
}
.club-location .club-detail .club-hours {
  margin: 30px 0;
}
.club-location .club-detail .club-hours .period {
  margin: 6px 0;
}
.club-location .club-detail .club-hours .period.holiday span {
  float: none;
  display: block;
}
.club-location .club-detail .club-hours .period.holiday .labor-hours-container {
  text-align: center;
}
.club-location .club-detail .club-hours .period.holiday .labor-hours-container span {
  display: inline;
}
.club-location .club-detail .club-hours .period.holiday .labor-hours-container .day-name {
  float: none;
}
.club-location .club-detail .club-hours .period span {
  display: inline;
  float: right;
}
.club-location .club-detail .club-hours .period span.day-name {
  text-align: left;
  float: left;
}
.club-location .club-detail .classPdfLink {
  padding: 15px 0;
  display: block;
  text-decoration: underline;
}

.feature-block .feature-info.right-bottom {
  width: 414px;
  min-height: 180px;
  margin: 0 40px 80px 0;
  box-sizing: border-box;
}
.col-md-12 .feature-block .feature-info.right-bottom {
  margin-bottom: 40px;
}
.feature-block .feature-info {
  position: absolute;
  padding: 40px;
  right: 20px;
  bottom: 0;
  z-index: 99;
}
.feature-block .feature-info .button {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  letter-spacing: 2px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-bottom: 5px solid #000;
}
.feature-block .feature-info .title {
  margin-bottom: 18px;
}
.feature-info.right-bottom-overlapped, .feature-info.left-bottom-overlapped {
  margin-top: -30.5%;
}
.feature-block .feature-info.right-bottom-overlapped, .feature-block .feature-info.left-bottom-overlapped {
  padding: 40px;
}
.feature-block .feature-info.right-bottom-overlapped .description, .feature-block .feature-info.left-bottom-overlapped .description {
  width: 478px;
}
.feature-info.right-bottom-overlapped .service-hours dl dd {
  text-align: left;
}
.feature-info.left-bottom-overlapped {
  text-align: right;
}
.feature-info.left-bottom-overlapped .service-hours dl {
  float: right;
}
.feature-info.left-bottom-overlapped .service-hours dl dd {
  text-align: right;
}
.feature-info.left-bottom-overlapped .service-hours dl dt {
  float: left;
  text-align: left;
}
.feature-info.left-bottom-overlapped .description {
  float: right;
}
.feature-info.center-middle {
  width: 478px;
  height: 270px;
  margin: -135px -239px;
}
.feature-info.center-middle .description {
  display: block;
}
.feature-info .service-hours dl dt {
  float: left;
  text-align: left;
}
.feature-info .service-hours dl dd {
  clear: none;
  float: left;
  width: 160px;
}

.explore_membership_options {
  padding: 40px;
  min-height: 300px;
}
.explore_membership_options .button {
  left: 20px;
  right: 20px;
  bottom: 40px;
  position: absolute;
}
.explore_membership_options .description {
  min-height: 59px;
  padding-bottom: 80px;
}

.club-detail .module {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 40px;
}
.club-detail .module.dtm-club-module-header {
  margin-top: 93px;
}
.club-detail .module.dtm-club-module-header .module-header {
  margin-bottom: -7px;
}
.club-detail .weekly-class-count {
  width: 270px;
  float: right;
  margin-top: 6px;
}
.club-detail .weekly-class-count #category-id {
  margin-bottom: 0;
}
.club-detail .club-info .club-address .time-slot strong {
  display: block;
}
.club-detail .club-info .about-club {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
.club-detail .club-info .about-club p {
  margin-bottom: 25px;
}
.club-detail .club-info .club-highlights .desktop-mobile-view {
  display: none;
}
.club-detail .club-info .club-highlights .tablet-view {
  display: block;
}
.club-detail .club-info .club-highlights .tablet-view td {
  width: 151px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 16px;
  padding-right: 39px;
  letter-spacing: 2px;
  vertical-align: top;
  padding-bottom: 11px;
  text-transform: uppercase;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzMiA3OS4xNTkyODQsIDIwMTYvMDQvMTktMTM6MTM6NDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyRjg3RDlCQUJDRjExRTZCMERDOENFRjMxQ0MxRUQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyRjg3RDlDQUJDRjExRTZCMERDOENFRjMxQ0MxRUQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDJGODdEOTlBQkNGMTFFNkIwREM4Q0VGMzFDQzFFRDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDJGODdEOUFBQkNGMTFFNkIwREM4Q0VGMzFDQzFFRDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAIAAoDAREAAhEBAxEB/8QAXwABAQAAAAAAAAAAAAAAAAAACAkBAQAAAAAAAAAAAAAAAAAAAAAQAAAEAggHAAAAAAAAAAAAABQVFhcAGSETowQFJQcnZ9cYOGgpOREBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Aspre2Tra19eDozNl3ist5kQ6tb48vbLy2zrITsOHfdTUVwxa7ekkA+vdT4J9ifFD6CckbaA//9k=);
  background-repeat: no-repeat;
  background-position: left 6px;
}
.club-detail .upcoming-classes h4 {
  margin-bottom: 24px;
}
.club-detail .club-highlights {
  margin-bottom: 20px !important;
}
.club-detail .club-highlights ul {
  float: left;
  width: 167px;
  margin-right: 39px;
}
.club-detail .service-list ul {
  margin-bottom: 18px;
}

.three-column-open-html {
  margin-top: 30px;
}

.classSportsClub .upcoming-overlapping {
  margin-bottom: 40px;
}
.classSportsClub .feature-info.right-bottom-overlapped .description, .classSportsClub .feature-info.left-bottom-overlapped .description {
  line-height: 24px !important;
}
.classSportsClub .club-detail .module-header {
  letter-spacing: 4px;
}
.classSportsClub .explore_membership_options .header {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 5px;
}
.classSportsClub .feature-block .feature-info .header {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  letter-spacing: 5px !important;
}
.classSportsClub .feature-block .feature-info .title {
  font-size: 14px;
  margin-bottom: 10px;
}

.desktop-image, .hero-image-sports-club .rich-content header img.desktop-image,
.mobile-image,
.hero-image-sports-club .rich-content header img.mobile-image {
  display: none;
}

.tablet-image, .hero-image-sports-club .rich-content header img.tablet-image {
  display: block;
  background-size: cover;
  background-position: center top;
}

.social-module-footer,
.social-module-footer-copy {
  line-height: 24px;
  min-height: 110px;
  padding: 28px 0 27px;
}
.social-module-footer #follow,
.social-module-footer-copy #follow {
  font-size: 16px;
  margin-bottom: 11px;
}
.social-module-footer #eqx,
.social-module-footer-copy #eqx {
  font-size: 18px;
}
.social-module-footer .slash,
.social-module-footer-copy .slash {
  font-size: 18px;
}

.col-md-6 .feature-block, .col-md-9 .feature-block {
  margin-bottom: 40px;
}
.col-md-6 .feature-block.upcoming-event, .col-md-9 .feature-block.upcoming-event {
  margin-bottom: 0;
}
.feature-block.hero-image-sports-club .feature-info {
  right: 0;
  width: 710px;
  margin: 0 auto;
  background: none;
  position: relative;
  padding: 18px 0 26px;
}
.feature-block.hero-image-sports-club .feature-info .header {
  font-size: 50px;
  margin-bottom: 0;
  line-height: 50px;
  letter-spacing: 8px !important;
}
.feature-block.hero-image-sports-club .feature-info .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 3px;
  margin-bottom: 5px;
}

.upcoming-event .title {
  margin-bottom: 11px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.upcoming-event .header {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 2px;
  margin-bottom: 17px;
}
.upcoming-event .description {
  margin-bottom: 11px;
}
.upcoming-event .text-box {
  padding-left: 20px;
}
.upcoming-event .image-box {
  margin-bottom: 40px !important;
}
.upcoming-event .button {
  border-bottom: 5px solid #000 !important;
}
.upcoming-event .text-box {
  margin-bottom: 40px !important;
}

.holiday-hours strong {
  display: block;
}

.hero-image-sports-club {
  margin-bottom: 40px;
}
.classSportsClub .hero-image-sports-club {
  margin: 0;
}
.classSportsClub .hero-image-sports-club.carousel {
  margin: 40px !important;
}
.hero-image-sports-club .icon-right-arrow {
  font-size: 40px;
}
.hero-image-sports-club .icon-left-arrow {
  font-size: 40px;
}

.for-fitness-club {
  top: 38%;
}
.for-fitness-club .header {
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 6px;
}

.mob-tab-margin-bottom-20-40 {
  margin-bottom: 40px;
}

.summersweepstakes .about-summer-sweeps {
  margin-top: 60px;
}
.summersweepstakes .about-summer-sweeps h1 {
  font-size: 32px;
  line-height: 50px;
  margin-bottom: 54px;
  letter-spacing: 0.2em;
}
.summersweepstakes .about-summer-sweeps p {
  font-size: 18px;
  margin-bottom: 132px;
}
.summersweepstakes .feature-info .header {
  text-align: left;
}
.summersweepstakes .feature-info p {
  font-size: 16px;
  line-height: 25px;
}
.summersweepstakes .feature-info .button {
  width: 248px;
}
.summersweepstakes .feature-info li {
  font-size: 16px;
}
.summersweepstakes .feature-info label {
  font-size: 16px;
}
.summersweepstakes .feature-info.right-bottom-overlapped {
  margin-top: -30.5%;
}
.summersweepstakes .winnerPrizes {
  margin-top: 114px;
  margin-bottom: 126px;
}
.summersweepstakes .winnerPrizes li {
  font-size: 16px;
}
.summersweepstakes .winnerPrizes p {
  font-size: 18px;
}

.select-wrapper {
  font-size: 28px;
}
.select-wrapper.white {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 0;
  margin: 0 auto;
  margin-top: -12px;
  margin-top: -5px;
  padding-bottom: 6px;
}
.select-wrapper.white .option:after {
  position: static;
}

.schedule-visit .content-wrapper {
  padding: 0;
}
.schedule-visit .content-wrapper .select-wrapper .option {
  font-size: 30px;
}
.schedule-visit .content-wrapper div, .schedule-visit .content-wrapper input {
  font-size: 30px;
}
.schedule-visit .content-wrapper input {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: #1a1a1a;
  color: #fff;
  border: none;
  font-size: 30px;
  width: 130px;
  min-width: 0;
  padding: 10px 20px;
  text-align: left;
}
.schedule-visit .content-wrapper input.error {
  border-color: red;
}
.schedule-visit .content-wrapper div {
  margin: 0;
}
.schedule-visit .content-wrapper div small {
  font-size: 0.5em;
}
.schedule-visit .content-wrapper div > span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 10px 0;
}
.schedule-visit .content-wrapper div > span.select-wrapper {
  margin-top: 6px;
  margin-bottom: 0px;
}
.schedule-visit .content-wrapper .contact small {
  margin-top: 60px;
}
.schedule-visit .content-wrapper .contact input {
  min-width: 310px;
}
.schedule-visit .content-wrapper .contact input.email {
  width: 249px;
}
.schedule-visit .content-wrapper .contact input.phone {
  width: 285px;
}

.nearest-club {
  margin-top: 0;
}
.nearest-club .nearest-map #map {
  min-height: 500px;
}
.nearest-club .nearest-map header h3 {
  margin-top: -180px;
}
.nearest-club .nearest-map header h2 {
  margin-top: -20px;
}
.nearest-club .nearest-map .pin {
  bottom: 78px;
}
.nearest-club .nearest-map nav.buttons-container {
  position: absolute;
  z-index: 2;
  bottom: 1px;
  left: 50%;
  margin-right: -50%;
}
.nearest-club .nearest-map nav.buttons-container a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: auto;
  float: none;
  border: none;
  margin: 0 -2px;
  padding: 1.2em 1.5em;
  position: relative;
  left: -50%;
}

.tabs-container {
  border-bottom: 1px solid #b8b8b8;
}
.tabs-container .tabs-navigation {
  display: block;
  position: relative;
  z-index: 2;
}
.tabs-container .tabs-navigation ul {
  border-bottom: 1px solid #b8b8b8;
  padding: 0 10px;
  text-align: center;
}
.tabs-container .tabs-navigation ul li {
  display: inline-block;
  max-width: 120px;
  padding-left: 1.6em;
}
@media (min-width: 1023px) {
  .tabs-container .tabs-navigation ul li {
    max-width: 230px;
  }
}
.tabs-container .tabs-navigation ul li a.button.tab-trigger {
  border: 0;
  color: #b8b8b8;
  padding-left: 0;
  padding-right: 0;
}
.tabs-container .tabs-navigation ul li a.button.tab-trigger:after {
  border-color: #b8b8b8;
}
.tabs-container .tabs-navigation ul li a.button.tab-trigger.active {
  color: #080808;
}
.tabs-container .tabs-navigation ul li:first-child {
  padding-left: 0;
}
.tabs-container .tabs-content-wrapper {
  position: relative;
  z-index: 1;
}
.tabs-container .tabs-content-wrapper .fading {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.tabs-container .tab {
  background: #fff;
}
.tabs-container .tab > .two-cols {
  padding: 0;
}

.two-cols {
  *zoom: 1;
}
.two-cols:after {
  content: "";
  display: table;
  clear: both;
}
.two-cols .caption {
  float: left;
  padding: 40px 5% 0;
  width: 40%;
}
.two-cols .caption h4 {
  display: block;
  font-weight: normal;
  letter-spacing: 0.2em;
  margin: 0 0 1em;
}
.two-cols .caption hr {
  margin: 20px auto;
  width: 75px;
}
.two-cols p {
  font-size: 12px;
}
.two-cols .carousel {
  float: left;
  min-height: 0;
  padding-left: 5%;
  padding-right: 5%;
  width: 40%;
}
.two-cols .rounded {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-radius: 0px;
  float: right;
  height: auto;
  margin: 0;
  width: 50%;
}

.simple-tabs-container {
  margin: 0 auto 50px;
  width: 520px;
}
.simple-tabs-container p {
  font-size: 12px;
}
.simple-tabs-container .tabs-container {
  border: 0;
  overflow: hidden;
}
.simple-tabs-container .tabs-container .tabs-navigation ul {
  border: 0;
  margin: 0 0 0 -110px;
  padding: 0;
  width: 740px;
}
.simple-tabs-container .tabs-container .tabs-navigation ul a.button.tab-trigger {
  font-size: 14px;
  letter-spacing: 0;
  padding: 0.8em 0.8em 0;
}
.simple-tabs-container .tabs-container .tabs-content-wrapper {
  *zoom: 1;
  width: 1000%;
}
.simple-tabs-container .tabs-container .tabs-content-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.simple-tabs-container .tabs-container .tabs-content-wrapper .tab {
  width: 10%;
}
.simple-tabs-container .tabs-container .tab {
  float: left;
}
.simple-tabs-container .tabs-container a.button.tab-trigger.active:after {
  display: none;
}

.tabs-simple > .tabs-content > div[class*='tab-'] {
  display: block;
}

.select-club-tabs:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.select-club-tabs > .tabs-content {
  height: 300px;
}
.select-club-tabs > .tabs-content > div[class*='tab-1'] {
  display: none;
}
.select-club-tabs > .tabs-content .tab-2 {
  display: block;
}
.select-club-tabs > .tabs-content .tab-2 .half-col {
  float: left;
  width: 50%;
  position: relative;
}
.select-club-tabs > .tabs-content .tab-2 .half-col .map-container {
  width: 100%;
  height: 300px;
}
.select-club-tabs > .tabs-content .tab-2 .club-finder-select-location {
  display: block;
}

.nearme {
  *zoom: 1;
  padding: 0;
  position: relative;
}
.nearme:after {
  content: "";
  display: table;
  clear: both;
}
.nearme > div {
  padding-top: 60px;
  padding-bottom: 60px;
}
.nearme > div h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-top: 0;
}
.nearme > div p {
  font-size: 30px;
}
.nearme .club-information .wrapper .buttons a {
  width: auto;
}
.nearme .club-finder-widget h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.nearme .map-container {
  background: #333;
  bottom: 0;
  display: block;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}
.nearme.nearme-classes .left {
  float: right;
  padding-top: 40px;
  padding-bottom: 40px;
}
.nearme.nearme-classes .map-container {
  right: auto;
  left: 0;
}

.paragraph {
  padding: 0 10px;
}
.paragraph img {
  width: 130px;
  height: 130px;
  border-top-left-radius: 300px;
  border-top-right-radius: 300px;
  border-bottom-left-radius: 300px;
  border-bottom-right-radius: 300px;
  border-radius: 300px;
}
.paragraph p {
  letter-spacing: 2px;
  margin: 0 auto;
  max-width: 90%;
  font-size: 14px;
}

.page .module:first-child + .tpl-textcallout .paragraph p {
  max-width: 80%;
}

.paragraph-block {
  position: relative;
  padding-top: 0;
  margin-top: 70px;
}
.paragraph-block h2 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: none;
  margin: 0 auto;
  padding: 30px 20%;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.paragraph-block.image h2 {
  position: relative;
  z-index: 1;
  border: none;
}
.paragraph-block.image .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.article-list {
  *zoom: 1;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}
.article-list:after {
  content: "";
  display: table;
  clear: both;
}
.article-list .post-info-container {
  width: 50%;
}
.article-list .post-info-container .posts-info {
  border-right: 1px solid #b2b2b2;
}
.article-list .post-info-container .posts-info p {
  font-size: 12px;
  letter-spacing: 1px;
}
.article-list > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  min-height: 380px;
  border: none;
}
.article-list .articles {
  *zoom: 1;
  border: none;
}
.article-list .articles:after {
  content: "";
  display: table;
  clear: both;
}
.article-list .articles article {
  float: left;
  width: 50%;
}
.article-list .articles article .cover, .article-list .articles article .info {
  float: none;
  width: 100%;
}
.article-list .articles article .info {
  width: 90%;
}
.article-list .articles article .cover, .article-list .articles article .cover:first-child {
  position: relative;
}
.article-list .articles article .cover:before, .article-list .articles article .cover:first-child:before {
  z-index: 100;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 18px solid #fff;
  content: "";
  display: block;
  height: 0;
  width: 0;
  left: 10%;
  margin: -9px 0 0 -9px;
  position: absolute;
  bottom: 0;
}
.article-list .articles article span, .article-list .articles article h6, .article-list .articles article p {
  font-size: 12px;
  max-width: 90%;
}
.article-list .articles article span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #666;
  margin-bottom: 5px;
}
.article-list .articles article p {
  display: block;
  margin: 10px 0;
  letter-spacing: 1px;
}

.module.dtm-pt-inventory-training-qblog-3-column {
  margin-top: -45px;
}

.carousel-hero {
  color: #fff;
  position: relative;
  background: none;
  margin-top: 0;
  overflow: auto;
  height: auto;
}
.carousel-hero .cards-carousel {
  margin-bottom: 25px;
}
.carousel-hero .contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.carousel-hero .contents > div {
  padding: 40px 20px;
  position: relative;
}
.carousel-hero .contents > div h1 {
  font-size: 45px;
  font-weight: 100;
  letter-spacing: 10px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
  padding-top: 0;
}
.carousel-hero .contents > div h3 {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 65px;
}
.carousel-hero .contents > div .hero-cta {
  margin-bottom: 0;
}
.carousel-hero .contents > div .lnk-tr {
  position: absolute;
  top: 40px;
  right: 46px;
  text-decoration: underline;
  font-size: 12px;
}
.carousel-hero .paragraph .button-container {
  border-top: none;
  padding: 0;
  margin-top: 0px;
}

.region-list ul {
  max-width: 640px;
}
.region-list ul li {
  margin: 20px;
}

.html-callout {
  padding: 0px;
}

form {
  padding: 0;
}
form > p, form > h6 {
  text-align: center;
}
form.simple-form {
  color: #fff;
  margin-top: 20px;
}
form.simple-form.spa-member-upgrade input[type=text] {
  text-align: left;
  color: #fff;
}
form.simple-form input {
  color: #fff;
  border-color: #fff;
}
form.simple-form .checkbox-replacement {
  border: 2px solid #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
form .form-section {
  margin-top: 40px;
}
form.large, form .large {
  max-width: 820px;
}
form.large .title, form .large .title {
  font-size: 24px;
}
form.large fieldset, form .large fieldset {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 10px;
}
form.large fieldset.full, form .large fieldset.full {
  width: 100%;
}
form.large fieldset.three-quarter, form .large fieldset.three-quarter {
  width: 35%;
}
form.large fieldset.half, form .large fieldset.half {
  width: 25%;
}
form.large fieldset.half-medium, form .large fieldset.half-medium {
  width: 25%;
}
form.large fieldset.quarter, form .large fieldset.quarter {
  width: 15%;
}

.extra {
  color: #fff;
}
.extra a {
  color: #fff;
}

.checkbox.small .checkbox-replacement {
  border: 2px solid rgba(255, 255, 255, 0.5);
  height: 15px;
  margin-top: 2px;
  width: 15px;
}
.checkbox.small .checkbox-replacement:before {
  font-size: 38px;
  left: -10px;
  top: -7px;
}
.checkbox.small .span {
  font-size: 14px;
}

.radio {
  margin: 0 0 30px;
}
.radio .radio-replacement {
  border-color: #fff;
  height: 20px;
  top: 6px;
  width: 20px;
}
.radio .radio-replacement:after {
  height: 8px;
  left: 6px;
  top: 6px;
  width: 8px;
}
.radio .label {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 4px;
}

form.forms-spa fieldset.narrow-fieldset {
  width: 66%;
  margin: 0 auto;
  float: none;
}
form.forms-spa fieldset.narrow-fieldset ul {
  display: block;
  text-align: center;
}
form.forms-spa fieldset.address-fields > div {
  overflow: hidden;
}
form.forms-spa fieldset.address-fields > div > div {
  width: 48.5%;
  float: left;
  margin-right: 3%;
}
form.forms-spa fieldset.address-fields > div > div:last-child {
  margin-right: 0;
}
form.forms-spa fieldset.creditcard-fields > div {
  overflow: hidden;
}
form.forms-spa fieldset.creditcard-fields > div > div {
  margin-right: 3%;
  float: left;
}
form.forms-spa fieldset.creditcard-fields > div > div:nth-child(1) {
  width: 48.5%;
}
form.forms-spa fieldset.creditcard-fields > div > div:nth-child(2) {
  width: 25%;
}
form.forms-spa fieldset.creditcard-fields > div > div:nth-child(3) {
  width: 22%;
  margin-left: -13px;
  margin-right: 0;
}
form.forms-spa fieldset.location-fields > div {
  overflow: hidden;
}
form.forms-spa fieldset.location-fields > div > div {
  margin-right: 3%;
  float: left;
}
form.forms-spa fieldset.location-fields > div > div:nth-child(1) {
  width: 39%;
}
form.forms-spa fieldset.location-fields > div > div:nth-child(2), form.forms-spa fieldset.location-fields > div div:nth-child(3), form.forms-spa fieldset.location-fields > div div:nth-child(4) {
  width: 26%;
}
form.forms-spa fieldset.location-fields > div > div:nth-child(5) {
  width: 35%;
}
form.forms-spa fieldset.location-fields > div > div:last-child {
  margin-right: 0;
}
form.forms-spa fieldset.phone-fields label {
  padding-left: 4px;
}
form.forms-spa fieldset.phone-fields > div {
  overflow: hidden;
}
form.forms-spa fieldset.phone-fields > div > div {
  width: 29%;
  margin-right: 3%;
  float: left;
}
form.forms-spa fieldset.phone-fields > div > div:first-child {
  width: 33%;
}
form.forms-spa fieldset.phone-fields > div > div:last-child {
  margin-right: 0;
}
form.forms-spa fieldset.date-fields {
  width: 100%;
  overflow: hidden;
  margin-top: -4px;
  margin-left: 1px;
  padding-left: 0;
  padding-right: 0;
}
form.forms-spa fieldset.date-fields > .fancy-select {
  float: left;
  padding: 0;
  margin-right: -1px;
}
form.forms-spa fieldset.date-fields > .fancy-select.date {
  width: 18%;
}
form.forms-spa fieldset.date-fields > .fancy-select.month {
  width: 36%;
}
form.forms-spa fieldset.date-fields > .fancy-select.year {
  width: 46.4%;
}
form.forms-spa fieldset.weight-field .weight-unit {
  padding-top: 40px;
  padding-left: 10px;
}
form.forms-spa fieldset.agreement-field > div > div > div {
  text-align: center;
  display: block;
}
form.forms-spa h3 {
  margin-bottom: 1.2em;
  font-weight: 200;
}
form.forms-spa .button-group {
  display: table;
  margin: 0 auto;
  text-align: center;
}
form.forms-spa .button-group div {
  display: table-row;
}
form.forms-spa .button-group div button {
  display: table-cell;
  -webkit-appearance: button;
  width: auto;
  padding: 1.2em 6em;
  margin-right: 0;
  margin-left: 0;
}

.billing-overlay .popup {
  max-width: 400px;
}

.subtitle-module h2 {
  font-size: 22px;
}
.subtitle-module h2.rich-content-title span {
  font-size: 1.4em;
}
.subtitle-module p.subtitle-body {
  font-size: 1em;
}

.subtitle-message p {
  color: #fff;
}

.membership-list {
  margin: 0;
  padding: 0;
}
.membership-list .membership-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.membership-list .membership-container.closed .membership-tab:after {
  content: "+";
  top: 20%;
}
.membership-list .membership-container.closed .membership-tier {
  height: auto;
}
.membership-list .membership-tier {
  height: auto;
  padding: 0;
  overflow: hidden;
  border-top: 1px solid white;
}
.membership-list .membership-tier .border-wrapper {
  padding-top: 35px;
}
.membership-list .membership-tier .membership-info {
  height: 340px;
  min-height: 340px;
  display: table;
  width: 100%;
}
.membership-list .membership-tier .membership-info .middle-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.membership-list .membership-tier small, .membership-list .membership-tier h3, .membership-list .membership-tier .description {
  max-width: 280px;
  margin: 0 auto;
}
.membership-list .membership-tier small {
  margin-bottom: 20px;
}
.membership-list .membership-tier h3 {
  font-size: 32px;
  margin-bottom: 0.8em;
}
.membership-list .membership-tier .description {
  font-size: 14px;
  line-height: 20px;
  max-width: 80%;
}
.membership-list .membership-tier hr {
  border-top: 1px solid white;
  margin: 32px 0;
}
.membership-list .membership-tier .membership-price {
  font-size: 16px;
}
.membership-list .membership-tier .membership-price strong {
  font-size: 26px;
  letter-spacing: 2px;
}
.membership-list .membership-tier .total {
  max-height: 100px;
  max-width: 240px;
  margin: 40px auto;
}
.membership-list .membership-tier a.button {
  display: block;
  max-width: 180px;
  padding: 1.5em;
  margin: 40px auto;
}
.membership-list.col-2 .membership-container, .membership-list.col-4 .membership-container {
  float: left;
  width: 50%;
}
.membership-list.col-2 .membership-container .border-wrapper, .membership-list.col-4 .membership-container .border-wrapper {
  border-right: 1px solid white;
}
.membership-list.col-2 .membership-container + .membership-container .border-wrapper, .membership-list.col-4 .membership-container + .membership-container .border-wrapper {
  border: none;
}
.membership-list.col-3 .membership-container {
  float: left;
  width: 33.3%;
}
.membership-list.col-3 .membership-container .border-wrapper {
  border-right: 1px solid white;
}
.membership-list.col-3 .membership-container:last-child .border-wrapper {
  border: none;
}
.membership-list.col-4 .membership-container:nth-child(odd) .border-wrapper {
  border-right: 1px solid white;
}

.membership-total {
  overflow: hidden;
}
.membership-total .border-wrapper {
  border: 1px solid white;
  border-left: none;
  border-right: none;
}
.membership-total .border-wrapper:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.membership-total .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  min-height: 436px;
  border: none;
}
.membership-total .col + .col {
  border-left: 1px solid white;
}
.membership-total small, .membership-total h3 {
  max-width: 280px;
  margin: 0 auto;
}
.membership-total small {
  margin-bottom: 20px;
}
.membership-total h3 {
  font-size: 32px;
  margin-bottom: 0.9em;
}
.membership-total .club-info {
  display: block;
  margin-top: 20px;
  font-size: 13px;
  letter-spacing: 2px;
}
.membership-total .club-info span {
  display: block;
  text-align: center;
}
.membership-total .club-info a {
  color: white;
  text-decoration: underline;
}
.membership-total .due-total .cta {
  margin-bottom: 0;
}
.membership-total .total {
  max-width: 240px;
  margin: 40px auto;
  margin-top: 20px;
}
.membership-total a.button {
  display: block;
  max-width: 180px;
  padding: 1.5em;
  margin: 40px auto;
}
.membership-total a.purchase {
  clear: both;
  max-width: 280px;
}

/* Share module medium */
.main-social-icons li a:before {
  font-size: 26px;
}

.page.image .main-social-icons li a {
  border: 1px solid #fff;
  color: #fff;
}
.page.image .main-social-icons li a:hover {
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
}

.range-selection {
  margin: 30px auto;
  width: 520px;
}
.range-selection .track-wrapper {
  margin-bottom: 100px;
  padding: 20px 0;
}
.range-selection .track {
  height: 4px;
}
.range-selection .thumb {
  border-radius: 30px;
  height: 30px;
  top: -8px;
  width: 30px;
}
.range-selection .track-shadow {
  min-width: 30px;
  top: -150%;
}
.range-selection .reference {
  border-radius: 30px;
  height: 13px;
  top: -4px;
  width: 13px;
}
.range-selection .caption {
  display: block;
}

.class-module {
  padding: 35px 33px;
  position: relative;
}
.class-module .prev-class {
  left: 27px;
  top: 282px;
}
.class-module .prev-class span:before {
  font-size: 30px;
}
.class-module .next-class {
  right: 27px;
  top: 282px;
}
.class-module .next-class span:before {
  font-size: 30px;
}
.class-module p {
  font-size: 11px;
  margin-bottom: 53px;
}
.class-module .rounded {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  width: 96px;
  height: 96px;
  margin-bottom: 18px;
}
.class-module .rounded > span {
  padding: 40px 0;
}
.class-module .class-detail li {
  font-size: 11px;
  line-height: 20px;
}
.class-module .class-detail li.big-font {
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 7px;
}
.class-module .class-detail li.medium-font {
  font-size: 12px;
  letter-spacing: 2px;
}
.class-module .class-detail li.small-font {
  font-size: 11px;
}
.class-module .underlined-small-link {
  display: inline-block;
}
.class-module .owl-carousel {
  margin-left: auto;
  margin-right: auto;
}

.confirmation-message-module {
  margin-top: 48px;
  color: #fff;
  padding: 0 15%;
}
.confirmation-message-module .confirmation-message-container {
  color: #fff;
}
.confirmation-message-module nav a {
  border-color: #fff;
}

.uiwebview .password-recover-confirmation .button-container {
  display: none;
}

.member-callout {
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-top: 48px;
  padding: 0 10%;
}

.forgotuser form fieldset .dropdown {
  border: solid 1px #fff;
}
.forgotuser form fieldset .dropdown .option {
  color: #fff;
}

.start .subtitle-module {
  color: #fff;
}
.start form fieldset .dropdown {
  border: solid 1px #fff;
}
.start form fieldset .dropdown .option {
  color: #fff;
}

.classes-filter h2 {
  font-size: 50px;
}
.classes-filter .sub-header {
  position: absolute;
  top: 40px;
  right: 20px;
}
.classes-filter .sub-header a {
  font-size: 12px;
  text-align: right;
  margin-bottom: 5px;
  display: block;
}
.classes-filter .filters {
  font-size: 0;
}
.classes-filter .filters > li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  border-left: 5px solid #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.classes-filter .filters > li:first-child {
  border: 0;
}
.classes-filter .filters li ul {
  margin-top: -4px;
}
.classes-filter .filters li .autocomplete {
  padding: 16px;
  margin-bottom: 0;
}
.classes-filter .added-filters li {
  display: inline-block;
  margin: 5px 5px 0 0;
}
.classes-filter .added-filters li span {
  font-size: 14px;
  text-decoration: underline;
}
.classes-filter .filter-edit {
  display: block !important;
}

.class-schedule-component .class-strike-container,
.bike-classes-component .class-strike-container {
  position: relative;
}
.class-schedule-component .class-strike-container .class-strike,
.bike-classes-component .class-strike-container .class-strike {
  padding: 0.5%;
  color: white;
  text-align: center;
  font-size: large;
}
.class-schedule-component .class-strike-container .class-strike .rules-anchor,
.bike-classes-component .class-strike-container .class-strike .rules-anchor {
  color: white;
  text-decoration: underline;
}
.class-schedule-component .class-strike-container .class-strike p,
.bike-classes-component .class-strike-container .class-strike p {
  margin: 0 0 0.1em;
  padding-right: 0%;
}
.class-schedule-component .class-strike-container .class-strike.warning,
.bike-classes-component .class-strike-container .class-strike.warning {
  background-color: #FDBF12;
}
.class-schedule-component .class-strike-container .class-strike.danger,
.bike-classes-component .class-strike-container .class-strike.danger {
  background-color: #ED1F23;
}
.class-schedule-component .class-strike-container .class-strike .icon-close-slim,
.bike-classes-component .class-strike-container .class-strike .icon-close-slim {
  color: white;
  position: absolute;
  right: 2%;
  top: 40%;
}
.class-schedule-component .classes-calendar .calendar-list-container,
.bike-classes-component .classes-calendar .calendar-list-container {
  height: auto;
}
.class-schedule-component .classes-calendar .calendar-info-container,
.bike-classes-component .classes-calendar .calendar-info-container {
  text-align: center;
  font-size: 12px;
}
.class-schedule-component .classes-calendar ul li:nth-child(2) p, .class-schedule-component .classes-calendar ul li:nth-child(3) p, .class-schedule-component .classes-calendar ul li:nth-child(4) p, .class-schedule-component .classes-calendar ul li:nth-child(5) p, .class-schedule-component .classes-calendar ul li:nth-child(6) p, .class-schedule-component .classes-calendar ul li:nth-child(7) p,
.bike-classes-component .classes-calendar ul li:nth-child(2) p,
.bike-classes-component .classes-calendar ul li:nth-child(3) p,
.bike-classes-component .classes-calendar ul li:nth-child(4) p,
.bike-classes-component .classes-calendar ul li:nth-child(5) p,
.bike-classes-component .classes-calendar ul li:nth-child(6) p,
.bike-classes-component .classes-calendar ul li:nth-child(7) p {
  color: rgba(0, 0, 0, 0.5);
}
.class-schedule-component .classes-calendar ul li a.current p, .class-schedule-component .classes-calendar ul li a.current small,
.bike-classes-component .classes-calendar ul li a.current p,
.bike-classes-component .classes-calendar ul li a.current small {
  color: #000;
}

.classes-calendar {
  padding: 12px 0;
}
.classes-calendar .calendar-list-container {
  height: 90px;
  display: table;
  margin: 0 auto;
  position: relative;
}
.classes-calendar ul {
  background-color: transparent;
  padding: 0 40px;
}
.classes-calendar ul li {
  position: relative;
  float: left;
}
.classes-calendar ul li a {
  background: none;
  width: auto;
  margin: 0 5px;
}
.classes-calendar ul li a p {
  font-size: 14px;
}
.classes-calendar ul li a p, .classes-calendar ul li a small {
  color: rgba(0, 0, 0, 0.5);
}
.classes-calendar ul li a small {
  margin-top: 12px;
}
.classes-calendar ul li a.current {
  width: auto;
}
.classes-calendar ul li a.current small {
  color: #acacac;
}
.classes-calendar ul li a.current p {
  color: #333333;
}
.classes-calendar ul li a:after {
  display: none;
}
.classes-calendar ul li .classes-timeline {
  display: block;
  height: 4px;
  position: absolute;
  bottom: -5px;
  width: 100%;
  background: #d7d7d7;
}
.classes-calendar ul li:first-child p {
  color: rgba(0, 0, 0, 0.5);
}
.classes-calendar ul li:first-child .classes-timeline.current:before {
  background-color: #fff;
  border: 1px solid #acacac;
}
.classes-calendar ul li:first-child .classes-timeline:before {
  content: '';
  width: 9px;
  height: 9px;
  background-color: #000;
  border: 1px solid #000;
  margin: -2px auto 0;
  position: relative;
  z-index: 10;
  display: block;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.classes-calendar ul li:first-child .classes-timeline:after {
  content: " ";
  position: absolute;
  background: #494949;
  height: 4px;
  width: 50%;
  top: 50%;
  right: 0;
  margin-top: -2px;
}
.classes-calendar ul li:nth-child(2) p {
  color: rgba(0, 0, 0, 0.5);
}
.classes-calendar ul li:nth-child(2) .classes-timeline {
  background: #494949;
}
.classes-calendar ul li:nth-child(3) p {
  color: rgba(0, 0, 0, 0.5);
}
.classes-calendar ul li:nth-child(3) .classes-timeline.current:before {
  background-color: #fff;
  border: 1px solid #acacac;
}
.classes-calendar ul li:nth-child(3) .classes-timeline:before {
  content: '';
  width: 9px;
  height: 9px;
  background-color: #000;
  border: 1px solid #000;
  margin: -2px auto 0;
  position: relative;
  z-index: 10;
  display: block;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.classes-calendar ul li:nth-child(3) .classes-timeline:after {
  content: " ";
  position: absolute;
  background: #494949;
  height: 4px;
  width: 50%;
  top: 50%;
  left: 0;
  margin-top: -2px;
}
.classes-calendar .nav-arrows {
  width: 100%;
  height: 0px;
  position: static;
  background: transparent;
  color: black;
}
.classes-calendar .nav-arrows .icon-left-arrow {
  left: 10px;
}
.classes-calendar .nav-arrows .icon-right-arrow {
  right: 10px;
}

.left-right-module.black-background {
  background: #000;
}
.left-right-module.black-background .separator-title-container {
  border-bottom: 0;
  padding: 41px 0;
}
.left-right-module.black-background .separator-title-container h3 {
  color: #fff;
  font-size: 24px;
}
.left-right-module .separator-title-container {
  display: block;
  padding: 47px 0;
}
.left-right-module .separator-title-container h3 {
  margin: 0;
  font-size: 27px;
}
.left-right-module .columnsContainer.no-overflow {
  overflow: hidden;
}
.left-right-module .columnsContainer .leftColumn {
  float: left;
  width: 50%;
}
.left-right-module .columnsContainer .leftColumn.one-third {
  width: 50%;
}
.left-right-module .columnsContainer .rightColumn {
  clear: both;
  display: inline-block;
  width: 50%;
}
.left-right-module .columnsContainer .rightColumn.two-third {
  width: 50%;
}
.left-right-module .columnsContainer.collapsable {
  position: relative;
  overflow: hidden;
}
.left-right-module .columnsContainer.collapsable > li.rightColumn {
  height: 100%;
}
.left-right-module .columnsContainer.collapsable > li.rightColumn > div {
  height: 100%;
}
.left-right-module .columnsContainer.collapsable .column {
  -moz-transition: -moz-transform 1s ease;
  -o-transition: -o-transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
}
.left-right-module .columnsContainer.collapsable .column.rightColumn {
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  z-index: 10;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.left-right-module .columnsContainer.collapsable .column.leftColumn {
  width: 100%;
}
.left-right-module .columnsContainer.collapsable.expanded .column.rightColumn {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.offer-hero {
  padding: 90px 40px 70px 40px;
  color: #fff;
}
.offer-hero .h1, .offer-hero h1 {
  font-size: 45px;
}
.offer-hero p {
  max-width: 40%;
  margin-bottom: 4.4%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: none;
}
.offer-hero section {
  background: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.offer-hero section .sub-links {
  margin-top: 8px;
}
.offer-hero section .sub-links a {
  color: #fff;
}

.classes-list {
  background-color: #efefef;
  overflow: hidden;
}
.classes-list * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.classes-list .toggle-day, .classes-list .day-dates {
  display: block;
}
.classes-list .toggle-day {
  border-top: 2px solid #efefef;
  background-color: #fff;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.12px;
}
.classes-list .toggle-day span {
  margin-left: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.classes-list .day-dates {
  border: 1px solid #d9d9d9;
  text-transform: uppercase;
}
.classes-list .day-dates:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.classes-list .day-dates p {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.classes-list .day-dates span {
  font-size: 12px;
}
.classes-list .day-dates.fixedNav2 {
  position: fixed;
  width: 100%;
  top: 130px;
  z-index: 1;
  transition: position 0.3s;
}
.classes-list .day-dates li {
  display: none;
  background-color: #efefef;
  border-top: 0;
  float: left;
  width: 33.33%;
  padding: 12px 0;
}
.classes-list .day-dates li.current-day {
  background-color: #7c878e;
  color: #fff;
}
.classes-list .day-dates li.current-day div {
  border: 0;
}
.classes-list .day-dates li div {
  border-left: 1px solid #dedede;
  padding: 0 27px;
}
.classes-list .day-dates li:nth-child(-n+3) {
  display: block;
}
.classes-list .classes-day-container {
  height: 50px;
  overflow: hidden;
}
.classes-list .classes-day-container.active {
  height: auto;
}
.classes-list .classes-day-container .classes-day:nth-of-type(4), .classes-list .classes-day-container .classes-day:nth-of-type(5), .classes-list .classes-day-container .classes-day:nth-of-type(6), .classes-list .classes-day-container .classes-day:nth-of-type(7) {
  display: none;
}
.classes-list .classes-day-container .classes-day:first-child {
  border-left: 6px solid #fff;
}
.classes-list .classes-day-container:last-of-type {
  border-bottom: 2px solid #efefef;
}
.classes-list .classes-day {
  float: left;
  width: 33.33%;
  min-height: 1px;
  border-left: 6px solid #efefef;
  display: block;
}
.classes-list .classes-day li {
  border-top: 2px solid #efefef;
}
.classes-list .classes-day li .wrapper .availability p {
  width: 38px;
  height: 38px;
  line-height: 38px;
}
.classes-list .classes-day li .wrapper .class-info {
  width: 100%;
  padding-left: 60px;
}
.classes-list .classes-day li .wrapper .class-info h2 {
  font-size: 11px;
  letter-spacing: .88px;
}
.classes-list .classes-day li .wrapper .class-info p {
  margin: 3px 0;
}
.classes-list .classes-day li .wrapper .class-info p:before {
  display: none;
}
.classes-list .print-button {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  display: table;
  margin: 20px auto;
}
.classes-list .print-button:before {
  font-size: 18px;
  margin-right: 10px;
  vertical-align: middle;
}
.classes-list li .wrapper .add-to-calendar .grey-popup p {
  font-size: 11px;
}
.classes-list li .wrapper .class-info-hit-state {
  width: 90%;
  margin-top: 5%;
}

.group-title h2 {
  font-size: 30px;
  margin: 45px auto;
}
.group-title h2 span {
  letter-spacing: 3px;
}
.group-title h2 small {
  font-size: 14px;
  width: 100%;
  margin: 25px auto 0;
}

.group-options {
  background-color: #000;
  position: relative;
  margin-top: -2px;
}
.group-options .options {
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
.group-options .options a {
  padding: 5px 0 5px 40px;
}
.group-options .options a span {
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 12px;
  font-weight: 400;
  color: #FFF;
}
.group-options .options a span:before {
  padding-right: 14px;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.group-options .options a:first-child {
  padding: 5px 40px 5px 0;
  border-right: 1px solid #404040;
}

.group-grid .col-1-2 {
  width: 50%;
}
.group-grid .is-tablet.is-desktop > .col-3-5 > .col-1:last-child {
  margin-top: -2px;
}
.group-grid .new-from-eq > a label {
  font-size: 24px;
}

.grid-active .close {
  top: 15px;
}

.quilt-overlay {
  background-color: transparent;
  height: 50%;
  top: 0;
  left: 0;
}
.quilt-overlay.active {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
.quilt-overlay .quilt-overlay-image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.quilt-overlay .quilt-overlay-image .icon {
  display: none;
}
.quilt-overlay .quilt-overlay-image img {
  position: absolute;
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
}
.quilt-overlay .quilt-overlay-info {
  padding: 54px 20px 65px;
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  min-width: 60%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quilt-overlay .quilt-overlay-info img {
  margin-bottom: 14px;
}
.quilt-overlay .quilt-overlay-info span {
  font-size: 90px;
  letter-spacing: 16.2px;
  line-height: 74px;
  color: #fff;
  margin-bottom: 18px;
}
.quilt-overlay .quilt-overlay-info p {
  color: #fff;
  font-size: 14px;
  max-width: 510px;
  margin: 0 auto 36px;
}
.quilt-overlay .quilt-overlay-info .button {
  color: #fff;
}

.group-detail {
  top: 130px;
}
.group-detail .hero {
  float: right;
  width: 70%;
}
.group-detail .hero .controls {
  display: block;
}
.group-detail .hero .icon-close-2 {
  border-width: 2px;
  top: 35px;
  right: 35px;
}
.group-detail .hero .icon-close-2:before {
  margin-top: -20px;
  font-size: 40px;
}
.group-detail .side-content {
  float: left;
  width: 30%;
}
.group-detail .side-content h3 {
  font-size: 24px;
  margin: 20px 15px;
}
.group-detail .side-content p {
  width: 70%;
  margin: 0 auto;
  font-size: 12px;
}
.group-detail .side-content hr {
  width: 40px;
}
.group-detail .side-content .details {
  padding-top: 35px;
}
.group-detail .side-content .details .icon-training {
  margin: 0 auto;
}
.group-detail .side-content .upcoming {
  padding: 0;
}
.group-detail .side-content .upcoming hr {
  display: none;
}
.group-detail .side-content .upcoming h3 {
  margin-top: 40px;
}
.group-detail .side-content .upcoming .controls {
  display: block;
}
.group-detail .side-content .upcoming .button-container a {
  width: 200px;
}

.favorites .header-container {
  border-top: none;
  padding: 48px 100px;
}
.favorites .header-container h1 {
  font-size: 37px;
  letter-spacing: 0.3em;
  margin-bottom: 12px;
}
.favorites .header-container p {
  font-size: 9px;
}
.favorites .favorites-filter-wrapper {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 850px;
}
.favorites .favorites-filter-wrapper .filters-row-container {
  position: relative;
}
.favorites .favorites-filter-wrapper .favorite-filter-module {
  display: inline-block;
  min-width: 28%;
  min-height: 280px;
  padding: 29px 16px;
  vertical-align: top;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .rounded {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-radius: 40px;
  width: 57px;
  height: 57px;
  margin: 0 auto 23px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .rounded > span {
  font-size: 17px;
  padding: 21px 0;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field {
  padding: 9px 11px 0px 0px;
  width: 195px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field input[type="text"] {
  font-size: 14px;
  height: 21px;
  margin-left: 33px;
  margin-bottom: 9px;
  width: 167px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field .add-filter {
  font-size: 23px;
  margin-top: -14px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field .close {
  right: 10px;
  top: 13px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .autocomplete-field.selected span:first-child {
  left: 10px;
  top: 12px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .favorites-added {
  margin-top: 12px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .favorites-added li {
  line-height: 21px;
  font-size: 11px;
}
.favorites .favorites-filter-wrapper .favorite-filter-module .underlined-link {
  font-size: 10px;
  margin-top: 7px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper .is-error {
  width: 204px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container {
  top: 14px;
  padding: 18px 30px;
  position: absolute;
  min-width: 21%;
  width: auto;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .rounded {
  margin-bottom: 30px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container h3 {
  font-size: 13px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .favorites-added {
  margin: 30px 0 30px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .favorites-added li {
  width: 180px;
  padding: 0 20px;
  position: relative;
  text-align: center;
  line-height: 16px;
  margin-top: 12px;
}
.favorites .favorites-filter-wrapper .favorite-wrapper.edit-mode-container .favorites-added li .remove-favorite {
  margin-top: 0px;
  position: absolute;
  top: 35%;
  right: 0;
  font-size: 7px;
}
.favorites ul.autocompleteResults {
  top: 50px;
}

.bar-chart {
  padding-top: 20px;
}
.bar-chart .chart {
  margin: 35px auto;
}
.bar-chart .chart .bar-container .label {
  bottom: -35px;
  font-size: 11px;
}
.bar-chart .description {
  font-size: 11px;
}

.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container .bar .label {
  left: 120%;
}

.workout-box .bar-chart {
  min-width: 256px;
}
.workout-box .bar-chart .chart {
  height: 175px;
}
.workout-box .bar-chart .chart .label {
  font-size: 10px;
}
.workout-box .bar-chart .description {
  margin-bottom: 0;
}
.workout-box .bar-chart .button-container {
  margin-top: 0;
}

.module-container {
  padding: 43px 40px 45px;
}
.module-container.personal-info {
  padding: 26px 33px 54px;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
}
.module-container h3 {
  font-size: 27px;
}
.module-container h3 span.suffix {
  top: -5px;
}
.module-container .half-container {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.module-container .half-container .info .empty {
  height: 33px;
}
.module-container .half-container.editable {
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
  min-width: 140px;
}
.module-container .half-container.editable label.suffix {
  margin-top: -4px;
}
.module-container .half-container h3 {
  font-size: 24px;
  margin-bottom: 2px;
}
.module-container .half-container span {
  font-size: 10px;
}
.module-container .half-container.gender {
  width: auto;
  float: none;
  position: static;
  top: auto;
  right: auto;
}
.module-container .half-container.age {
  float: none;
  width: auto;
  margin-top: 0;
}
.module-container .half-container.weight, .module-container .half-container.height {
  width: auto;
  margin: 0 50px 0 0;
}
.module-container .half-container.weight.single, .module-container .half-container.height.single {
  margin: 0;
}
.module-container .half-container.weight .input-container input, .module-container .half-container.height .input-container.metric input {
  width: 85px;
}
.module-container .input-container {
  display: inline-block;
  margin-top: 0;
  margin-right: 0;
  text-align: left;
}
.module-container .input-container input {
  font-size: 24px;
  width: 85px;
  padding: 2px;
}
.module-container .input-container span {
  margin-top: 11px;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
.module-container .input-container.imperial span {
  width: 100%;
}
.module-container .input-container .select-wrapper {
  font-size: 40px;
  margin: 0 20px;
}
.module-container .input-container .select-wrapper.box {
  border: 1px solid #c7c7c7;
  height: 42px;
  vertical-align: top;
  width: 32%;
  margin: 0 0 0 5px;
  padding: 2px;
  padding-right: 10px;
  display: inline-block;
}
.module-container .input-container .select-wrapper.box:first-child {
  margin: 0;
}
.module-container .input-container .select-wrapper.box .option {
  width: 100%;
  font-size: 24px;
  font-weight: 200;
  letter-spacing: -1px;
  margin-top: 2px;
}
.module-container .input-container .select-wrapper.box .option:after {
  font-size: 12px;
  margin-top: -4px;
  position: absolute;
  right: 3px;
  top: 50%;
  color: #c7c7c7;
}
.module-container .half-container.age .input-container {
  width: 250px;
}
.module-container .half-container.gender .input-container {
  width: auto;
  font-size: 24px;
  margin-top: 0;
}
.module-container .underlined-link {
  position: absolute;
  font-size: 11px;
  vertical-align: top;
  top: 45%;
  right: 50px;
}
.module-container a.save-info {
  position: absolute;
  min-width: 0;
}
.module-container .circles-wrapper {
  max-width: none;
}
.module-container .circles-wrapper .goals-container {
  display: inline-block;
  width: 85%;
}
.module-container .circles-wrapper .goals-container .circles-container {
  margin-bottom: 0;
  width: 16.5%;
}
.module-container .circles-wrapper .goals-container .circles-container span {
  font-size: 9px;
  margin-top: 29px;
}
.module-container .circles-wrapper .goals-container .circles-container .rounded-button .rounded {
  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;
}
.module-container .circles-wrapper .goals-container .circles-container .rounded-button .rounded > span {
  display: block;
  font-size: 22px;
  padding: 27px 0;
  text-align: center;
  margin-top: 0;
}
.module-container .circles-wrapper .circles-container {
  width: 13.7%;
}
.module-container .circles-wrapper .circles-container span {
  font-size: 9px;
  margin-top: 29px;
}
.module-container .title-container {
  display: inline-block;
  padding-right: 15px;
  width: 48%;
}
.module-container .title-container h3 {
  font-size: 22px;
  margin: 0;
  text-align: left;
  vertical-align: middle;
}
.module-container .small-circles-wrapper {
  display: inline-block;
  max-width: none;
  vertical-align: middle;
  width: 48%;
}
.module-container .small-circles-wrapper .rounded-button {
  margin-right: 8px;
}
.module-container .small-circles-wrapper .rounded-button .rounded {
  width: 23px;
  height: 23px;
}
.module-container .small-circles-wrapper .rounded-button .rounded.color-circle span {
  font-size: 15px;
}
.module-container .small-circles-wrapper .small-circle-description {
  width: 73%;
}
.module-container .small-circles-wrapper .small-circle-description span {
  font-size: 9px;
}

.profile .header-container {
  border-top: none;
  padding: 20px 100px;
  margin: 0;
}
.profile .header-container h1 {
  font-size: 38px;
  margin-bottom: 0;
}
.profile .header-container p {
  font-size: 12px;
  margin-bottom: 26px;
}
.profile .header-container .profile-image {
  width: 137px;
  height: 137px;
  margin: 30px auto -85px;
}
.profile .header-container .profile-image .edit {
  width: 137px;
  height: 137px;
  background: rgba(0, 0, 0, 0.4);
}
.profile .header-container .profile-image .edit span {
  background: url("/assets/images/profile/pencil.png") left center no-repeat;
  position: absolute;
  top: 104px;
  left: 50%;
  margin-left: -24px;
  text-decoration: underline;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  padding-left: 17px;
}
.profile .header-container .profile-image .rounded {
  width: 137px;
  height: 137px;
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  border-radius: 70px;
}
.profile .header-container .profile-image .upload-tooltip {
  top: 171px;
}
.profile .header-container .profile-image:hover .edit, .profile .header-container .profile-image.active-add .edit {
  display: block;
}
.profile .profile-upper-container {
  margin-bottom: 30px;
}
.profile .profile-upper-container.edit .profile-main-editable-container {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}
.profile .profile-upper-container.edit .profile-main-editable-container .profile-name {
  display: inline-block;
  border-right: 1px solid #9b9b9b;
  margin-left: -6px;
  width: 50%;
  padding: 0;
  vertical-align: top;
}
.profile .profile-upper-container.edit .profile-main-editable-container .profile-name .checkbox h3 {
  margin-bottom: 0;
  margin-top: 12px;
}
.profile .profile-upper-container.edit .profile-main-editable-container .profile-name .divider-text {
  top: 50%;
  right: -21px;
  bottom: auto;
  left: auto;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.profile .profile-upper-container.edit .profile-main-editable-container .nickname-info {
  display: inline-block;
  width: 50%;
  padding: 0;
  vertical-align: top;
}
.profile .profile-upper-container.edit .profile-main-editable-container .nickname-info .checkbox h3 {
  margin-top: 11px;
}
.profile .profile-upper-container.edit .profile-main-editable-container .nickname-info .edit-nickname-container {
  margin: -5px auto 0;
  width: 235px;
}
.profile .profile-upper-container.edit .profile-main-editable-container .nickname-info .edit-nickname-container input {
  height: 48px;
}
.profile .profile-upper-container .profile-name {
  border: 0;
  letter-spacing: 2px;
}
.profile .profile-upper-container .profile-name h4 {
  font-size: 14px;
}
.profile .profile-upper-container .profile-name h4 small {
  font-size: 12px;
}
.profile .profile-upper-container .profile-name h3 {
  font-size: 37px;
}
.profile .profile-upper-container .profile-name p {
  font-size: 14px;
  margin: 0 auto;
  width: 278px;
}
.profile .athlete-level {
  text-align: left;
}
.profile .athlete-level .title-container {
  padding-right: 10%;
  width: 45%;
}
.profile .athlete-level .range-selection {
  width: 100%;
}
.profile .athlete-level .range-selection .track-wrapper {
  display: inline-block;
  float: right;
  margin: 0 6% 0 0;
  padding: 4px 0;
  position: static;
  width: 40%;
}
.profile .athlete-level .range-selection .track-wrapper .track {
  height: 3px;
}
.profile .athlete-level .range-selection .track-wrapper .track .track-shadow .thumb {
  height: 22px;
  top: -5px;
  margin-left: -9px;
  width: 22px;
}
.profile .athlete-level .range-selection .track-wrapper .track .reference {
  height: 11px;
  top: -4px;
  width: 11px;
}
.profile .athlete-level .range-selection .answers {
  display: inline-block;
  padding-right: 10%;
  vertical-align: top;
  width: 40%;
}
.profile .athlete-level .range-selection .answers .paragraph {
  padding: 0;
}
.profile .athlete-level .range-selection .answers h6 {
  font-size: 13px;
  text-align: left;
}
.profile .athlete-level .range-selection .answers p {
  font-size: 12px;
  font-weight: 400;
  color: #7c878e;
  letter-spacing: 1px;
  text-align: left;
  max-width: none;
}
.profile .bike-settings.edit-mode .bike-settings-container .steps {
  display: none;
}
.profile .bike-settings.edit-mode .bike-settings-container .settings-container {
  display: block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.seat-height .half-container.seat-height {
  display: inline-block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.seat .half-container.seat {
  display: inline-block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.seat .input span {
  display: inline-block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.handlebar-height .half-container.handlebar-height {
  display: inline-block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.handlebar .half-container.handlebar {
  display: inline-block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.handlebar .input span {
  display: inline-block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container {
  display: inline-block;
  width: auto;
  margin: 0 10px;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info span {
  color: #c7c7c7;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info .input {
  border: 1px solid #ddd;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info .input span {
  color: #c7c7c7;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info.active span {
  color: #000;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info.active .input {
  border: 1px solid #c7c7c7;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info.active .input span {
  color: #000;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info.active .suffix {
  color: #C7C7C7;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container.has-suffix .info span {
  margin: 5px 0 0 -20px;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container.has-suffix .info span.suffix {
  margin: 0 0 0 5px;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container.has-suffix .info .input span {
  color: #c7c7c7;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container.has-suffix .info.active .input span {
  color: #000;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .line {
  display: inline-block;
  height: 1px;
  width: 76px;
  background-color: #000;
  margin-top: 20px;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .line.short {
  width: 60px;
}
.profile .bike-settings .bike-settings-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 46px 33px 54px;
}
.profile .bike-settings .bike-settings-container h3 {
  font-size: 28px;
  margin-bottom: 0.6em;
}
.profile .bike-settings .bike-settings-container .containers-row {
  margin-top: 20px;
  width: auto;
  display: inline-block;
  float: none;
  position: relative;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container {
  float: none;
  margin: 0 10px;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container .info span {
  height: auto;
  color: #000;
  margin: 10px auto 0 auto;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container .info span.suffix {
  color: #ddd;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container .info .input {
  display: inline-block;
  width: 50px;
  height: 32px;
  padding: 2px;
  line-height: 38px;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container .info .input span {
  font: 200 25px/32px Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  margin: 0;
  color: #000;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container.has-suffix .info span {
  margin: 5px 0 0 -20px;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container.has-suffix .info span.suffix {
  margin: 0 0 0 5px;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container.has-suffix .info .input span {
  margin: 0;
  color: #000;
}
.profile .bike-settings .bike-settings-container .containers-row .line {
  display: inline-block;
  height: 1px;
  width: 76px;
  margin-top: 20px;
}
.profile .bike-settings .bike-settings-container .containers-row .line.short {
  width: 60px;
}
.profile .bike-settings .bike-settings-container .settings-container {
  display: none;
  margin: 20px auto 0 auto;
  padding: 60px 0 0 0;
  width: 580px;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector {
  margin: 0 auto;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 99;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li {
  width: 44px;
  height: 45px;
  margin: 0 12px;
  line-height: 1.3;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li:after {
  line-height: 45px;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container {
  width: 100%;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container .seat-height, .profile .bike-settings .bike-settings-container .settings-container .steps-container .handlebar-height {
  left: 0;
  position: relative;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div {
  background: url("/assets/images/bike-settings/BG.jpg") no-repeat top center;
  height: 480px;
  position: relative;
  margin-bottom: 10px;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div.seat-height .step {
  top: 10px;
  left: -30px;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div.seat .step {
  top: 30px;
  left: -40px;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div.handlebar-height .step {
  top: 10px;
  right: -40px;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div.handlebar .step {
  top: 0;
  right: -60px;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div .step {
  height: auto;
  width: auto;
  position: absolute;
  border: solid 1px #d0d3d3;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div .step img {
  width: auto;
  height: auto;
  position: static;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container > div .tip {
  width: 560px;
  position: absolute;
  bottom: -10px;
  margin: 0;
  left: -30px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector {
  position: absolute;
  top: 40px;
  right: -116px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li div {
  width: 10px;
  height: 10px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li div:before {
  height: 10px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li div:hover:after, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li div.active:after {
  width: 11px;
  height: 11px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li {
  width: 5px;
  height: 5px;
  margin: 0 auto;
  padding: 15px 0;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li div:before {
  height: 30px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li div span {
  display: none;
  position: relative;
  top: -35px;
  left: -24px;
  font-size: 11px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:hover:after, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li.active:after {
  width: 15px;
  height: 15px;
}
.profile .bike-settings .bike-settings-container .controls {
  max-width: 400px;
  margin: 20px auto;
}
.profile .bike-settings .bike-settings-container .controls:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.profile .bike-settings .bike-settings-container .controls #back-btn, .profile .bike-settings .bike-settings-container .controls #next-btn, .profile .bike-settings .bike-settings-container .controls #done-btn {
  width: 50%;
  float: left;
  padding: 1.35em 3em;
}
.profile .bike-settings .bike-settings-container .underlined-link {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 50px;
  margin-right: 50px;
}
.profile .cropper-overlay .cropper-wrapper {
  width: 797px;
  height: 621px;
  margin-top: -311px;
  margin-left: -398px;
  padding: 37px 90px;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container {
  width: 632px;
  height: 355px;
  overflow: hidden;
  margin-bottom: 50px;
}

.fb-sharing-overlay .fb-box {
  top: 50%;
  left: 50%;
  margin-left: -225px;
  margin-top: -194px;
  padding: 38px 28px;
  width: 450px;
  z-index: 120;
}
.fb-sharing-overlay .fb-box a {
  font-size: 10px;
}
.fb-sharing-overlay .fb-box img {
  width: 75px;
  height: 75px;
}
.fb-sharing-overlay .fb-box ul {
  max-width: 200px;
  margin-bottom: 26px;
}
.fb-sharing-overlay .fb-box ul li {
  font-size: 12px;
}
.fb-sharing-overlay .fb-box ul li:first-child {
  font-size: 14px;
  font-weight: bold;
}
.fb-sharing-overlay .fb-box p {
  font-size: 18px;
}
.fb-sharing-overlay .fb-box form {
  max-width: 287px;
}
.fb-sharing-overlay .fb-box form textarea {
  font-size: 10px;
  min-height: 73px;
  margin: 20px 0;
  padding: 12px;
}
.fb-sharing-overlay .fb-box form input {
  margin: 0 auto;
}

.page.thankyou .main-social-icons li a {
  border: none;
}
.page.thankyou .main-social-icons li a:hover {
  background: transparent;
}

.autocompleteResults, .autocompleteDropdown {
  top: 56px;
  left: 0;
}

.workout-box .mini-sessions {
  background: #fff;
  clear: both;
  overflow: hidden;
  padding-top: 20px;
  min-height: 490px;
}
.workout-box .mini-sessions > h6 {
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: lighter;
}
.workout-box .mini-sessions .spinner {
  width: 32px;
  height: 32px;
  margin: 84px auto;
  display: block;
  background: url(/assets/images/activity/loader.gif) no-repeat center center;
}
.workout-box .mini-sessions .session-list {
  max-width: 400px;
}
.workout-box .mini-sessions .session-list .session-list-item {
  width: 25%;
  margin-bottom: 20px;
  color: #000;
  float: left;
  height: 110px;
}
.workout-box .mini-sessions .session-list .session-list-item span {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.workout-box .mini-sessions .session-list .session-list-item span.session-list-count {
  font-weight: lighter;
  font-size: 16px;
}
.workout-box .mini-sessions .session-list .session-list-item span.session-list-name {
  font-size: 10px;
  font-weight: bold;
}
.workout-box .mini-sessions .session-list .session-list-item span.session-list-icon {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  background: center 0px no-repeat;
  background-size: 50px 50px;
}
.workout-box .mini-sessions .session-list .session-list-item.empty span.session-list-count {
  color: #9c9c9c;
}
.workout-box .mini-sessions .session-list .session-list-item.empty span.session-list-icon {
  opacity: .3;
}
.workout-box .mini-sessions nav {
  clear: both;
}

.page.step2 + footer {
  margin-top: 0;
}

.page.step2 {
  overflow-x: hidden;
}

.visitus .module {
  margin-top: 0;
  padding-top: 0;
}

.visitus + footer {
  margin-top: 0;
}

#leads {
  background: #000;
  color: #fff;
}
#leads #leads-thanks,
#leads #leads-error {
  padding-top: 80px;
  width: 640px;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
}
#leads #leads-thanks .rich-content-title,
#leads #leads-error .rich-content-title {
  width: auto;
  height: auto;
  min-height: 1%;
  line-height: 60px;
  font-size: 50px;
  padding: 30px 20px;
}
#leads #leads-thanks h4,
#leads #leads-error h4 {
  width: 400px;
  margin: 0 auto;
  margin-top: 60px;
}
#leads #error {
  padding: 20px;
  color: red;
  text-transform: uppercase;
  text-align: center;
}
#leads .range-selection {
  width: 86%;
}
#leads .range-selection .answers .paragraph {
  padding: 0;
}
#leads .range-selection .answers .paragraph h6 {
  display: none;
}
#leads .range-selection .answers p {
  letter-spacing: 0;
  text-transform: none;
  font-size: 14px;
  height: 46px;
  text-align: left;
  margin: 0;
  max-width: 100%;
}
#leads.step2 #other-heading {
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  width: 100%;
  margin-bottom: 20px;
}
#leads.step2 #other {
  width: 90%;
  height: 160px;
  text-transform: uppercase;
  font-family: 'Graphik Web', sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 15px 20px;
  resize: none;
  box-sizing: border-box;
  border: 1px solid #000;
  background: #1a1a1a;
  color: #fff;
}
#leads.step2 #leads-form {
  padding-top: 60px;
}
#leads.step2 .row {
  padding: 20px 0;
  border: none;
}
#leads.step2 .question-heading {
  float: left;
  width: 42%;
}
#leads.step2 .question-heading h3 {
  margin: 0 30px 10px;
  text-align: left;
  font-size: 25px;
  letter-spacing: 0;
}
#leads.step2 .question-heading h4 {
  margin-left: 30px;
}
#leads.step2 .answer-options {
  float: right;
  width: 50%;
  text-transform: uppercase;
}
#leads.step2 .answer-options label {
  display: inline-block;
  margin-bottom: 25px;
  font-weight: 500;
}
#leads.step2 .answer-options .col-1 {
  width: 218px;
  margin-right: 5px;
}
#leads.step2 .answer-options .col-2 {
  width: 205px;
}
#leads.step2 hr {
  border: none;
  border-bottom: 1px solid #CCC;
}
#leads.step1 #other-heading {
  margin-left: 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
}
#leads.step1 #other {
  width: 480px;
  height: 160px;
  text-transform: uppercase;
  font-family: 'Graphik Web', sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 15px 20px;
  resize: none;
  box-sizing: border-box;
  border: 1px solid #000;
  background: #1a1a1a;
  color: #fff;
}
#leads.step1 .leads-wrapper {
  max-width: 740px;
  padding: 2%;
  margin: 0 auto;
}
#leads.step1 .leads-wrapper .content-wrapper .checkbox {
  color: #fff;
}
#leads.step1 .leads-wrapper .content-wrapper div {
  margin: 0;
}
#leads.step1 .leads-wrapper .content-wrapper div .row {
  border: 0;
  margin: 50px auto;
  width: 90%;
}
#leads.step1 .leads-wrapper .content-wrapper div .row .col-1-2 {
  width: 50%;
  text-align: left;
  margin: 20px 0;
}
#leads.step1 .leads-wrapper .content-wrapper div > span {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
}
#leads.step1 .leads-wrapper .content-wrapper div small {
  font-size: 0.5em;
}
#leads.step1 .leads-wrapper .content-wrapper div small.small {
  font-weight: normal;
  color: #989797;
  margin: 0;
}
#leads.step1 .leads-wrapper .content-wrapper div input[type='text'],
#leads.step1 .leads-wrapper .content-wrapper div input[type='email'],
#leads.step1 .leads-wrapper .content-wrapper div input[type='tel'] {
  width: 350px;
  margin: 10px auto;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  background: #1a1a1a;
  color: #fff;
  border: none;
  font-size: 30px;
  min-width: 0;
  padding: 10px 20px;
  text-align: left;
}
#leads.step1 .leads-wrapper .content-wrapper div input[type='text']:last-child,
#leads.step1 .leads-wrapper .content-wrapper div input[type='email']:last-child,
#leads.step1 .leads-wrapper .content-wrapper div input[type='tel']:last-child {
  margin-left: 10px;
}
#leads.step1 .leads-wrapper .content-wrapper div input[type='checkbox'] {
  display: none;
}
#leads.step1 .leads-wrapper .content-wrapper div, #leads.step1 .leads-wrapper .content-wrapper input {
  font-size: 30px;
}

.flexible-slideshow .owl-wrapper {
  height: 470px;
}
.flexible-slideshow.pagination .owl-controls {
  bottom: 10px;
}
.flexible-slideshow .slide-item {
  height: 470px;
}
.flexible-slideshow .slide-item .foreground-image {
  max-height: 470px;
}
.flexible-slideshow .slide-item[data-align="left"] .foreground-image {
  left: 0;
}
.flexible-slideshow .slide-item[data-align="center"] .foreground-image {
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.flexible-slideshow .slide-item[data-align="right"] .foreground-image {
  right: 0;
}
.flexible-slideshow .slide-item .cta-wrapper {
  bottom: 40px;
}
.flexible-slideshow .slide-item .cta-wrapper .button {
  display: inline-block;
  width: auto;
  padding: 1.35em 3em;
}
.flexible-slideshow .violator {
  height: 30px;
  font-size: 12px;
}

.page-snap-enabled .homepage .flexible-slideshow {
  height: 600px;
}
.page-snap-enabled .homepage .flexible-slideshow .owl-wrapper, .page-snap-enabled .homepage .flexible-slideshow .slide-item {
  height: 600px;
}
.page-snap-enabled .homepage .flexible-slideshow .slide-item {
  padding-top: 130px;
}
.page-snap-enabled .homepage .flexible-slideshow .foreground-image {
  top: 130px;
}
.page-snap-enabled .homepage .page-snap:first-child .flexible-slideshow {
  height: 470px;
}
.page-snap-enabled .homepage .page-snap:first-child .flexible-slideshow .owl-wrapper, .page-snap-enabled .homepage .page-snap:first-child .flexible-slideshow .slide-item {
  height: 470px;
}
.page-snap-enabled .homepage .page-snap:first-child .flexible-slideshow .slide-item {
  padding-top: 0;
}
.page-snap-enabled .homepage .page-snap:first-child .flexible-slideshow .foreground-image {
  top: 0px;
}

.page.cycling-class-detail .header-wrapper {
  height: 171px;
}
.page.cycling-class-detail .header-wrapper > a {
  font-size: 18px;
  top: 22px;
  left: 22px;
}
.page.cycling-class-detail .title-cta-module h3 {
  font-size: 38px;
}
.page.cycling-class-detail .title-cta-module h3 small {
  font-size: 12px;
}
.page.cycling-class-detail .title-cta-module .instructor {
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.page.cycling-class-detail .title-cta-module nav {
  margin-top: 25px;
  padding: 0;
}
.page.cycling-class-detail .class-results {
  padding: 40px 10px 95px;
}
.page.cycling-class-detail .class-results h3 {
  font-size: 27px;
  margin-bottom: 30px;
}
.page.cycling-class-detail .class-results .results-columns {
  margin: 0 auto;
  max-width: 797px;
}
.page.cycling-class-detail .class-results .results-columns .result-row {
  display: inline-block;
  padding: 0 10px;
  width: 27.5%;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul {
  border-bottom: 0;
  padding: 0;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li {
  font-size: 11px;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li:last-child {
  font-size: 14px;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li.position p {
  font-size: 65px;
  margin-bottom: 8px;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li.position p sup {
  font-size: 23px;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info {
  display: inline-block;
  padding: 0;
  width: 38%;
  border-left: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container {
  border-bottom: 0;
  padding: 0;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul {
  width: 49.2%;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul.upper-info {
  margin-bottom: 27px;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul li p {
  font-size: 26px;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul li p span {
  font-size: 11px;
  margin-bottom: 5px;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul li p sub {
  font-size: 20px;
}
.page.cycling-class-detail .class-results .results-columns .class-award {
  display: inline-block;
  padding: 0 10px;
  width: 27.5%;
}
.page.cycling-class-detail .class-results .results-columns .class-award p {
  margin-bottom: 10px;
}
.page.cycling-class-detail .class-results .results-columns .class-award > img {
  width: 63px;
  margin-bottom: 0;
}
.page.cycling-class-detail .class-results .results-columns .class-award .sharing {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.page.cycling-class-detail .class-results .results-columns .class-award .sharing-icon {
  padding: 0 10px;
}
.page.cycling-class-detail .graphic {
  background-color: grey;
  margin: 27px 0 0;
  height: 275px;
}
.page.cycling-class-detail .leaderboard-results h3 {
  font-size: 27px;
  font-weight: 400;
  margin-bottom: 28px;
}
.page.cycling-class-detail .leaderboard-results h3 small {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
.page.cycling-class-detail .leaderboard-results .leaderboard-container {
  height: 350px;
}
.page.cycling-class-detail .common-padding {
  padding: 34px 28px;
}

.page {
  padding-top: 130px;
}

.page.image {
  max-width: 100%;
  min-height: 1000px;
  position: relative;
}
.page.image .wrapper {
  position: static;
}
.page.image .background {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: -1;
}
.page.image .rich-content {
  position: static;
}
.page.image .rich-content header {
  min-height: 280px;
}
.page.image .button.white {
  border-color: white;
}

.page.image .rich-content header, .page.wizard .rich-content header {
  background: transparent;
  margin-top: 120px;
}

.page.wizard {
  min-height: 1080px;
  max-width: none;
}
.page.wizard .rich-content header {
  margin-top: 0;
  min-height: 144px;
}
.page.wizard .rich-content header .rich-content-title {
  font-size: 30px;
  width: 384px;
}

.region-selector img {
  display: inline-block;
  margin: 0;
}
.region-selector .select-wrapper {
  margin: -10px 0 0 20px;
}

/*
	Lead Popup and Page
*/
#lead-popup-content .content-wrapper,
#lead-page-wrapper .content-wrapper,
.referrals-thank-you .content-wrapper {
  margin: 0 50px;
}
#lead-popup-content .content-wrapper div .row .col-multiple,
#lead-page-wrapper .content-wrapper div .row .col-multiple,
.referrals-thank-you .content-wrapper div .row .col-multiple {
  width: 48%;
}
#lead-popup-content small,
#lead-page-wrapper small,
.referrals-thank-you small {
  margin: 0 0 0 0;
}
#lead-popup-content .control-form .radio,
#lead-page-wrapper .control-form .radio,
.referrals-thank-you .control-form .radio {
  text-align: center;
}
#lead-popup-content .error-wrapper,
#lead-popup-content .success-wrapper,
#lead-page-wrapper .error-wrapper,
#lead-page-wrapper .success-wrapper,
.referrals-thank-you .error-wrapper,
.referrals-thank-you .success-wrapper {
  padding: 2% 0%;
}
#lead-popup-content .error-wrapper h2,
#lead-popup-content .success-wrapper h2,
#lead-page-wrapper .error-wrapper h2,
#lead-page-wrapper .success-wrapper h2,
.referrals-thank-you .error-wrapper h2,
.referrals-thank-you .success-wrapper h2 {
  font-size: 40px;
  padding: 0 70px;
}
#lead-popup-content .error-wrapper p,
#lead-popup-content .success-wrapper p,
#lead-page-wrapper .error-wrapper p,
#lead-page-wrapper .success-wrapper p,
.referrals-thank-you .error-wrapper p,
.referrals-thank-you .success-wrapper p {
  font-size: 30px;
  line-height: 42px;
  padding: 0 70px;
}
#lead-popup-content .success-wrapper.selected-club,
#lead-page-wrapper .success-wrapper.selected-club,
.referrals-thank-you .success-wrapper.selected-club {
  padding: 0 0 50px;
  width: 90%;
  margin: 0 auto;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section h1,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section h1,
.referrals-thank-you .success-wrapper.selected-club .club-info-section h1 {
  font-size: 40px;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section h2,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section h2,
.referrals-thank-you .success-wrapper.selected-club .club-info-section h2 {
  font-size: 24px;
  padding: 0 30px;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .club-info .middle-section,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .club-info .middle-section,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .club-info .middle-section {
  position: absolute;
  top: 25%;
  width: 100%;
  left: 0;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .club-info .middle-section .button-container,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .club-info .middle-section .button-container,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .club-info .middle-section .button-container {
  margin-top: 20px;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .club-info .middle-section .button-container a,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .club-info .middle-section .button-container a,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .club-info .middle-section .button-container a {
  padding: 15px 60px;
  display: inline-block;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info {
  width: 50%;
  display: inline-block;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section {
  position: absolute;
  top: 20%;
  width: 80%;
  left: 10%;
  height: 170px;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .middle-section-container,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .middle-section-container,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .middle-section-container {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .middle-section-container .button-container a,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .middle-section-container .button-container a,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .middle-section-container .button-container a {
  display: inline-block;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description .appointment-description,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description .appointment-description,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description .appointment-description {
  padding: 0 70px 35px;
}
#lead-popup-content .step1 .spacing,
#lead-page-wrapper .step1 .spacing,
.referrals-thank-you .step1 .spacing {
  padding: 0 7%;
}
#lead-popup-content .step1 .schedule-heading,
#lead-page-wrapper .step1 .schedule-heading,
.referrals-thank-you .step1 .schedule-heading {
  font-size: 42px;
}
#lead-popup-content .step1 .col,
#lead-page-wrapper .step1 .col,
.referrals-thank-you .step1 .col {
  display: inline-block;
  margin-bottom: 0 !important;
}
#lead-popup-content .step1 .col.left,
#lead-page-wrapper .step1 .col.left,
.referrals-thank-you .step1 .col.left {
  width: 35%;
  margin-right: 1%;
}
#lead-popup-content .step1 .col.middle,
#lead-page-wrapper .step1 .col.middle,
.referrals-thank-you .step1 .col.middle {
  width: 50%;
}
#lead-popup-content .step1 .col.right,
#lead-page-wrapper .step1 .col.right,
.referrals-thank-you .step1 .col.right {
  width: 63%;
}
#lead-popup-content .step1 .col.width-left,
#lead-page-wrapper .step1 .col.width-left,
.referrals-thank-you .step1 .col.width-left {
  width: 49%;
  margin-right: 1%;
}
#lead-popup-content .step1 .col.width-right,
#lead-page-wrapper .step1 .col.width-right,
.referrals-thank-you .step1 .col.width-right {
  width: 49%;
}
#lead-popup-content .step1 .tootip-text,
#lead-page-wrapper .step1 .tootip-text,
.referrals-thank-you .step1 .tootip-text {
  font-size: 13px;
  top: 2px;
  height: 350px;
  width: 300px;
  left: 420px;
}

#lead-popup-content .success-wrapper .club-info-section {
  padding: 25px 70px;
}

.ContactLeads .container {
  margin: 0;
  display: table;
}
.ContactLeads .container #display-image-container .bg-div {
  background-size: cover;
  height: 100%;
  width: 100%;
}
.ContactLeads .container #display-image-container,
.ContactLeads .container #lead-page-wrapper {
  width: 50%;
  display: table-cell;
}
.ContactLeads .container #lead-page-wrapper .content-wrapper {
  margin: 0;
}
.ContactLeads .container #lead-page-wrapper .content-wrapper .control-form .spacing {
  margin: 0;
  padding: 0;
}
.ContactLeads.olderVersion {
  width: 98%;
}
.ContactLeads.olderVersion .container {
  margin: 0;
  padding: 0;
  display: table;
}
.ContactLeads.olderVersion .container #display-image-container .bg-div {
  background-size: cover;
  height: 100%;
  width: 100%;
}
.ContactLeads.olderVersion .container #display-image-container,
.ContactLeads.olderVersion .container #lead-page-wrapper {
  width: 50%;
  display: table-cell;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper {
  margin: 0;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing {
  margin: 0;
  padding: 0;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .dropdowns {
  margin-bottom: 10px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .right, .ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .left {
  width: 48%;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .right {
  float: right;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .left {
  float: left;
}

.referrals-thank-you {
  margin: 30px auto;
}

.promo-lead-new {
  margin-top: 70px;
}
.promo-lead-new .hero-overlapped {
  top: 38%;
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 26px;
  letter-spacing: 2px;
}
.promo-lead-new .caret-down {
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 45px;
  font-size: 31px;
  cursor: pointer;
  background: #fff;
  line-height: 46px;
  position: absolute;
  text-align: center;
  font-family: 'icomoon';
}
.promo-lead-new .caret-down:after {
  content: "\e60b";
}

.corp-join-steps nav.main {
  height: 50px;
}
.corp-join-steps nav.main .logo {
  padding-top: 10px;
}
.corp-join-steps #popup #popup-content {
  max-width: 100%;
  padding: 60px 60px 20px;
}
.corp-join-steps #app-main h1 {
  font-size: 45px;
}
.corp-join-steps #app-main .block-container {
  max-width: 1260px;
}
.corp-join-steps #app-main .block-container .block {
  width: 49%;
}
.corp-join-steps #app-main .block-container .block:last-child {
  border-left: 1px solid #999;
  border-bottom: none;
}
.corp-join-steps #app-main .block-container .block:not(:last-child) {
  border-right: 1px solid #999;
  margin-right: -5px;
  border-bottom: none;
}
.corp-join-steps #app-main button {
  padding-left: 12% !important;
  padding-right: 12% !important;
}
.corp-join-steps #app-main form {
  padding-top: 20px;
}
.corp-join-steps #app-main form .row .col {
  width: 49%;
}
.corp-join-steps #app-main form .control input[type='text'] {
  height: 70px;
  font-size: 22px;
}
.corp-join-steps #app-main form .control .dropdown {
  height: 70px;
  line-height: 70px;
}
.corp-join-steps #app-main form .control .dropdown .option {
  width: 66%;
}
.corp-join-steps #app-main form .control .dropdown .option:after {
  right: 10px;
}
.corp-join-steps #app-main .rich-content header {
  min-height: 144px;
  margin-top: 0;
}
.corp-join-steps #app-main .rich-content header .rich-content-title {
  width: 600px;
}
.corp-join-steps #app-main .rich-content header .rich-content-title span small {
  font-size: 14px;
  letter-spacing: 2px;
}
.corp-join-steps #app-main .rich-content header .rich-content-title span span {
  font-size: 45px;
  font-weight: 100;
  letter-spacing: 7.5px;
}
.corp-join-steps #app-main #step1 .membership-container.closed .membership-tab:after {
  content: "+";
  top: 20%;
}
.corp-join-steps #app-main #step1 .membership-container.closed .membership-tier {
  height: auto;
}
.corp-join-steps #app-main #step1 .membership-container.panel-left .membership-tier .border-wrapper {
  border-right: 1px solid white;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier {
  height: auto;
  padding: 0;
  overflow: hidden;
  border-top: 1px solid white;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier hr {
  border-top: 1px solid white;
  margin: 32px 0;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier h3 {
  margin: 0.8em auto;
  max-width: 322px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .border-wrapper {
  padding-top: 35px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .membership-price-info {
  padding: 40px 0;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .membership-price-info .membership-price strong {
  font-size: 28px;
  letter-spacing: 2px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .club-payment-info {
  width: 90%;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .club-payment-info .total {
  padding: 15px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .club-payment-info .total .row {
  max-width: 67%;
  border: none;
  margin: 0 auto;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .club-payment-info .total .total-due-row {
  margin-top: 30px;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper .club-name {
  font-size: 40px;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper .club-name small {
  display: block;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper .description {
  margin-bottom: 40px;
}
.corp-join-steps #app-main #step1 .content-section .membership-price-info .conditional-benefit strong {
  font-size: 20px;
}
.corp-join-steps #app-main #step1 .content-section .membership-info {
  height: 340px;
  min-height: 395px;
  display: table;
  width: 100%;
}
.corp-join-steps #app-main #step1 #primary-club-wrapper .region-club-name {
  font-size: 20px;
}
.corp-join-steps #app-main #step1 .plan {
  margin: 20px auto;
  width: 50%;
}
.corp-join-steps #app-main #step1 .plan .plan-header h3 {
  font-size: 34px;
}
.corp-join-steps #app-main #step1 .plan.panel-left {
  float: left;
  width: 50%;
}
.corp-join-steps #app-main #step1 .plan.panel-right {
  float: right;
  width: 50%;
}
.corp-join-steps #app-main #change-location-edit h2 {
  font-size: 32px;
}
.corp-join-steps #app-main #change-location-edit header {
  width: 400px;
  margin: 0 auto;
}
.corp-join-steps #app-main #change-location-edit section {
  width: 250px;
  margin: 0 auto;
}
.corp-join-steps #app-main #change-location-edit .address {
  margin-top: 60px;
}
.corp-join-steps #app-main #change-location-edit .dropdown {
  border-bottom: 1px solid #fff;
  margin: 10px auto;
}
.corp-join-steps #app-main #change-location-edit .dropdown .option {
  padding: 0 20px;
  line-height: 1.5;
  width: auto;
}
.corp-join-steps #app-main #step2 h2 {
  margin: 10px 40px 40px;
  font-size: 45px;
}
.corp-join-steps #app-main #step2 .content-section {
  width: 95%;
}
.corp-join-steps #app-main #step2 .row .col.left {
  float: left;
}
.corp-join-steps #app-main #step2 .row .col.right {
  float: right;
}
.corp-join-steps #app-main #step2 .personal-info {
  line-height: normal;
}
.corp-join-steps #app-main #step2 .personal-info .col {
  float: left;
  width: 31%;
  margin: 0px 10px 15px 0;
  text-align: center;
  font-size: 18px;
  letter-spacing: 1px;
}
.corp-join-steps #app-main #step2 .personal-info .col:last-child {
  margin: 0;
}
.corp-join-steps #app-main #step2 .personal-info #email {
  margin-right: 0;
}
.corp-join-steps #app-main #step2 .personal-info .link {
  margin: 0;
}
.corp-join-steps #app-main #step2 .address {
  padding-top: 20px;
}
.corp-join-steps #app-main #step2 .address .col-1 {
  width: 49%;
}
.corp-join-steps #app-main #step2 .address .col-2 {
  width: 23%;
}
.corp-join-steps #app-main #step2 .address .col-3 {
  width: 24%;
}
.corp-join-steps #app-main #step2 .address .col-2,
.corp-join-steps #app-main #step2 .address .col-3 {
  margin-left: 2%;
}
.corp-join-steps #app-main #step2 .card-info .col-1 {
  width: 49%;
}
.corp-join-steps #app-main #step2 .card-info .col-2 {
  width: 30%;
}
.corp-join-steps #app-main #step2 .card-info .col-3 {
  width: 17%;
}
.corp-join-steps #app-main #step2 .card-info .col-2,
.corp-join-steps #app-main #step2 .card-info .col-3 {
  margin-left: 2%;
}
.corp-join-steps #app-main #personal-info-edit h2 {
  font-size: 40px;
}
.corp-join-steps #app-main #review-purchase h1 {
  margin-bottom: 20px;
  font-size: 36px;
}
.corp-join-steps #app-main #review-purchase h2 {
  margin-bottom: 2px;
  font-size: 32px;
}
.corp-join-steps #app-main #review-purchase h6 {
  font-weight: bold;
  font-size: 12px;
}
.corp-join-steps #app-main #review-purchase .block-container {
  max-width: 100%;
}
.corp-join-steps #app-main #review-purchase #personal-billing-info-wrapper h3 {
  margin-bottom: 50px !important;
  font-size: 35px;
  line-height: 1.3;
}
.corp-join-steps #app-main #review-purchase .info-block .info {
  font-weight: normal;
}
.corp-join-steps #app-main #review-purchase .plan {
  width: 95%;
}
.corp-join-steps #app-main #review-purchase .plan .plan-info {
  margin: 60px 0;
  font-size: 12px;
}
.corp-join-steps #app-main #review-purchase .plan .plan-header h2 {
  font-size: 35px;
}
.corp-join-steps #app-main #review-purchase .plan .club-payment-info {
  width: 65%;
  margin: 0 auto;
}
.corp-join-steps #app-main #review-purchase .plan .edit {
  display: inline-block;
  margin-top: 30px;
}
.corp-join-steps #app-main #review-purchase .plan .price-wrapper .price {
  font-size: 25px;
}
.corp-join-steps #app-main #review-purchase .agreement-section h4 {
  font-size: 30px;
}
.corp-join-steps #app-main #review-purchase .edit {
  display: inline-block;
  margin-top: 30px;
}
.corp-join-steps #app-main #confirmation header + section p {
  letter-spacing: 1px;
}
.corp-join-steps #app-main #confirmation .content-section,
.corp-join-steps #app-main #confirmation .thankyou {
  width: 530px;
}

#freeze .page.freeze-account, #medical .page.freeze-account {
  padding-top: 60px;
}
#freeze .page.freeze-account .freeze-main #freeze-period, #medical .page.freeze-account .freeze-main #freeze-period {
  width: 490px;
}
#freeze .page.freeze-account .reviewContainer, #medical .page.freeze-account .reviewContainer {
  border-top: 1px solid #d0d3d3;
}
#freeze .page.freeze-account .reviewContainer .col-padding.min-height, #medical .page.freeze-account .reviewContainer .col-padding.min-height {
  padding-bottom: 0;
  min-height: 328px !important;
}
#freeze .page.freeze-account .reviewContainer .col-1-2:nth-child(2), #medical .page.freeze-account .reviewContainer .col-1-2:nth-child(2) {
  border-bottom: none;
}
#freeze .page.freeze-account .rich-content-title.sub-header .sub-header-span.freeze-heading, #medical .page.freeze-account .rich-content-title.sub-header .sub-header-span.freeze-heading {
  padding-top: 50px !important;
}

.login .simple-form, .customizedlogin .simple-form {
  margin-top: 40px;
  margin-bottom: 300px;
}
.login .simple-form input[type="text"], .login .simple-form input[type="password"], .login .simple-form input[type="tel"], .login .simple-form input[type="email"], .login .simple-form input[type="number"], .customizedlogin .simple-form input[type="text"], .customizedlogin .simple-form input[type="password"], .customizedlogin .simple-form input[type="tel"], .customizedlogin .simple-form input[type="email"], .customizedlogin .simple-form input[type="number"] {
  font-size: 22px;
  height: 75px;
}
.login .simple-form .button.box.small, .customizedlogin .simple-form .button.box.small {
  font-size: 14px;
}
.login .simple-form fieldset, .customizedlogin .simple-form fieldset {
  margin-bottom: 25px;
}
.login .simple-form hr, .customizedlogin .simple-form hr {
  margin-bottom: 25px;
}
.login .simple-form .checkbox, .customizedlogin .simple-form .checkbox {
  margin-bottom: 20px;
}
.login .simple-form .label,
.login .simple-form .lost-credentials.extra, .customizedlogin .simple-form .label,
.customizedlogin .simple-form .lost-credentials.extra {
  font-size: 12px;
}
.login.page.image .background, .customizedlogin.page.image .background {
  height: auto;
}
.login.page.image .rich-content header, .customizedlogin.page.image .rich-content header {
  margin-top: 40px !important;
  min-height: 125px !important;
}
.login.page.image .rich-content header h2.rich-content-title, .customizedlogin.page.image .rich-content header h2.rich-content-title {
  font-size: 45px;
}

.page.step1 .rich-content header h2 span {
  font-size: 45px;
  letter-spacing: 7.5px;
}
.page.step1 .rich-content header h2 small {
  font-size: 14px;
}
.page.step1 .tpl-ctacallout nav {
  margin-top: 0;
}
.page.step1 .tpl-ctacallout a.button.box {
  font-size: 14px;
}
.page.step1 .title {
  margin-bottom: 60px;
}
.page.step1 .title strong {
  font-size: 22px;
}
.page.step1 input[type="text"] {
  font-size: 22px;
  letter-spacing: 3px;
  border-color: rgba(255, 255, 255, 0.5);
}
.page.step1 input[type="text"]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.5);
}
.page.step1 input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.5);
}
.page.step1 input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
.page.step1 input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.5);
}
.page.step1 .nearme-wrapper {
  margin-top: 0;
  padding-top: 0;
}
.page.step1 .select-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.page.step2 .rich-content header h2 span, .page.step3 .rich-content header h2 span {
  font-size: 45px;
  letter-spacing: 7.5px;
}
.page.step2 .rich-content header h2 small, .page.step3 .rich-content header h2 small {
  font-size: 14px;
  letter-spacing: 2px;
}

.page.thankyou .wrapper {
  color: white;
}
.page.thankyou .wrapper .module {
  padding: 0 30px;
  padding-top: 30px;
}

.page-snap-enabled .homepage .paragraph {
  margin-top: 40px;
}
.page-snap-enabled .homepage .paragraph .caption {
  margin-top: 20px;
}
.page-snap-enabled .homepage .paragraph .button-container {
  margin-top: 20px;
}
.page-snap-enabled .homepage footer {
  margin-top: 0;
}

@media screen and (width: 768px) {
  .page-snap-enabled .homepage {
    height: 928px;
  }
  .page-snap-enabled .homepage .elevator {
    top: 34%;
  }
  .page-snap-enabled .homepage .carousel, .page-snap-enabled .homepage .carousel .owl-wrapper-outer {
    height: 675px;
  }
  .page-snap-enabled .homepage .rich-content header {
    height: 675px;
  }
  .page-snap-enabled .homepage .rich-content header h2 {
    margin-top: 60px;
  }
  .page-snap-enabled .homepage .rich-content header img {
    height: 100%;
    left: -40%;
    position: relative;
    width: auto;
  }
  .page-snap-enabled .homepage .carousel .swipe-guide {
    top: 580px;
  }
  .page-snap-enabled .homepage .page-snap, .page-snap-enabled .homepage .home-splash {
    height: 928px;
  }
  .page-snap-enabled .homepage .page-footer {
    height: 300px;
  }
}
@media screen and (min-width: 1024px) {
  .page-snap-enabled .homepage {
    height: 680px;
  }
  .page-snap-enabled .homepage .elevator {
    top: 21%;
  }
  .page-snap-enabled .homepage .carousel, .page-snap-enabled .homepage .carousel .owl-wrapper-outer {
    min-height: 400px;
    height: 400px !important;
  }
  .page-snap-enabled .homepage .rich-content header {
    height: 400px;
  }
  .page-snap-enabled .homepage .rich-content h2 {
    margin-top: 25px;
  }
  .page-snap-enabled .homepage .page-snap, .page-snap-enabled .homepage .home-splash {
    height: 680px;
  }
  .page-snap-enabled .homepage .page-footer {
    height: 300px;
  }
  .page-snap-enabled .homepage .home-splash h1 {
    margin-top: -100px;
  }
}
.home-splash h1 {
  font-size: 50px;
  margin-top: -100px;
}
.home-splash .buttons {
  left: 50%;
  width: 600px;
  margin-left: -300px;
}
.home-splash .buttons .button {
  font-size: 14px;
  line-height: 14px;
  width: 200px;
  padding: 20px 50px;
}

.homepage .carousel .swipe-guide {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  top: 86%;
}

.page-snap-enabled .homepage .more-button {
  display: block;
  position: absolute;
  z-index: 100;
  width: 50px;
  margin-left: -25px;
  bottom: 3%;
  left: 50%;
  text-align: center;
  color: #6e6e70;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.2;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.page-snap-enabled .homepage .more-button.scrolling {
  opacity: 0;
}
.page-snap-enabled .homepage .more-button.hidden {
  opacity: 0;
}
.page-snap-enabled .homepage .more-button:before {
  display: block;
  text-align: center;
  font-size: 32px;
}

.page-snap-enabled .homepage .elevator {
  display: block;
  position: absolute;
  z-index: 100;
  right: 30px;
  width: 30px;
}
.page-snap-enabled .homepage .elevator a {
  display: block;
  width: 30px;
  height: 30px;
  margin: 10px 0;
  border: 1px solid transparent;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-radius: 30px;
  -moz-transition: border 0.5s, opacity 0.5s;
  -o-transition: border 0.5s, opacity 0.5s;
  -webkit-transition: border 0.5s, opacity 0.5s;
  transition: border 0.5s, opacity 0.5s;
  opacity: 0.6;
  background: none;
}
.page-snap-enabled .homepage .elevator a.selected {
  opacity: 1;
  border: 1px solid white;
}
.page-snap-enabled .homepage .elevator a .inner {
  display: block;
  width: 10px;
  height: 10px;
  margin: 10px;
  background: white;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-radius: 30px;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.page-snap-enabled .homepage .elevator.black a {
  background: none;
}
.page-snap-enabled .homepage .elevator.black a.selected {
  border: 1px solid #080808;
}
.page-snap-enabled .homepage .elevator.black a .inner {
  background: #080808;
}

.homepage .paragraph {
  margin-top: 40px;
  margin-bottom: 30px;
}
.homepage .paragraph p {
  max-width: 81%;
}

.map-wrapper {
  height: 600px;
  width: 100%;
}

.map-container {
  height: 100%;
}
.map-container .cluster .custom-marker {
  margin: 0;
}
.map-container .custom-marker {
  background: transparent;
  font-family: "Graphik Web", sans-serif;
  text-align: center;
  z-index: 10;
}
.map-container .custom-marker.active {
  margin: -64px 0 0;
  padding: 0;
  width: 650px;
}
.map-container .custom-marker.caption {
  width: 300px;
}
.map-container .custom-marker.caption span {
  font-size: 30px;
  letter-spacing: 3px;
}
.map-container .custom-marker a {
  font-family: "Graphik Web", sans-serif;
}
.map-container .custom-marker .icon-marker-o {
  font-size: 100px;
}
.map-container .custom-marker h5 {
  font-size: 31px;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}
.map-container .custom-marker address, .map-container .custom-marker .tel {
  color: #fff;
  display: inline;
  font-size: 13px;
  letter-spacing: 0.2em;
}
.map-container .custom-marker a.button {
  display: block;
  margin: 20px auto;
  padding: 1.1em 0;
  width: 175px;
}

.region-list-container {
  padding: 40px;
  text-align: center;
}
.region-list-container h4 {
  border-width: 70px;
  display: inline-block;
  font-size: 16px;
  padding: 0 1em;
}
.region-list-container .region-list {
  font-size: 31px;
  font-weight: 400;
}

.logged-homepage .top-module {
  width: 100%;
  overflow: hidden;
}
.logged-homepage .big-column {
  width: 70%;
}
.logged-homepage .small-column {
  width: 30%;
}
.logged-homepage .right {
  float: right;
}
.logged-homepage .left {
  float: left;
}

.page.onboarding form {
  overflow: hidden;
  max-width: none;
}
.page.onboarding .module {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
}
.page.onboarding .rich-content header h2.rich-content-title {
  width: auto;
  font-size: 45px;
  height: 115px;
  min-height: 115px;
  margin-top: 0px;
  letter-spacing: 7.5px;
}
.page.onboarding .rich-content header h2.rich-content-title small {
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: bold;
}
.page.onboarding h3, .page.onboarding p {
  margin-left: auto;
  margin-right: auto;
  max-width: 625px;
  font-weight: 400;
}
.page.onboarding h3 {
  font-size: 14px;
  font-weight: 800;
}
.page.onboarding .select-wrapper {
  font-size: 30px;
  letter-spacing: 12px;
  margin: 0 20px;
  border-color: rgba(255, 255, 255, 0.5);
}
.page.onboarding .select-wrapper select option {
  letter-spacing: 0;
}
.page.onboarding .select-wrapper .option:after {
  right: 0;
  text-align: right;
  width: 19px;
}
.page.onboarding .select-wrapper + .select-wrapper {
  margin-top: 0;
}
.page.onboarding .select-wrapper + input {
  display: inline-block;
  font-size: 30px;
  letter-spacing: 7px;
  margin: 0 1%;
  padding: 15px 0 19px;
  width: 55%;
  border: none;
  background: #1a1a1a;
}
.page.onboarding .select-wrapper + input.error {
  border: 1px solid;
}
.page.onboarding .select-wrapper.box {
  border: 1px solid #fff;
  font-size: 20px;
  margin: 0 1%;
  height: 75px;
  padding: 24px 0 20px;
  vertical-align: top;
  width: 48%;
}
.page.onboarding .select-wrapper.box.club {
  margin: 15px 0 50px;
  width: 480px;
}
.page.onboarding .select-wrapper.box .option:after {
  font-size: 16px;
  margin-top: -8px;
  position: absolute;
  right: 13px;
  top: 50%;
}
.page.onboarding .checkbox {
  margin: 20px 0 0;
}
.page.onboarding .checkbox span {
  font-size: 12px;
}
.page.onboarding .tpl-memberimagetextcallout {
  margin-top: 0;
  padding-top: 0;
}
.page.onboarding .tpl-memberimagetextcallout .member-callout {
  margin-top: 0;
}
.page.onboarding .tpl-joinschedule {
  border: 0;
}
.page.onboarding .tpl-imagetextcallout .paragraph p {
  font-size: 14px;
}
.page.onboarding .dtm-q-start-3-columns h1 {
  font-size: 14px;
  margin-bottom: 80px;
}
.page.onboarding .dtm-q-start-3-columns .columns-layout .column .content h2, .page.onboarding .dtm-q-start-3-columns .columns-layout .column .content p {
  font-size: 14px;
}
.page.onboarding .tpl-multipleselect .multiple-select li section label.check-selector h6 {
  font-size: 14px;
}
.page.onboarding textarea {
  margin: 0 auto 40px;
  width: 480px;
  text-align: center;
  font-size: 14px;
  padding-top: 25px;
  letter-spacing: 2px;
}
.page.onboarding .button.box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 2.5px;
  font-size: 14px;
  margin: 25px auto 30px;
  width: 480px;
  max-width: 480px;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.page.onboarding .alternative-cta {
  display: block;
  margin-bottom: 40px;
  font-size: 12px;
  font-weight: 400;
}

.join-schedule-form {
  max-width: none;
}
.join-schedule-form .checkbox.small label {
  padding: 0;
}
.join-schedule-form .checkbox.small .checkbox-replacement {
  position: static;
  margin: 2px 6px 0 0;
  top: auto;
  left: auto;
}
.join-schedule-form .checkbox.small .checkbox-replacement:before {
  left: -10px;
  top: -7px;
}

.page.onboarding .questionnaire h3 {
  margin-bottom: 45px;
  font-size: 14px;
  letter-spacing: 3px;
  line-height: 1.5em;
}
.page.onboarding .questionnaire fieldset {
  margin-bottom: 40px;
}
.page.onboarding .questionnaire .radio {
  margin-bottom: 40px;
}
.page.onboarding .questionnaire .radio .label {
  font-size: 14px;
}
.page.onboarding .questionnaire .radio .label .radio-replacement {
  width: 14px;
  height: 14px;
  top: 3px;
}
.page.onboarding .questionnaire .radio .label .radio-replacement:after {
  height: 6px;
  left: 4px;
  top: 4px;
  width: 6px;
}

.multiple-select {
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
  text-align: left;
  width: auto;
}
.multiple-select li {
  display: inline-block;
  width: 49%;
  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: 18px 0  18px 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: 50%;
}

.bike-classes li .search-result-row, .bike-classes li .search-result-row-bike {
  padding: 0;
  height: 115px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bike-classes li .search-result-row .class-info, .bike-classes li .search-result-row-bike .class-info {
  width: 93%;
  padding-left: 12%;
  font-size: 0;
  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%);
}
.bike-classes li .search-result-row .class-info.lock-status, .bike-classes li .search-result-row-bike .class-info.lock-status {
  color: #ccc;
}
.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: block;
}
.bike-classes li .search-result-row .class-info .padding, .bike-classes li .search-result-row-bike .class-info .padding {
  padding-left: 7.5%;
}
.bike-classes li .search-result-row .class-info h2, .bike-classes li .search-result-row .class-info p, .bike-classes li .search-result-row .class-info .option-button-container, .bike-classes li .search-result-row-bike .class-info h2, .bike-classes li .search-result-row-bike .class-info p, .bike-classes li .search-result-row-bike .class-info .option-button-container {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  font-size: 12px;
}
.bike-classes li .search-result-row .class-info p, .bike-classes li .search-result-row-bike .class-info p {
  margin-bottom: 0;
  width: 19%;
}
.bike-classes li .search-result-row .class-info p:before, .bike-classes li .search-result-row-bike .class-info p:before {
  float: left;
  margin-top: 3px;
}
.bike-classes li .search-result-row .class-info p span, .bike-classes li .search-result-row-bike .class-info p span {
  float: left;
  width: 80%;
  line-height: 1.5;
}
.bike-classes li .search-result-row .class-info h2, .bike-classes li .search-result-row-bike .class-info h2 {
  margin-bottom: 0;
  padding-right: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.bike-classes li .search-result-row .class-info .option-button-container-mobile, .bike-classes li .search-result-row-bike .class-info .option-button-container-mobile {
  display: none;
}
.bike-classes li .search-result-row .class-info .option-button-container, .bike-classes li .search-result-row-bike .class-info .option-button-container {
  position: relative;
  width: 15%;
}
.bike-classes li .search-result-row .class-info .option-button-container .option-button, .bike-classes li .search-result-row-bike .class-info .option-button-container .option-button {
  width: 100%;
}
.bike-classes li .search-result-row .class-info .option-button-container .option-button .booked, .bike-classes li .search-result-row-bike .class-info .option-button-container .option-button .booked {
  border: 0px;
}
.bike-classes li .search-result-row .class-info .option-button-container .option-button .singleBooked, .bike-classes li .search-result-row-bike .class-info .option-button-container .option-button .singleBooked {
  border-color: #1BECAA !important;
  background-color: #1BECAA;
}
.bike-classes li .search-result-row .class-info .option-button-container .option-button .multi-button-option, .bike-classes li .search-result-row-bike .class-info .option-button-container .option-button .multi-button-option {
  background-color: #1BECAA;
}
.bike-classes li .search-result-row .class-info .option-button-container .option-button .multi-button-option .button, .bike-classes li .search-result-row-bike .class-info .option-button-container .option-button .multi-button-option .button {
  border-color: #1BECAA !important;
}
.bike-classes li .search-result-row .class-info .option-button-container .option-button .multi-button-option .options, .bike-classes li .search-result-row-bike .class-info .option-button-container .option-button .multi-button-option .options {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.bike-classes li .search-result-row .class-info .option-button-container .option-button .multi-button-option .options li, .bike-classes li .search-result-row-bike .class-info .option-button-container .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 .class-info .option-button-container .option-button .multi-button-option .options li:last-child, .bike-classes li .search-result-row-bike .class-info .option-button-container .option-button .multi-button-option .options li:last-child {
  border-bottom: none;
}

.page .book-a-bike-detail {
  background: transparent;
  min-height: 600px;
  /* Page views */
}
.page .book-a-bike-detail h2 small, .page .book-a-bike-detail h3 small {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 3px;
}
.page .book-a-bike-detail h2 span, .page .book-a-bike-detail h3 span {
  font-size: 45px;
  letter-spacing: 10px;
}
.page .book-a-bike-detail h3 {
  margin: 0;
}
.page .book-a-bike-detail .message {
  font-size: 14px;
}
.page .book-a-bike-detail .modals {
  background-color: rgba(0, 0, 0, 0.4);
}
.page .book-a-bike-detail .modals > div {
  height: auto;
  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%);
}
.page .book-a-bike-detail .modals .modal-wrapper h2 span {
  display: inline;
  padding-left: 15px;
}
.page .book-a-bike-detail .modals .modal-wrapper small {
  width: 75%;
  margin: 0 auto;
}
.page .book-a-bike-detail .modals .modal-wrapper .button-container a.button.box {
  padding: 1.3em 3em;
}
.page .book-a-bike-detail .background {
  top: 125px;
}
.page .book-a-bike-detail .head {
  background-color: transparent;
}
.page .book-a-bike-detail .head .details .expand .expand-button {
  display: none;
}
.page .book-a-bike-detail .head .details .expand .more-details {
  display: block;
  border: none;
}
.page .book-a-bike-detail .head .details .expand .more-details h2.title {
  margin-bottom: 5px;
}
.page .book-a-bike-detail .head .details .expand .more-details h2.title small {
  font-size: 14px;
}
.page .book-a-bike-detail .head .details .expand .more-details h2.title span {
  font-size: 45px;
  letter-spacing: 8px;
}
.page .book-a-bike-detail .head .details .expand .more-details p {
  font-size: 14px;
  letter-spacing: 2px;
}
.page .book-a-bike-detail .head .details .expand .more-details .date span {
  display: inline;
}
.page .book-a-bike-detail .head .details .expand .more-details .links a {
  padding: 0 15px;
  font-size: 14px;
  letter-spacing: 2px;
}
.page .book-a-bike-detail .head .details .book-fav-bike {
  width: 430px;
  margin: 0 auto;
  display: block;
}
.page .book-a-bike-detail .head .details .book-fav-bike a {
  color: #000;
}
.page .book-a-bike-detail .head .details .book-fav-bike a .icon-star {
  margin-right: 5px;
}
.page .book-a-bike-detail .head .details .book-fav-bike.disabled a {
  background-color: #848589;
  border-color: #848589;
  color: #555;
  cursor: default;
}
.page .book-a-bike-detail .head .details .reserved.message {
  font-size: 14px;
  width: 45%;
  margin: 30px auto;
  margin-bottom: 60px;
}
.page .book-a-bike-detail .head .details .reserved.message .options a {
  font-size: 14px;
}
.page .book-a-bike-detail .head .details .bikes-graphic {
  max-width: 960px;
  max-height: 440px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike {
  text-align: center;
  line-height: 41px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  color: #fff;
  width: 40px;
  height: 40px;
  padding: 3px;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #fff;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.favorite-bike {
  border: 2px solid #848589;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.favorite-bike.selected {
  border: 2px solid #fff;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.favorite-bike:hover {
  border: 2px solid #fff;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.favorite-bike:before {
  font-size: 16px;
  margin-right: 3px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike:not(.unavailable):hover {
  background-color: #fff;
  color: #000;
  font-size: 0;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike:not(.unavailable):hover:before {
  font-family: 'icomoon';
  content: "\e60f";
  font-size: 24px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.unavailable {
  cursor: default;
  border: none;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.5);
  width: 42px;
  height: 42px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.selected {
  background-color: #fff;
  color: #000;
  font-size: 0;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.selected:before {
  font-family: 'icomoon';
  content: "\e60f";
  font-size: 24px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.selected:hover {
  background-color: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.selected:hover:before {
  content: '';
  display: none;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.faved {
  background-color: #848588;
  border-color: #848588;
  color: #FFF;
  text-indent: 6px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .bike.faved:before {
  font-family: 'icomoon';
  content: "\e61d";
  font-size: 10px;
  top: 3px;
  left: 1px;
  position: absolute;
}
.page .book-a-bike-detail .head .details .bikes-graphic .door {
  width: 20px;
  height: 30px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .door:before {
  font-size: 26px;
  line-height: 1.25em;
  display: block;
  content: "\e61f";
}
.page .book-a-bike-detail .head .details .bikes-graphic .instructor-bike {
  font-weight: 700;
  letter-spacing: 0px;
  width: 50px;
  height: 50px;
  font-size: 9px;
}
.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: 30px;
  padding-bottom: 4px;
}
.page .book-a-bike-detail .head .details .bikes-graphic .instructor-bike .icon-instructor_icon {
  padding-left: 10px;
}
.page .book-a-bike-detail .head .class-full h2 span {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 3px;
  margin-top: 26px;
}
.page .book-a-bike-detail .content .confirmation .share {
  font-size: 0;
  text-indent: -9999px;
}
.page .book-a-bike-detail .content .confirmation .share .social-icons {
  text-indent: 0;
}
.page .book-a-bike-detail .content .confirmation .export a {
  font-size: 14px;
  letter-spacing: 3px;
}
.page .book-a-bike-detail .content .confirmation .reminder {
  margin: 0 auto 50px;
  width: 74%;
}
.page .book-a-bike-detail .content .confirmation .options a {
  font-size: 14px;
  padding: 0 14px;
}
.page .book-a-bike-detail .content .confirmation .opt-status {
  max-width: 500px;
}
.page .book-a-bike-detail .content .confirmation .opt-status > p {
  font-size: 14px;
}
.page .book-a-bike-detail .content .confirmation .opt-status .checkbox .label {
  font-size: 14px;
}
.page .book-a-bike-detail .content .countdown h3 {
  color: #fff;
  margin: 0;
}
.page .book-a-bike-detail .content .countdown h3 small {
  font-size: 14px;
  font-weight: 400;
}
.page .book-a-bike-detail .content .countdown h3 span.countdown-time {
  font-size: 99px;
}
.page .book-a-bike-detail .content .countdown h3 span.countdown-digit {
  font-size: 120px;
  line-height: 2.5em;
}
.page .book-a-bike-detail .content .countdown .message p {
  font-size: 14px;
}
.page .book-a-bike-detail .content .class-full {
  color: #fff;
}
.page .book-a-bike-detail .content .class-full .message {
  width: 75%;
  margin: 0 auto;
  line-height: 2.2em;
  color: #fff;
}
.page .book-a-bike-detail .content .class-full .button-container a.button.box {
  background-color: #fff;
  font-size: 14px;
  height: 45px;
  padding: .9em 3em;
  border: none;
}
.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;
  text-transform: uppercase;
}
.page .book-a-bike-detail .content .class-full .subInfoError {
  margin-top: 25px;
}
.page .book-a-bike-detail.countdown .countdown .head {
  background-color: transparent;
}
.page .book-a-bike-detail.countdown .countdown .content {
  border: none;
}
.page .book-a-bike-detail.pick-favorite .pick-favorite .head .description {
  display: none;
}
.page .book-a-bike-detail.pick-favorite .pick-favorite .content {
  display: none;
}

.checkin-reminder {
  font-size: 11px;
  padding: 20px 10px;
}

.main-calendar header {
  height: 223px;
}
.main-calendar header .main-calendar-header {
  padding: 0 55px;
}
.main-calendar header .main-calendar-header h2 {
  font-size: 37px;
}
.main-calendar header .main-calendar-header h3 {
  font-size: 14px;
  font-weight: 800;
  display: inline-block;
  padding-top: 3px;
  min-width: 130px;
  /* Safari on load not getting any width bug */
  white-space: nowrap;
}
.main-calendar header .main-calendar-header a.navigation {
  font-size: 25px;
  top: 48px;
}
.main-calendar header .main-calendar-header a.navigation.prev {
  left: 75px;
}
.main-calendar header .main-calendar-header a.navigation.next {
  right: 75px;
}
.main-calendar .main-calendar-week {
  white-space: nowrap;
  font-size: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.main-calendar .main-calendar-week .day-detail-main-container:first-child .extra-event-container {
  left: 100%;
}
.main-calendar .main-calendar-week .day-detail-main-container:first-child .extra-event-container:after {
  left: 25%;
}
.main-calendar .main-calendar-week .day-detail-main-container:last-child .extra-event-container {
  left: 0;
}
.main-calendar .main-calendar-week .day-detail-main-container:last-child .extra-event-container:after {
  right: 20%;
}
.main-calendar .main-calendar-week .day-detail-main-container.show-add-event-menu .day-date {
  border-bottom: 0;
}
.main-calendar .small-calendar .add-class {
  font-size: 45px;
  font-weight: 100;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .day-left-container {
  font-size: 14px;
  width: 75px;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail {
  padding: 21px 23px 23px 0;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail .pastEvent {
  margin-top: 16px;
  margin-left: 30px;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail.past {
  padding: 40px 23px 40px 0;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail.past ul {
  margin-top: 16px;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail ul {
  margin-top: 50px;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail ul span.icon-category img {
  width: 20px;
  height: 20px;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail ul:first-child {
  margin-top: 0;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail ul li {
  display: inline;
}
.main-calendar .small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title span {
  display: inline-block;
  /*width: 85px;*/
  margin-right: 25px;
  text-align: center;
  font-size: 20px;
}
.main-calendar .day-detail-main-container {
  width: 20%;
  min-height: 436px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #d0d3d3;
  border-bottom: 1px solid #d0d3d3;
  white-space: normal;
  font-size: initial;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.main-calendar .day-detail-main-container .booking-status {
  text-transform: uppercase;
  color: #808080 !important;
  display: block;
  margin: 5px auto;
  font-weight: 500;
}
.main-calendar .day-detail-main-container .booking-status.week {
  display: inline !important;
}
.main-calendar .day-detail-main-container.past .day-detail-container .events-container p, .main-calendar .day-detail-main-container.past .day-detail-container .events-container small, .main-calendar .day-detail-main-container.past .day-detail-container .events-container a {
  color: rgba(124, 135, 142, 0.8);
}
.main-calendar .day-detail-main-container.past .day-detail-container .events-container .see-more-classes p {
  border: 1px solid #7c878e transparent;
}
.main-calendar .day-detail-main-container.past .day-detail-container .events-container .event-view [class*="icon-"] {
  display: none;
}
.main-calendar .day-detail-main-container.past .day-detail-container .events-container .event-view small.selected-bike {
  color: inherit;
}
.main-calendar .day-detail-main-container.past .day-detail-container .events-container .extra-event-container {
  background-color: #999fa3;
}
.main-calendar .day-detail-main-container.past .day-detail-container .events-container .extra-event-container small {
  color: #fff;
}
.main-calendar .day-detail-main-container.past .icon-category {
  display: none;
}
.main-calendar .day-detail-main-container.past .event-overlay a.book-a-bike, .main-calendar .day-detail-main-container.past .event-overlay a.schedule {
  display: none;
}
.main-calendar .day-detail-main-container.current-day .day-date {
  background-color: #7c878e;
}
.main-calendar .day-detail-main-container.current-day .day-date p, .main-calendar .day-detail-main-container.current-day .day-date small {
  color: #fff;
}
.main-calendar .day-detail-main-container.current-day .day-date p.dayName, .main-calendar .day-detail-main-container.current-day .day-date small.dayName {
  display: none;
}
.main-calendar .day-detail-main-container.current-day .day-date p.today {
  margin-top: 8px;
  display: block;
}
.main-calendar .day-detail-main-container:first-child {
  border-left: 0;
}
.main-calendar .day-detail-main-container.empty-day {
  min-height: 436px;
}
.main-calendar .day-detail-main-container .day-date {
  background-color: #fff;
  border-bottom: 1px solid #d0d3d3;
  text-align: center;
  padding: 15px;
  position: relative;
  z-index: 120;
  min-height: 36px;
}
.main-calendar .day-detail-main-container .day-date p, .main-calendar .day-detail-main-container .day-date small {
  text-transform: uppercase;
  color: #000;
}
.main-calendar .day-detail-main-container .day-date .booking-status {
  text-transform: uppercase;
  color: #808080 !important;
}
.main-calendar .day-detail-main-container .day-date .booking-status.week {
  display: inline !important;
}
.main-calendar .day-detail-main-container .day-date p {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px;
}
.main-calendar .day-detail-main-container .day-date p.today {
  display: none;
}
.main-calendar .day-detail-main-container .day-date small {
  display: block;
  font-size: 12px;
}
.main-calendar .day-detail-main-container .add-event {
  width: 100%;
  background-color: #f6f6f6;
  font-size: 32px;
  color: #d0d3d3;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
}
.main-calendar .day-detail-main-container .add-event.empty-day {
  position: absolute;
  top: 67px;
  font-size: 80px;
  font-weight: 100;
}
.main-calendar .day-detail-main-container .add-event.empty-day span {
  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%);
}
.main-calendar .day-detail-main-container.show-add-event-menu .day-detail-container .event-overlay {
  height: 423px;
}
.main-calendar .day-detail-main-container .day-detail-container {
  width: 100%;
  min-height: 423px;
  display: table;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container {
  background-color: #fff;
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container.single-event .event-view [class*="icon-"] {
  width: 75px;
  height: 75px;
  font-size: 28px;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view {
  margin-bottom: 20px;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view.past [class*="icon-"] {
  display: none;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view.past p, .main-calendar .day-detail-main-container .day-detail-container .events-container .event-view.past small {
  color: rgba(124, 135, 142, 0.7);
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view [class*="icon-"] {
  display: block;
  margin: 0 auto 10px;
  width: 38px;
  height: 38px;
  color: #fff;
  line-height: 2.7;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view [class*="icon-"] img {
  border-radius: 100%;
  height: 100%;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view.check-in [class*="icon-"] {
  font-size: 20px;
  color: #7c878e;
  line-height: 1;
  background-color: transparent;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view.check-in p {
  display: none;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view p {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .96px;
  margin: 0;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view small {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view small.selected-bike {
  display: block;
  font-weight: 700;
  color: #7c878e;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .event-view .instructors, .main-calendar .day-detail-main-container .day-detail-container .events-container .event-view .club-name {
  display: none;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .see-more-classes {
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  position: relative;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .see-more-classes.active p {
  background-color: #7c878e;
  color: #fff;
}
.main-calendar .day-detail-main-container .day-detail-container .events-container .see-more-classes p {
  width: 25px;
  height: 25px;
  margin: 0 auto 10px;
  font-size: 16px;
  line-height: 1.8;
  border: 1px solid #7c878e;
}
.main-calendar .day-detail-main-container .day-detail-container .event-overlay {
  position: absolute;
  height: 0;
  z-index: 110;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #333f48;
  -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;
}
.main-calendar .day-detail-main-container .day-detail-container .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%);
}
.main-calendar .day-detail-main-container .day-detail-container .event-overlay > div a {
  display: block;
  font: 700 12px/1.4 'Graphik Web';
  color: #d0d3d3;
  text-transform: uppercase;
  margin-bottom: 40px;
  letter-spacing: .7px;
}
.main-calendar .day-detail-main-container .day-detail-container .event-overlay > div a:last-child {
  margin-bottom: 0;
}
.main-calendar .day-detail-main-container .day-detail-container .event-overlay > div a span {
  display: block;
  margin-bottom: 5px;
  color: #fff;
}
.main-calendar .day-detail-main-container .day-detail-container .event-overlay > div a span.icon-training {
  font-size: 9px;
}
.main-calendar .day-detail-main-container .day-detail-container .event-overlay .close-event-overlay {
  position: absolute;
  bottom: 10px;
  left: 50%;
  font-size: 40px;
  color: #d0d3d3;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.main-calendar .day-detail-main-container .extra-event-container {
  opacity: 0;
  height: 0;
  position: absolute;
  bottom: 120%;
  left: 50%;
  z-index: 200;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 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;
  width: 203%;
  background-color: #333f48;
}
.main-calendar .day-detail-main-container .extra-event-container:after {
  content: '';
  position: absolute;
  margin-left: -7px;
  border-top: 6px solid #333f48;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.main-calendar .day-detail-main-container .extra-event-container.active {
  opacity: 1;
  height: auto;
}
.main-calendar .day-detail-main-container .extra-event-container.active .extra-event-wrapper {
  max-height: 210px;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-wrapper {
  max-height: 0;
  overflow-y: auto;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view {
  border-top: 1px solid #a4abb0;
  position: relative;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view:first-child {
  border-top: 0;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view a {
  padding: 22px 50px 22px 22px;
  display: block;
  text-align: left;
  letter-spacing: 1px;
  line-height: 1.4em;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view h2, .main-calendar .day-detail-main-container .extra-event-container .extra-event-view small {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view h2 {
  font-weight: 700;
  margin-bottom: 5px;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view small {
  display: block;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view small.selected-bike {
  display: block;
  font-weight: 700;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view span {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -10px;
  font-size: 18px;
  color: #fff;
}
.main-calendar .day-detail-main-container .extra-event-container .extra-event-view .instructors, .main-calendar .day-detail-main-container .extra-event-container .extra-event-view .club-name {
  display: none;
}

.mobile-calendar-small-container .controls {
  padding: 22px 0;
}

/* Overrides mobile calendar on main calendar page for tablet */
.small-calendar.calendar-box table .day-detail-container .classes-detail ul li {
  font-size: 15px;
}

.pop-up-wrapper .pop-up-message {
  width: 40%;
  min-height: 300px;
}
.pop-up-wrapper .pop-up-message h2 {
  font-size: 24px;
  margin: 40px;
}

.qblog {
  padding: 130px 38px 0;
  background-color: #e6e6e6;
  position: relative;
}

.qblog-logo {
  top: 130px;
  left: 38px;
  width: 166px;
  height: 166px;
  font-size: 120px;
}

.carousel .swipe-guide {
  display: block;
}

.carousel-item .caption h2 {
  font-size: 49px;
  font-weight: 400;
  letter-spacing: 8.82px;
}

.qblog-content {
  padding: 22px 0;
}
.qblog-content:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.qblog-content .article-container {
  float: left;
  width: 66%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.qblog-content .article-container article .article-content {
  padding: 25px 32px;
}
.qblog-content .article-container article .article-content .article-category, .qblog-content .article-container article .article-content .article-date, .qblog-content .article-container article .article-content p {
  font-size: 14px;
  letter-spacing: 1.12px;
}
.qblog-content .article-container article .article-content h2 {
  font-size: 24px;
  letter-spacing: 2.4px;
  margin: 10px 0;
}
.qblog-content .article-container .article-pager {
  margin: 55px 0;
}
.qblog-content .article-container .article-pager li {
  margin-left: 25px;
}
.qblog-content .article-container .article-pager li a {
  font-size: 14px;
}
.qblog-content .main-article .main-article-text {
  padding: 32px 40px;
}
.qblog-content .main-article .main-article-text h3 {
  font-size: 35px;
  letter-spacing: 5.95px;
  margin-bottom: 10px;
}
.qblog-content .main-article .main-article-text small {
  font-size: 14px;
  letter-spacing: 1.4px;
}
.qblog-content .main-article .main-article-text .main-article-info {
  font-size: 14px;
  margin-bottom: 40px;
}
.qblog-content .main-article .main-article-text .main-article-info .author {
  text-transform: none;
}
.qblog-content .main-article .main-article-text p {
  margin-bottom: 26px;
}
.qblog-content .main-article .main-article-text .tags {
  margin-top: 57px;
}
.qblog-content aside {
  float: right;
  width: 34%;
  padding-left: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.qblog-content aside .subscribe p, .qblog-content aside .subscribe h2, .qblog-content aside .article-excerpt p, .qblog-content aside .article-excerpt h2 {
  width: auto;
}
.qblog-content aside .subscribe h2, .qblog-content aside .article-excerpt h2 {
  font-size: 20px;
  margin-bottom: 14px;
}
.qblog-content aside .subscribe a, .qblog-content aside .article-excerpt a {
  text-align: center;
}
.qblog-content aside .subscribe p {
  font-size: 14px;
  font-weight: 700;
}
.qblog-content aside .subscribe h2 {
  margin-bottom: 6px;
}
.qblog-content aside .article-excerpt p {
  font-size: 21px;
}
.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%);
}

.notifications-page .notifications-header {
  padding: 50px;
}
.notifications-page .notifications-header h1 {
  font-size: 36px;
}
.notifications-page .notifications-container {
  padding: 40px 40px 110px;
}
.notifications-page .notifications-container h2 {
  font-size: 15px;
}
.notifications-page .notifications-container .notifications {
  padding: 90px 10% 70px;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification {
  padding: 22px 16% 22px 0;
}
.notifications-page .notifications-container .notifications .notification-group .notification-list .notification .time {
  bottom: auto;
}
.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;
}

#activity-app-tour {
  max-width: 100%;
  background: #000 url(/assets/images/activity/tour_desktop.jpg) no-repeat center 100px;
  background-size: 684px 315px;
  height: 545px;
}
#activity-app-tour h1 {
  /*font-size: 32px;*/
  font-size: 45px;
  letter-spacing: 10px;
  margin: 40px 0 10px;
}
#activity-app-tour p {
  margin-bottom: 385px;
  width: 100%;
}

.nav-title {
  font-size: 12px;
}

#activity-app-nav {
  max-width: 520px;
}
#activity-app-nav li {
  margin-left: 0;
}
#activity-app-nav li a {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 12px;
  line-height: 10px;
}
#activity-app-nav li a span {
  letter-spacing: 2px;
  padding: 0;
}
#activity-app-nav li a.selected span {
  padding: 0 0 4px;
}
#activity-app-nav li:last-child a {
  border-right: 0;
}

.dateSelector {
  max-width: 450px;
}
.dateSelector .timeframe-select-current {
  font-size: 22px;
  font-weight: 200;
  padding: 20px 0;
  height: 32px;
  line-height: 32px;
}
.dateSelector .timeframe-select-current:hover {
  font-weight: 400;
}
.dateSelector .timeframe-select-current .timeframe-select-current-arrow {
  top: -10px;
  margin-left: 15px;
}
.dateSelector .timeframe-select-options {
  padding: 20px 10px 10px;
  max-height: 500px;
  min-width: 185px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dateSelector .timeframe-select-options .timeframe-select-option {
  margin-bottom: 20px;
}
.dateSelector .timeframe-select-options .timeframe-select-option > a {
  text-transform: uppercase;
  font-size: 20px;
}

.timeframe-select-overlay {
  height: 700px;
}

#activity-app-page .activity-eq-graphic {
  position: relative;
  margin-bottom: 50px;
}
#activity-app-page .activity-eq-graphic .graphic-information-container {
  width: 70%;
  padding-left: 30px;
}

#activity-app-page-visual {
  clear: both;
}
#activity-app-page-visual .activity-session-drilldown {
  top: -80px;
  font-size: 36px;
  padding: 20px 0;
  height: 40px;
}
#activity-app-page-visual .activity-session-drilldown .activity-session-drilldown-icon {
  top: 1px;
  margin-left: 15px;
}
#activity-app-page-visual #activity-canvas.selectable {
  cursor: pointer;
}
#activity-app-page-visual #activity-canvas-labels p.label {
  font-size: 16px;
}
#activity-app-page-visual #activity-canvas-labels p.label.small {
  font-size: 12px;
}
#activity-app-page-visual .activity-canvas-info-wrapper {
  top: 155px;
}
#activity-app-page-visual .activity-canvas-info-wrapper .activity-canvas-info {
  width: 140px;
  font-size: 14px;
  padding-top: 70px;
  background-size: 60px 60px;
}
#activity-app-page-visual .activity-canvas-info-wrapper.no-text {
  top: 170px;
}

#activity-app-page-visual .no-sessions-activity {
  background: url(/assets/images/activity/zero_sessions_desktop.jpg) no-repeat top center;
  background-size: 398px 394px;
  height: 14px;
  margin: 20px 0 60px;
  padding: 190px 0;
  font-size: 11px;
}
#activity-app-page-visual #activity-svg-container {
  overflow-x: visible;
  margin-bottom: 20px;
}
#activity-app-page-visual #activity-svg-container #activity-svg text {
  font-size: 11px;
  pointer-events: none;
}

#activity-app-page-list {
  padding: 60px 0;
}
#activity-app-page-list .list-title {
  font-size: 22px;
}
#activity-app-page-list .energy-summary {
  width: 40%;
}
#activity-app-page-list .list-sub-title {
  font-size: 15px;
  font-weight: 700;
  color: #525252;
  width: 100%;
  margin: 0;
}
#activity-app-page-list .list-top-arrow {
  top: -15px;
  border-width: 0 15px 15px 15px;
}
#activity-app-page-list .list-container {
  padding: 10px 15px;
}
#activity-app-page-list .list-container .list-timeline {
  left: 49.99%;
  height: calc(100% - 20px);
}
#activity-app-page-list .list-container .list-items {
  padding: 22px 0 22px;
  position: relative;
  overflow: auto;
}
#activity-app-page-list .list-container .list-items .list-item {
  width: 50%;
  clear: both;
  margin-top: -40px;
}
#activity-app-page-list .list-container .list-items .list-item.weight:nth-child(odd) .list-item-info, #activity-app-page-list .list-container .list-items .list-item.weight:nth-of-type(odd) .list-item-info {
  text-align: left;
}
#activity-app-page-list .list-container .list-items .list-item .list-item-date {
  position: absolute;
  margin-left: 0;
  float: none;
  width: 10%;
  top: 20px;
}
#activity-app-page-list .list-container .list-items .list-item .list-item-info {
  margin: 0;
  display: inline-block;
  max-width: 335px;
}
#activity-app-page-list .list-container .list-items .list-item .list-item-info .list-item-info-values {
  font-size: 14px;
}
#activity-app-page-list .list-container .list-items .list-item .list-item-info .list-item-info-values.with-calories {
  padding-right: 70px;
}
#activity-app-page-list .list-container .list-items .list-item .list-item-info .list-item-info-values span {
  word-wrap: none;
}
#activity-app-page-list .list-container .list-items .list-item .list-item-info .list-item-info-values span:before {
  content: "";
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(odd), #activity-app-page-list .list-container .list-items .list-item:nth-of-type(odd) {
  float: left;
  text-align: right;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(odd) .list-item-date, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(odd) .list-item-date {
  left: 95%;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(odd) .list-item-info, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(odd) .list-item-info {
  right: 10%;
  text-align: right;
  margin-left: 5%;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(odd) .list-item-info:after, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(odd) .list-item-info:after {
  content: " ";
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-width: 10px;
  border-left-color: #ffffff;
  margin-top: -10px;
  top: 50%;
  left: 100%;
  position: absolute;
  height: 0;
  width: 0;
  display: block;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(odd) .list-item-info:before, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(odd) .list-item-info:before {
  display: none;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(odd) .list-item-info .list-item-info-energy, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(odd) .list-item-info .list-item-info-energy {
  left: 20px;
  right: auto;
  position: absolute;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(odd) .list-item-info .list-item-info-values.with-calories, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(odd) .list-item-info .list-item-info-values.with-calories {
  padding-right: 20px;
  padding-left: 75px;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(even), #activity-app-page-list .list-container .list-items .list-item:nth-of-type(even) {
  float: right;
  text-align: left;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(even) .list-item-date, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(even) .list-item-date {
  left: -5%;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(even) .list-item-info, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(even) .list-item-info {
  left: 10%;
  margin-right: 5%;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(even) .list-item-info .list-item-info-energy, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(even) .list-item-info .list-item-info-energy {
  left: auto;
  right: 20px;
  position: absolute;
}
#activity-app-page-list .list-container .list-items .list-item:nth-child(even) .list-item-info .list-item-info-values.with-calories, #activity-app-page-list .list-container .list-items .list-item:nth-of-type(even) .list-item-info .list-item-info-values.with-calories {
  padding-left: 20px;
  padding-right: 75px;
}
#activity-app-page-list .list-container .list-items .list-item:first-child {
  margin-top: 0;
}
#activity-app-page-list .list-container .list-items .list-item.workout, #activity-app-page-list .list-container .list-items .list-item.checkin, #activity-app-page-list .list-container .list-items .list-item.weight {
  height: auto;
}
#activity-app-page-list .list-container .list-items .list-item.workout:last-child, #activity-app-page-list .list-container .list-items .list-item.checkin:last-child, #activity-app-page-list .list-container .list-items .list-item.weight:last-child {
  margin-bottom: 0;
}
#activity-app-page-list .list-container .list-items .list-item.workout:nth-child(odd) .list-item-date, #activity-app-page-list .list-container .list-items .list-item.workout:nth-of-type(odd) .list-item-date, #activity-app-page-list .list-container .list-items .list-item.checkin:nth-child(odd) .list-item-date, #activity-app-page-list .list-container .list-items .list-item.checkin:nth-of-type(odd) .list-item-date, #activity-app-page-list .list-container .list-items .list-item.weight:nth-child(odd) .list-item-date, #activity-app-page-list .list-container .list-items .list-item.weight:nth-of-type(odd) .list-item-date {
  left: 95.1%;
}
#activity-app-page-list .list-container .list-items .list-item.workout .list-item-date, #activity-app-page-list .list-container .list-items .list-item.checkin .list-item-date, #activity-app-page-list .list-container .list-items .list-item.weight .list-item-date {
  top: 50%;
  margin-top: -4px;
  margin-left: 0;
}
#activity-app-page-list .list-container .list-items .list-item.checkin, #activity-app-page-list .list-container .list-items .list-item.weight {
  padding-top: 18px;
}
#activity-app-page-list .month-container.expanded .month.navigation {
  text-align: center;
  padding-left: 0;
}

#activity-app-page-visual .activity-bar-chart {
  width: 85%;
  height: 275px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-axis .activity-bar-chart-axis-label {
  height: 45px;
  border-bottom: none;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-axis .activity-bar-chart-axis-label .activity-bar-chart-axis-label-value {
  font-size: 12px;
  font-weight: 700;
}
#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 .activity-bar-chart-bar .activity-bar-chart-bar-label {
  color: #747474;
  font-size: 11px;
  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 {
  font-size: 8px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-best {
  display: block;
  position: absolute;
  left: 0;
  height: 1px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-best .activity-bar-chart-best-value {
  font-size: 12px;
  position: absolute;
  bottom: 5px;
  color: #fff;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-best .activity-bar-chart-best-value .activity-bar-chart-best-label {
  opacity: .8;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip {
  position: absolute;
  z-index: 10;
  display: none;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip .activity-bar-chart-tooltip-values {
  padding: 20px;
  width: 80px;
  background: #fff;
  position: absolute;
  bottom: 60px;
  left: -54px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip .activity-bar-chart-tooltip-values .activity-bar-chart-tooltip-value {
  margin-bottom: 10px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip .activity-bar-chart-tooltip-values .activity-bar-chart-tooltip-value span {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  display: block;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip .activity-bar-chart-tooltip-values .activity-bar-chart-tooltip-value span.activity-bar-chart-tooltip-value-name {
  font-weight: 700;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip .activity-bar-chart-tooltip-values .activity-bar-chart-tooltip-value:last-child {
  margin-bottom: 0;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip .activity-bar-chart-tooltip-arrow {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: 54px;
}
#activity-app-page-visual .activity-bar-chart .activity-bar-chart-tooltip .activity-bar-chart-tooltip-dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  position: absolute;
  bottom: 35px;
  left: 2px;
  background: #fff;
}
#activity-app-page-visual .activity-bar-chart-info {
  width: 85%;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total {
  margin-bottom: 75px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total .activity-bar-chart-total-label {
  font-size: 11px;
  width: 60px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total .activity-bar-chart-total-value {
  font-size: 45px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-total .activity-bar-chart-total-metric {
  font-size: 18px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key {
  text-align: right;
  float: right;
  margin: -120px 0 0;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key .activity-bar-chart-key-item {
  display: block;
  margin-bottom: 10px;
}
#activity-app-page-visual .activity-bar-chart-info .activity-bar-chart-key .activity-bar-chart-key-item:first-child {
  margin-right: 0;
}

#activity-app-page-visual #activity-best-progress {
  margin-bottom: 60px;
}
#activity-app-page-visual .activity-current-best {
  font-size: 14px;
  color: #fff;
}
#activity-app-page-visual .activity-current-best .activity-current-best-label {
  opacity: .8;
}
#activity-app-page-visual .activity-current-progress {
  top: 160px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-total {
  font-size: 22px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-new {
  font-size: 22px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-value .activity-current-progress-amount {
  font-size: 100px;
  line-height: 80px;
  letter-spacing: -5px;
}
#activity-app-page-visual .activity-current-progress .activity-current-progress-value .activity-current-progress-unit {
  font-size: 30px;
}

#activity-app-page-connect {
  text-align: left;
  max-width: 860px;
  padding: 70px 0;
}
#activity-app-page-connect > h3 {
  font-size: 22px;
  margin-bottom: 55px;
  text-align: center;
}
#activity-app-page-connect .activity-connect-section {
  display: block;
  width: 42%;
  margin: 0 4%;
  float: left;
}
#activity-app-page-connect .activity-connect-section > h4 {
  font-size: 16px;
  margin-bottom: 25px;
}
#activity-app-page-connect .activity-connect-section .activity-connect-apps li {
  width: auto;
  margin-right: 25px;
}
#activity-app-page-connect .activity-connect-section.connect-apps:after {
  display: none;
}
#activity-app-page-connect .activity-connect-section.connect-equipment > a {
  display: inline-block;
  margin-right: 25px;
}

/* Activity Cycling Category - Top Message module */
.upper-cycling-module {
  padding: 18px 60px 46px;
}
.upper-cycling-module .upper-select-container {
  position: relative;
  text-align: center;
  width: 100%;
}
.upper-cycling-module .upper-select-container .back-button {
  display: inline-block;
  font-size: 18px;
  margin-left: 0;
  position: absolute;
  left: 5px;
  top: 35px;
}
.upper-cycling-module .color-button-box {
  background-color: rgba(51, 63, 72, 0.7);
  padding: 30px;
}
.upper-cycling-module .color-button-box .close {
  right: 16px;
}
.upper-cycling-module .color-button-box .color-title > p {
  font-size: 19px;
  margin-bottom: 10px;
}
.upper-cycling-module .color-button-box p {
  font-size: 12px;
}

/* Activity Cycling Category - Energy Bar Stats module */
.graphic-bar-module {
  padding: 0 60px 50px;
  min-height: 480px;
}
.graphic-bar-module .small-menu li .month .timeframe-select-current {
  font-size: 18px;
}
.graphic-bar-module .small-menu li .month .timeframe-select-options {
  min-width: 190px;
}
.graphic-bar-module .small-menu li .year .timeframe-select-current {
  padding-left: 25px !important;
}
.graphic-bar-module .small-menu li .year .timeframe-select-options {
  min-width: 155px;
}
.graphic-bar-module .small-menu li .allTimeTitle {
  margin-top: 0;
}
.graphic-bar-module .small-menu li .allTimeTitle h3 {
  font-size: 18px;
}
.graphic-bar-module .small-menu li .dateSelector .timeframe-select-current {
  padding: 0;
  font-weight: 700;
}
.graphic-bar-module .small-menu li .dateSelector .timeframe-select-current .icon-dropdown {
  border-right: 0;
  padding-right: 25px;
}
.graphic-bar-module .small-menu li .dateSelector .timeframe-select-options .timeframe-select-option {
  border-left: 0;
}
.graphic-bar-module .activity-select {
  display: block;
  font-size: 25px;
  padding-top: 60px;
}
.graphic-bar-module .select-arrow {
  font-size: 12px;
  vertical-align: middle;
}
.graphic-bar-module .month .timeframe-select-options {
  max-height: 350px;
  overflow-y: auto;
}
.graphic-bar-module .graphic-result-container .graphic-bar {
  min-height: 324px;
  display: block;
  overflow-x: visible;
  width: 100%;
  /* &.year {
  	min-height: 252px;
  	padding-bottom: 0;
  	.graph-container {
  		min-height: none;
  		margin: 0 auto;
  		.stats-bar-chart {
  			height: 600px;
  		}
  	}
  } */
}
.graphic-bar-module .graphic-result-container .graphic-bar .graph-container {
  min-width: 0;
  width: 100%;
}
.graphic-bar-module .graphic-result-container .results-container {
  padding-bottom: 0;
}
.graphic-bar-module .graphic-result-container .results-container span {
  font-size: 13px;
}
.graphic-bar-module .graphic-result-container .results-container .three-row-container .stat-item span.measure .measure-title {
  font-size: 13px;
}
.graphic-bar-module .graphic-result-container .results-container .three-row-container .stat-item span.measure span {
  font-size: 15px;
}
.graphic-bar-module .graphic-result-container .dateSelector {
  margin-top: 30px;
}

/* Activity Cycling Category - Stats Comparision module */
.compare-columns {
  padding: 51px 5% 129px;
  display: block;
  margin: 0 auto;
}
.compare-columns.ride-stats {
  padding: 35px 30px 0;
  border-bottom: 0;
}
.compare-columns.ride-stats .compare-container {
  border-bottom: 1px solid #4d4d4d;
  padding-bottom: 55px;
  max-width: 800px;
  margin: 0 auto;
}
.compare-columns.ride-stats .compare-container ul.compare-category {
  padding-left: 16.666%;
  margin-left: 0;
  width: 100%;
}
.compare-columns.ride-stats .compare-container ul.compare-category li {
  width: 16.666%;
}
.compare-columns.ride-stats .compare-container ul.compare-category li > div {
  max-width: 60%;
  margin: auto;
}
.compare-columns.ride-stats .compare-container ul.col-1 li, .compare-columns.ride-stats .compare-container ul.col-2 li {
  width: 14%;
}
.compare-columns.ride-stats .compare-container ul.col-1 li.title, .compare-columns.ride-stats .compare-container ul.col-2 li.title {
  width: 17%;
}
.compare-columns.ride-stats .compare-container ul.col-1 li div, .compare-columns.ride-stats .compare-container ul.col-2 li div {
  -webkit-transform: translate(-50%, -73%);
  -moz-transform: translate(-50%, -73%);
  -ms-transform: translate(-50%, -73%);
  -o-transform: translate(-50%, -73%);
  transform: translate(-50%, -73%);
}
.compare-columns .compare-container {
  max-width: 700px;
  margin: 0 auto;
}
.compare-columns .compare-container ul {
  display: block;
  width: 100%;
}
.compare-columns .compare-container ul.compare-category {
  font-size: 0;
  padding-left: 20%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.compare-columns .compare-container ul.compare-category li {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  width: 25%;
}
.compare-columns .compare-container ul.col-1 {
  margin-bottom: 12px;
}
.compare-columns .compare-container ul.col-2 li {
  font-weight: 400;
}
.compare-columns .compare-container ul.col-1, .compare-columns .compare-container ul.col-2 {
  display: table;
}
.compare-columns .compare-container ul.col-1 li, .compare-columns .compare-container ul.col-2 li {
  display: table-cell;
  font-size: 27px;
  margin-bottom: 0;
  height: 54px;
  width: 20%;
  vertical-align: middle;
}
.compare-columns .compare-container ul.col-1 li:last-child, .compare-columns .compare-container ul.col-2 li:last-child {
  margin-bottom: 0;
}
.compare-columns .compare-container ul.col-1 li > span, .compare-columns .compare-container ul.col-2 li > span {
  font-size: 11px;
  color: #484848;
}
.compare-columns .compare-container ul.col-1 li.title, .compare-columns .compare-container ul.col-2 li.title {
  font-size: 23px;
  text-align: left;
  margin: 0;
}
.compare-columns .compare-container ul.divider {
  display: none;
}

/* Personal Bests */
.personal-bests {
  padding: 0 30px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.personal-bests h3 {
  font-size: 24px;
  margin: 0 70px 5px;
}
.personal-bests p {
  font-size: 12px;
  text-align: center;
  margin: 0 30px 34px;
}
.personal-bests .slide-prev, .personal-bests .slide-next {
  top: 47%;
}
.personal-bests .main-best-ride .owl-wrapper-outer {
  width: 99.8%;
}
.personal-bests .main-best-ride .owl-wrapper-outer .owl-wrapper .owl-item.active .best-ride-container .ride-info-container ul.best-ride-content {
  padding: 0 12px;
}
.personal-bests .main-best-ride .owl-wrapper-outer .owl-wrapper .owl-item:last-child .best-ride-container .ride-info-container ul.best-ride-content {
  border-right: 0;
}
.personal-bests .main-best-ride .best-ride-container {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container {
  margin-top: 0;
  border-top: 0;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .best-ride-content {
  margin-top: 0;
  border-right: 1px solid #bdc1c4;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .best-ride-content li {
  font-size: 11px;
  line-height: 25px;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .best-ride-content li.icon-star-slim {
  font-size: 25px;
  color: #333f48;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .best-ride-content li.title {
  font-size: 11px;
  margin: 5px 0 0;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .best-ride-content li.result {
  margin-bottom: 24px;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .best-ride-content li.result span.measure {
  font-size: 34px;
  font-weight: 400;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .best-ride-content li.result span.measure > span {
  font-size: 26px;
  font-weight: 400;
}
.personal-bests .main-best-ride .best-ride-container .ride-info-container .detail-link {
  margin-top: 36px;
  font-size: 10px;
}

/* Activity Cycling Category - Milestones and Leaderboard modules */
.common-cta-module {
  padding: 40px 0 119px;
  display: block;
}
.common-cta-module.milestones {
  padding: 40px 0;
}
.common-cta-module h3 {
  font-size: 24px;
  margin: 0 60px 5px;
}
.common-cta-module p {
  margin: 0 30px 34px;
}
.common-cta-module nav {
  margin-top: 44px;
  padding: 0;
}
.common-cta-module > a {
  margin: 0 28px;
}

.half-module {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  width: 49.96%;
}
.half-module .image-wrapper {
  height: 474px;
}
.half-module .image-wrapper img {
  width: auto;
}
.half-module .group-cycling {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 35px 27px;
  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%);
  width: 285px;
}
.half-module .group-cycling h6 {
  font-size: 33px;
  margin-bottom: 10px;
}
.half-module .group-cycling h6 small {
  font-size: 12px;
}
.half-module .group-cycling p {
  font-size: 12px;
  padding: 0 50px;
}
.half-module .group-cycling nav {
  padding: 0;
}
.half-module .group-cycling nav a {
  background-color: transparent;
  border-color: white;
}

/* Activity Cycling - Extra elements */
.small-menu {
  border-bottom: 0;
}
.small-menu:last-child {
  clear: both;
  border-top: 0;
  border-bottom: 0;
  padding-top: 52px;
}
.small-menu.upper li a span {
  font-size: 18px;
}
.small-menu.lower li {
  width: auto;
}
.small-menu li {
  border-left: 2px solid #484848;
}
.small-menu li:first-child {
  border-left: 0;
}
.small-menu li a {
  padding: 0 25px;
  text-align: center;
}
.small-menu li a span {
  border-right: 0;
  color: #fff;
  font-size: 12px;
  padding: 0;
}
.small-menu li a.selected span {
  border-bottom: 1px solid #fff;
  display: inline;
  font-weight: 700;
  padding: 0 0 5px;
}
.small-menu li a.selected span:before, .small-menu li a.selected span:after {
  display: none;
}

.activity-session-drilldown-icon {
  margin-bottom: 5px;
}

.activity-select {
  display: inline-block;
  font-size: 31px;
  padding: 34px 0;
}
.activity-select .select-arrow {
  font-size: 15px;
}

.main-content {
  text-align: center;
}
.main-content.cycling-leaders {
  display: block;
  max-width: 396px;
  margin: 0 auto 38px;
}
.main-content .three-circles-container {
  max-width: 623px;
  display: block;
  margin: 0 auto;
}
.main-content .three-circles-container ul {
  margin: 0;
  vertical-align: top;
  width: 31.4%;
}
.main-content .three-circles-container ul li {
  padding: 0 35px;
}
.main-content .three-circles-container ul li:first-child {
  padding: 0;
}
.main-content .three-circles-container .rounded-image {
  width: 115px;
  height: 115px;
  margin: 0 auto 18px;
}
.main-content .three-circles-container .rounded-image.small {
  margin-top: 9px;
  width: 98px;
  height: 98px;
}
.main-content .three-circles-container .rounded-image.rounded-button a {
  font-size: 27px;
  padding: 37px 0;
}
.main-content ul {
  margin: 0 8% 22px;
}
.main-content ul:first-child {
  display: inline-block;
}
.main-content ul.big-circle {
  width: 35%;
}
.main-content ul li {
  font-size: 12px;
}
.main-content ul li.small-font {
  font-size: 11px;
}
.main-content ul .image {
  width: 97px;
  margin: 0 auto 8px;
}
.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: 133px;
  height: 133px;
  margin: 0 auto 18px;
}
.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: 107px;
  height: 107px;
  margin-top: 17px;
  margin-bottom: 26px;
}

.empty-milestone-container {
  height: 148px;
  padding: 50px 60px 0;
}
.empty-milestone-container span {
  margin-bottom: 4px;
}
.empty-milestone-container p {
  margin-bottom: 0;
}

/**---- Activity Cycling Details Section ----**/
.detail-header .header-wrapper {
  height: 171px;
}
.detail-header .header-wrapper > a {
  font-size: 18px;
  top: 22px;
  left: 22px;
}
.detail-header .header-wrapper .activity-icon {
  font-size: 55px;
}
.detail-header .title-cta-module h3 {
  font-size: 38px;
}
.detail-header .title-cta-module h3 small {
  font-size: 12px;
}
.detail-header .title-cta-module .instructor {
  letter-spacing: 1px;
  margin-bottom: 25px;
}
.detail-header .title-cta-module nav {
  margin-top: 25px;
  padding: 0;
}

.class-results-container .class-results {
  padding: 40px 10px 0;
}
.class-results-container .class-results h3 {
  font-size: 27px;
  margin-bottom: 30px;
}
.class-results-container .class-results .results-columns {
  margin: 0 auto;
  max-width: 797px;
}
.class-results-container .class-results .results-columns .result-row {
  display: inline-block;
  padding: 0 10px;
  width: 27.5%;
}
.class-results-container .class-results .results-columns .result-row ul {
  border-bottom: 0;
  padding: 0;
}
.class-results-container .class-results .results-columns .result-row ul li {
  font-size: 11px;
}
.class-results-container .class-results .results-columns .result-row ul li:last-child {
  font-size: 14px;
}
.class-results-container .class-results .results-columns .result-row ul li.position p {
  font-size: 65px;
  margin-bottom: 8px;
}
.class-results-container .class-results .results-columns .result-row ul li.position p sup {
  font-size: 23px;
}
.class-results-container .class-results .results-columns .secondary-info {
  display: inline-block;
  padding: 0;
  width: 38%;
  border-left: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container {
  border-bottom: 0;
  padding: 0;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul {
  width: 49.2%;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul:first-child {
  margin-bottom: 27px;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul li p {
  font-size: 26px;
}
.class-results-container .class-results .results-columns .secondary-info .secondary-info-container ul li p span {
  font-size: 11px;
  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 {
  display: inline-block;
  padding: 0 10px;
  width: 27.5%;
}
.class-results-container .class-results .results-columns .class-award p {
  margin-bottom: 10px;
}
.class-results-container .class-results .results-columns .class-award > img {
  width: 63px;
  margin-bottom: 0;
}
.class-results-container .class-results .results-columns .sharing {
  padding: 33px 20px;
  margin-bottom: 0;
}
.class-results-container .class-results .results-columns .sharing .sharing-icon {
  padding: 0 10px;
}

.class-stats-container {
  padding-bottom: 58px;
}
.class-stats-container .color-reference {
  top: 100px;
  right: 60px;
}
.class-stats-container .graphic {
  margin: 27px 0 0;
  padding: 0 40px;
}
.class-stats-container .graphic .canvas-container {
  padding: 22px 0 0 0;
}
.class-stats-container .small-menu.lower {
  padding-top: 22px;
}

.comparision-milestones-module:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-left: 1px solid #b2b2b2;
}
.comparision-milestones-module .cycling-extra-stats-comparision.half, .comparision-milestones-module .cycling-extra-user-milestones.half {
  float: left;
  width: 50%;
}
.comparision-milestones-module .cycling-extra-stats-comparision.half:last-child, .comparision-milestones-module .cycling-extra-user-milestones.half:last-child {
  border: 0;
}

.cycling-extra-stats-comparision {
  background-color: #fff;
  padding: 40px 0;
}

.cycling-extra-user-milestones .common-cta-module {
  border-top: 0;
  padding: 40px 0 60px;
}
.cycling-extra-user-milestones .common-cta-module .timeline-container {
  padding: 0 30px;
  margin: 0 auto 5px;
  max-width: 390px;
}
.cycling-extra-user-milestones .common-cta-module nav a {
  display: inline-block;
}

.cycling-extra-top-message, .cycling-extra-energy-bar-stats {
  z-index: 3;
  position: relative;
}

.background-image-container {
  clear: both;
  position: relative;
  overflow: hidden;
}
.background-image-container .overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.background-image-container img {
  position: absolute;
}

.activity-app-timeframe-select {
  position: relative;
  margin: 0 auto;
  max-width: 980px;
}
.activity-app-timeframe-select .addActivityButton, .activity-app-timeframe-select .addWeightButton {
  right: 33px;
  margin-top: 26px;
}
.activity-app-timeframe-select .addActivityButton span, .activity-app-timeframe-select .addWeightButton span {
  display: inline-block;
  font-size: 12px;
}
.activity-app-timeframe-select .dateSelectorBox .dateSelector .timeframe-select-current .icon-dropdown {
  font-size: 13px;
}
.activity-app-timeframe-select .dateSelectorBox.month {
  min-width: 204px;
}
.activity-app-timeframe-select .dateSelectorBox.month .dateSelector .timeframe-select-current {
  padding-right: 17px;
}
.activity-app-timeframe-select .dateSelectorBox.year {
  width: 204px;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current {
  width: 100%;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current .disabled-label {
  line-height: 32px;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-current .timeframe-select-current-name {
  line-height: 17px;
  height: 22px;
  padding: 0 20px;
}
.activity-app-timeframe-select .dateSelectorBox.year .dateSelector .timeframe-select-options {
  min-width: 204px;
}

.common-padding {
  padding: 34px 28px;
}

/* CHECKINS CALENDAR */
.checkins-calendar .graphic-information-container {
  position: relative;
  padding: 0 50px;
  margin: 0 auto;
  text-align: center;
  max-width: 700px;
}
.checkins-calendar .graphic-information-container .calendar {
  padding: 10px 0;
  max-width: 650px;
}
.checkins-calendar .graphic-information-container .calendar table {
  width: 600px;
}
.checkins-calendar .graphic-information-container .calendar table tr {
  height: 45px;
}
.checkins-calendar .graphic-information-container .calendar table tr td span.current-day {
  background: #1aeca9;
  color: #000;
  top: 7px;
}
.checkins-calendar .graphic-information-container .calendar table tr td span.activity-day {
  top: 7px;
}
.checkins-calendar .graphic-information-container .calendar .overlay-wrapper .overlay {
  background: none;
  opacity: 1;
}
.checkins-calendar .graphic-information-container .activity-graphic-details {
  width: auto;
}

.activity-graphic-details {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 5%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.activity-graphic-details > div {
  display: block;
  margin: 40px 0;
  width: 100%;
}
.activity-graphic-details > div .title {
  font-size: 11px;
}
.activity-graphic-details > div .personal-stats-container {
  display: block;
  text-align: center;
  width: 100%;
}
.activity-graphic-details > div .personal-stats-container span {
  display: inline-block;
  font-size: 25px;
}
.activity-graphic-details > div .personal-stats-container span:last-child {
  font-size: 20px;
  margin-left: 5px;
}
.activity-graphic-details > div .personal-stats-container span.title {
  letter-spacing: 1px;
  margin-bottom: 5px;
  display: block;
}

.graphic-information-container {
  min-height: 450px;
  max-height: 450px;
  /* OVERLAY MESSAGES */
}
.graphic-information-container .body-fat-labels {
  right: -40px;
}
.graphic-information-container .body-fat-checkbox-container {
  right: 0;
  top: 20px;
  z-index: 99;
  width: 100px;
  position: absolute;
}
.graphic-information-container .overlay-wrapper {
  height: 307px;
}
.graphic-information-container .overlay-wrapper .overlay-inner {
  max-width: 400px;
  padding: 20px;
}
.graphic-information-container .overlay-wrapper .overlay-inner h3 {
  font-size: 20px;
}
.graphic-information-container .overlay-wrapper .overlay-inner p {
  font-size: 13px;
}
.graphic-information-container .overlay-wrapper .overlay-inner .button {
  width: 60%;
  margin: 0 auto;
}
.graphic-information-container .calendar .overlay-wrapper {
  height: 250px;
}

.addActivityButton, .addWeightButton {
  right: 33px;
  margin-top: 26px;
}
.addActivityButton .add-message, .addWeightButton .add-message {
  display: inline-block;
  font-size: 12px;
}

.addWeightButton {
  display: block;
}

.refer-header h1 {
  margin-top: -75px;
  font-size: 45px;
  letter-spacing: 10px;
}
.refer-header h1 span > br {
  display: block;
}
.refer-header h1 small {
  line-height: 45px;
}
@media screen and (orientation: portrait) {
  .refer-header h1 > span > br {
    display: none;
  }
  .refer-header h1 small {
    line-height: 30px;
  }
}
@media screen and (orientation: landscape) {
  .refer-header h1 span > br {
    display: block;
  }
  .refer-header h1 small {
    line-height: 30px;
  }
}

.refer-friend {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
}
.refer-friend .marketing-head {
  margin: 0 20px 50px;
  display: table;
}
.refer-friend .marketing-head li {
  display: table-cell;
  width: 33%;
}
.refer-friend .marketing-head li span {
  font-size: 1em;
}
.refer-friend h4 {
  margin-bottom: 30px;
}
.refer-friend .column.half {
  width: 50%;
}
.refer-friend .control-form .spacing {
  padding: 0 20px;
}
.refer-friend .description {
  line-height: 1.5em;
  font-size: 16px;
}
.refer-friend .share {
  margin-top: 100px;
}
.refer-friend .share .social-share .box {
  width: 60%;
}
.refer-friend .share .icons span.icon-email.active:after, .refer-friend .share .icons span.icon-chain.active:after {
  bottom: -38px;
}
.refer-friend .share .email-a-friend {
  width: 456px;
  margin: 0 auto;
  padding: 40px 40px 4px;
}
.refer-friend .share .email-a-friend span {
  display: inline-block;
  width: 100%;
}
.refer-friend .share .email-a-friend span input {
  display: inline-block;
  width: 49%;
  float: left;
}
.refer-friend .share .email-a-friend span input + input {
  float: right;
}
.refer-friend .share .email-a-friend h2 {
  font-size: 22px;
  margin-bottom: 30px;
}
.refer-friend .share .email-a-friend form {
  padding: 0 15px;
}

.referral-friends {
  padding: 70px 25px 100px;
}
.referral-friends h1 {
  font-size: 45px;
  font-weight: 200;
  letter-spacing: 10px;
}
.referral-friends h2 {
  font-size: 22px;
}
.referral-friends .invited-friends {
  margin: 57px auto 130px;
}
.referral-friends .invited-friends:before {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 32px;
}
.referral-friends .invited-friends li {
  float: left;
  margin-top: 0;
  margin-left: 80px;
}
.referral-friends .invited-friends li:first-child {
  margin-left: -20px;
}
.referral-friends .invited-friends li .invited-friend {
  float: none;
  border: 1px solid #fff;
  margin-left: 0;
  margin-top: 10px;
}
.referral-friends .invited-friends li .invited-friend.active {
  margin: 0 auto;
}
.referral-friends .invited-friends li .invited-friend-info {
  float: none;
  padding: 0;
  margin-top: 15px;
  text-align: center;
}
.referral-friends .invited-friends li .invited-friend-info strong, .referral-friends .invited-friends li .invited-friend-info span {
  font-size: 14px;
}
.referral-friends .invited-friends li .invited-friend-info span {
  font-weight: 500;
}
.referral-friends .referred-friends {
  text-align: center;
}
.referral-friends .referred-friends li {
  margin-top: 50px;
  display: inline-block;
  margin-left: 10%;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
}
.referral-friends .referred-friends li:first-child {
  margin-top: 50px;
  margin-left: 0;
}
.referral-friends .referred-friends li.no-referred-msg {
  font-size: 14px;
}
.referral-friends .referred-friends li strong {
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}

.page.purchase form.large fieldset {
  width: 100%;
  padding: 0;
}
.page.purchase form.large fieldset > div {
  box-sizing: border-box;
  padding: 0 5px;
  margin-bottom: 15px;
  float: left;
}
.page.purchase form.large fieldset > div.full {
  width: 100%;
}
.page.purchase form.large fieldset > div.three-quarter {
  width: 75%;
}
.page.purchase form.large fieldset > div.half {
  width: 50%;
}
.page.purchase form.large fieldset > div.third {
  width: 33%;
}
.page.purchase form.large fieldset > div.quarter {
  width: 25%;
}
.page.purchase form.large fieldset > div.half-quarter {
  width: 15%;
}
.page.purchase form label {
  margin-bottom: 4px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.16em;
}
.page.purchase .equifit {
  height: 200px;
  padding: 60px;
}
.page.purchase #contact form.large fieldset > div {
  width: 50%;
}
.page.purchase .membership-total .col {
  min-height: 330px;
}

.page.schedule .header {
  position: relative;
  padding: 40px 20px 40px;
}
.page.schedule .header h1 {
  font-size: 45px;
  letter-spacing: 10px;
}
.page.schedule .header .sub-header {
  position: absolute;
  top: 70px;
  right: 20px;
  width: auto;
}
.page.schedule .header .sub-header a {
  text-align: right;
}
.page.schedule form fieldset {
  width: 100%;
}
.page.schedule form fieldset > div {
  box-sizing: border-box;
  width: 50%;
  padding: 0 5px;
  float: left;
}
.page.schedule .nav-arrows {
  width: 100%;
  height: 0px;
  position: static;
  background: transparent;
  color: black;
}
.page.schedule .nav-arrows .icon-left-arrow, .page.schedule .nav-arrows .icon-right-arrow {
  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%);
}
.page.schedule .nav-arrows .icon-left-arrow {
  left: 10px;
}
.page.schedule .nav-arrows .icon-right-arrow {
  right: 10px;
}
.page.schedule .appointments-list {
  background-color: #efefef;
  overflow: hidden;
}
.page.schedule .appointments-list * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page.schedule .appointments-list .toggle-day, .page.schedule .appointments-list .day-dates {
  display: block;
}
.page.schedule .appointments-list .toggle-day {
  border-top: 2px solid #efefef;
  background-color: #fff;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.12px;
}
.page.schedule .appointments-list .toggle-day span {
  margin-left: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.page.schedule .appointments-list .day-dates {
  border: 1px solid #d9d9d9;
  text-transform: uppercase;
}
.page.schedule .appointments-list .day-dates:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.page.schedule .appointments-list .day-dates p {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}
.page.schedule .appointments-list .day-dates span {
  font-size: 12px;
}
.page.schedule .appointments-list .day-dates li {
  display: none;
  background-color: #efefef;
  border-top: 0;
  float: left;
  width: 33.33%;
  padding: 12px 0;
}
.page.schedule .appointments-list .day-dates li.selected {
  background-color: #7c878e;
  color: #fff;
}
.page.schedule .appointments-list .day-dates li.selected div {
  border: 0;
}
.page.schedule .appointments-list .day-dates li div {
  border-left: 1px solid #dedede;
  padding: 0 27px;
}
.page.schedule .appointments-list .day-dates li:nth-child(-n+3) {
  display: block;
}
.page.schedule .appointments-list .appointments-container {
  height: 50px;
  overflow: hidden;
}
.page.schedule .appointments-list .appointments-container.active {
  height: auto;
}
.page.schedule .appointments-list .appointments-container .classes-day:first-child {
  border-left: 6px solid #fff;
}
.page.schedule .appointments-list .appointments-container:last-of-type {
  border-bottom: 2px solid #efefef;
}
.page.schedule .appointments-list .appointments-container li {
  width: 33.33%;
  float: left;
}
.page.schedule .appointments-list .appointments-container li:nth-child(7n+1) {
  display: block;
}
.page.schedule .appointments-list .appointments-container li:nth-child(7n+1).empty {
  display: block;
}
.page.schedule .appointments-list .appointments-container li:nth-child(7n+2) {
  display: block;
}
.page.schedule .appointments-list .appointments-container li:nth-child(7n+2).empty {
  display: block;
}
.page.schedule .appointments-list .appointments-container li:nth-child(7n+3) {
  display: block;
}
.page.schedule .appointments-list .appointments-container li:nth-child(7n+3).empty {
  display: block;
}
.page.schedule .appointments-list .appointments-container li:nth-child(7n+8) {
  clear: both;
}

.page.rewards hr {
  border: 1px solid #444;
  width: 50%;
}
.page.rewards h3.reward {
  background-color: #7c878e;
  color: white;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  line-height: 150px;
  text-align: center;
  margin: 20px auto;
}
.page.rewards .reward-module > div {
  float: left;
  width: 50%;
}
.page.rewards .tpl-friendswhorecievedpasses {
  background-color: black;
  color: white;
  margin-bottom: -40px;
}
.page.rewards .tpl-friendswhorecievedpasses .column {
  width: 25%;
}

.page.feedback {
  min-height: 520px;
}

.txt-center {
  text-align: center;
}

hr {
  margin: 40px 0 20px;
}

.feedback-wrapper h1 {
  margin-bottom: 20px;
}
.feedback-wrapper .sub-title {
  margin-bottom: 40px;
}
.feedback-wrapper .error {
  border: 1px solid red;
}
.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 .col-1-2 .select-wrapper select + .option {
  width: 98%;
  margin-right: 2%;
}
.feedback-wrapper .feedback-form .row .col-1-2 .checkbox {
  width: auto;
}
.feedback-wrapper .feedback-form .row .col-1-2:last-child select + .option {
  margin-left: 2%;
}
.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 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 + .html-callout {
  display: none;
}

.page.schedule-equifit form {
  overflow: hidden;
  max-width: none;
}
.page.schedule-equifit .rich-content header h2.rich-content-title {
  width: auto;
  font-size: 45px;
}
.page.schedule-equifit h3, .page.schedule-equifit p {
  margin-left: auto;
  margin-right: auto;
  max-width: 625px;
}
.page.schedule-equifit h3 {
  font-size: 15px;
  font-weight: 800;
}
.page.schedule-equifit .select-wrapper {
  font-size: 40px;
  letter-spacing: 12px;
  margin: 0 20px;
}
.page.schedule-equifit .select-wrapper select option {
  letter-spacing: 0;
}
.page.schedule-equifit .select-wrapper .option:after {
  right: 0;
  text-align: right;
  width: 19px;
}
.page.schedule-equifit .select-wrapper + .select-wrapper {
  margin-top: 0;
}
.page.schedule-equifit .select-wrapper + input {
  display: inline-block;
  font-size: 20px;
  margin: 0 1%;
  padding: 15px 0 19px;
  width: 47%;
}
.page.schedule-equifit .select-wrapper.box {
  border: 1px solid #fff;
  font-size: 20px;
  margin: 0 1%;
  height: 75px;
  padding: 24px 0 20px;
  vertical-align: top;
  width: 48%;
}
.page.schedule-equifit .select-wrapper.box.club {
  margin: 15px 0 50px;
  width: 480px;
}
.page.schedule-equifit .select-wrapper.box .option:after {
  font-size: 16px;
  margin-top: -8px;
  position: absolute;
  right: 13px;
  top: 50%;
}
.page.schedule-equifit .checkbox {
  margin: 20px 0 0;
}
.page.schedule-equifit .tpl-joinschedule {
  border: 0;
}
.page.schedule-equifit textarea {
  margin: 0 auto 40px;
  width: 480px;
  text-align: center;
  font-size: 13px;
  padding-top: 25px;
  letter-spacing: 2px;
}
.page.schedule-equifit .button.box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  height: 60px;
  margin: 25px auto 30px;
  width: 480px;
}
.page.schedule-equifit .alternative-cta {
  display: block;
  margin-bottom: 40px;
}

.join-schedule-form {
  max-width: initial;
}

.multiple-select {
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
  text-align: left;
  width: auto;
}
.multiple-select li {
  display: inline-block;
  width: 49%;
  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: 18px 0  18px 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: 50%;
}

.page.personal-training {
  margin-bottom: -45px;
}

.page.pilates .underline {
  text-decoration: underline;
}

.page.scheduleandinquire form {
  overflow: hidden;
  max-width: none;
}
.page.scheduleandinquire .rich-content header h2.rich-content-title {
  width: auto;
  font-size: 45px;
}
.page.scheduleandinquire h3, .page.scheduleandinquire p {
  margin-left: auto;
  margin-right: auto;
  max-width: 625px;
}
.page.scheduleandinquire h3 {
  font-size: 15px;
  font-weight: 800;
}
.page.scheduleandinquire .select-wrapper {
  font-size: 40px;
  letter-spacing: 12px;
  margin: 0 20px;
}
.page.scheduleandinquire .select-wrapper select option {
  letter-spacing: 0;
}
.page.scheduleandinquire .select-wrapper .option:after {
  right: 0;
  text-align: right;
  width: 19px;
}
.page.scheduleandinquire .select-wrapper + .select-wrapper {
  margin-top: 0;
}
.page.scheduleandinquire .select-wrapper + input {
  display: inline-block;
  font-size: 20px;
  margin: 0 0.5%;
  padding: 15px 0 19px;
  width: 39%;
  border: 2px solid #fff;
  margin-top: 0px;
  height: 75px !important;
}
.page.scheduleandinquire .select-wrapper.box {
  border: 2px solid #fff;
  font-size: 20px;
  margin: 0 0.5%;
  height: 75px;
  padding: 24px 0 20px;
  vertical-align: top;
  width: 40%;
}
.page.scheduleandinquire .select-wrapper.box.club {
  margin: 15px;
  width: 80%;
}
.page.scheduleandinquire .select-wrapper.box .option:after {
  font-size: 16px;
  margin-top: -8px;
  position: absolute;
  right: 13px;
  top: 50%;
}
.page.scheduleandinquire .checkbox {
  margin: 20px 0 0;
}
.page.scheduleandinquire .inquiry-text {
  margin-top: 11%;
  font-size: 47px;
  font-weight: lighter;
  letter-spacing: 13px;
}
.page.scheduleandinquire .thank-you-text1 {
  padding-top: 80px;
  letter-spacing: 1px;
}
.page.scheduleandinquire .thank-you-text2 {
  letter-spacing: 1px;
  font-weight: bold;
  padding-top: 50px;
  font-size: 16px;
  max-width: 435px;
  margin-bottom: 4%;
}
.page.scheduleandinquire .thank-you-text3 {
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: -13px;
}
.page.scheduleandinquire .main-caption {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 2em;
  letter-spacing: 1px;
}
.page.scheduleandinquire .contact-uppertext {
  letter-spacing: 2px;
  margin-bottom: 5px;
  text-transform: uppercase;
  position: inherit;
  margin-left: 51.1%;
  text-align: left;
  display: block;
}
.page.scheduleandinquire .club-uppertext {
  letter-spacing: 2px;
  margin-bottom: 0%;
  display: block;
  text-align: left;
  margin-left: 10%;
}
.page.scheduleandinquire .club-caption {
  font-size: 18px;
  margin-top: 4em;
  margin-bottom: 2em;
  letter-spacing: 1px;
}
.page.scheduleandinquire .message-uppertext {
  letter-spacing: 2px;
  text-align: left;
  margin-left: 10%;
  margin-bottom: 1%;
  margin-top: 3%;
}
.page.scheduleandinquire .pilates-msg {
  margin-bottom: 5%;
  font-size: 18px;
  margin-left: -2.1%;
}
.page.scheduleandinquire .pilates-coordmsg {
  margin: 3em 2.5em 2em;
  font-size: 18px;
}
.page.scheduleandinquire .question .contact-caption {
  margin: 0px 2.5em 3em;
  font-size: 18px;
  letter-spacing: 1px;
}
.page.scheduleandinquire .send {
  width: 328px !important;
  margin-left: 0px;
}
.page.scheduleandinquire .msg {
  text-align: center;
}
.page.scheduleandinquire .contact {
  text-align: center;
}
.page.scheduleandinquire .tpl-joinschedule {
  border: 0;
}
.page.scheduleandinquire textarea {
  margin: 0 auto 15px;
  width: 80%;
  height: 200px;
  text-align: center;
  font-size: 13px;
  padding-top: 25px;
  letter-spacing: 2px;
  border: 2px solid #fff;
  background: black;
}
.page.scheduleandinquire .button.box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  height: 60px;
  margin: 25px auto 30px;
  width: 328px;
}
.page.scheduleandinquire .alternative-cta {
  display: block;
  margin-bottom: 40px;
}

.join-schedule-form {
  max-width: initial;
}

.multiple-select {
  margin-left: auto;
  margin-right: auto;
  max-width: 550px;
  text-align: left;
  width: auto;
}
.multiple-select li {
  display: inline-block;
  width: 49%;
  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: 18px 0  18px 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: 50%;
}

/* css for purchase */
.columnsContainer {
  border-bottom: 1px solid #b2b2b2;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.pilates-history {
  margin-top: -30px;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 8%;
}

.purchase-module {
  border-right: 1px solid #b2b2b2;
  /*border-bottom: 1px solid #b2b2b2;*/
  border-top: none;
}

.pilates-schedule-callout .purchase-module {
  border: none;
}

.right-module {
  height: 421px;
}

.pilate-transform-noaccess {
  width: 177%;
  text-align: center;
  float: left;
}

.pilate-transform-heading {
  letter-spacing: 7px;
  font-size: 34px;
}

.fontsize18 {
  font-size: 18px !important;
}

.right-module-paragraph {
  font-family: Graphik Web;
  margin: 0 auto;
  max-width: 90%;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 2px;
}

.left-description {
  font-size: 17px !important;
  letter-spacing: 2px !important;
  line-height: 24px !important;
}

.no-border-top {
  border-top: none;
}

/* css for purchase history*/
.purchase-history-heading {
  font-size: 30px !important;
  padding-bottom: 3%;
  font-weight: 300;
}

.purchase-detail li {
  font-size: 15px;
  line-height: 20px;
}
.purchase-detail li.big-font {
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 7px;
}
.purchase-detail li.medium-font {
  font-size: 18px;
  letter-spacing: 2px;
}
.purchase-detail li.small-font {
  font-size: 11px;
}
.purchase-detail .session-type {
  font-size: 20px;
  padding-bottom: 1%;
  font-weight: bold;
  text-transform: uppercase;
}
.purchase-detail .session-duration {
  font-size: 18px;
  padding-bottom: 3%;
  font-weight: bold;
  text-transform: uppercase;
}
.purchase-detail .session-capacity {
  font-size: 45px;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
}
.purchase-detail .buy-more {
  width: 27% !important;
  border-width: 2px !important;
}

.purchase-notes {
  font-size: 17px !important;
  letter-spacing: 2px;
  line-height: 28px !important;
  max-width: 95%;
}

/* css for purchase wizard*/
.page.pilates.purchase {
  position: relative;
  min-height: 0px;
  padding: 0px;
}

.hide {
  display: none;
}

.pilates-wizard .rich-content-title {
  min-height: 104px;
  width: 48%;
  font-size: 59px;
  border: 2px solid #fff;
  height: 274px;
}
.pilates-wizard .dropd {
  /*margin-left: 43%;*/
  text-align: center;
  display: inline-block;
  width: 100%;
}
.pilates-wizard .select-wrapper {
  font-size: 40px;
  letter-spacing: 12px;
  margin: 0 20px;
}
.pilates-wizard .select-wrapper select option {
  letter-spacing: 0;
  padding-left: 43%;
}
.pilates-wizard .select-wrapper .option:after {
  right: 0;
  text-align: right;
  width: 19px;
}
.pilates-wizard .select-wrapper + .select-wrapper {
  margin-top: 0;
}
.pilates-wizard .select-wrapper + input {
  display: inline-block;
  font-size: 20px;
  margin: 0 0.5%;
  padding: 15px 0 19px;
  width: 39%;
  border: 2px solid #fff;
  margin-top: 0px;
  height: 75px !important;
}
.pilates-wizard .select-wrapper.box {
  border: 2px solid #fff;
  font-size: 20px;
  margin: 0 0.5%;
  height: 75px;
  padding: 24px 0 20px;
  vertical-align: top;
  width: 40%;
}
.pilates-wizard .select-wrapper.box.club {
  margin: 15px;
  width: 80%;
  margin-left: 10%;
}
.pilates-wizard .select-wrapper.box .option:after {
  font-size: 16px;
  margin-top: -8px;
  position: absolute;
  right: 13px;
  top: 50%;
}
.pilates-wizard .club-uppertext {
  letter-spacing: 2px;
  margin-bottom: 0%;
  display: block;
  text-align: left;
  margin-left: 10%;
  margin-top: 6%;
}
.pilates-wizard .club-copy1 {
  text-align: center;
  margin-top: 4%;
  font-size: 18px;
  letter-spacing: 1px;
}
.pilates-wizard .club-copy2 {
  text-align: center;
  margin-top: 2%;
  font-size: 18px;
  letter-spacing: 1px;
  padding-bottom: 7%;
}

#order, #billing {
  text-transform: uppercase;
}

#billing div p:first-of-type {
  min-height: 50px;
}

.static-page {
  padding: 36px 26px 45px;
  text-align: left;
}
.static-page h5 {
  font-size: 30px;
  margin-bottom: 44px;
}
.static-page p {
  margin-bottom: 14px;
}
.static-page .contactus-container {
  max-width: 1097px;
  display: block;
  margin: 0 auto;
}
.static-page .contactus-container .columns-container .row {
  border: 0;
  display: inline-block;
  margin-bottom: 0;
  padding: 0 18px;
  vertical-align: top;
  width: 32.9%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.static-page .contactus-container .columns-container .row:first-child {
  padding-left: 0;
}
.static-page .contactus-container .columns-container .row:last-child {
  margin-bottom: 0;
}
.static-page .contactus-container .columns-container .row h6 {
  margin-bottom: 26px;
}
.static-page .contactus-container .columns-container .row h6:first-child {
  margin-bottom: 25px;
}
.static-page .contactus-container .columns-container .row ul {
  margin-bottom: 19px;
  line-height: 1.6em;
}
.static-page .contactus-container .columns-container .row ul:last-child {
  margin-bottom: 0;
}
.static-page .contactus-container .columns-container .row ul li {
  font-size: 14px;
  letter-spacing: 1px;
}
.static-page .contactus-container .columns-container .row ul li.bold-title {
  font-weight: 700;
}

.page.cycling .rich-content header {
  min-height: 356px;
  max-height: 356px;
}
.page.cycling .rich-content .rich-content-title {
  top: 45%;
  font-size: 50px;
  width: 480px;
  border: solid 1px #fff;
  padding: 50px 15px;
  height: auto;
  min-height: 0;
}
.page.cycling .rich-content .rich-content-title span {
  border: none;
  width: auto;
  padding: 0;
  letter-spacing: 10px;
}
.page.cycling .rich-content .rich-content-title small {
  font-size: 12px;
}
.page.cycling .search-menu ul {
  width: auto;
}
.page.cycling .cycling-info .rich-content .rich-content-title {
  top: 55%;
  border: none;
  font-size: 33px;
  min-height: auto;
  height: auto;
  max-width: 1000px;
  width: auto;
  padding: 0;
}
.page.cycling .cycling-info .rich-content .rich-content-title span {
  line-height: 1.5;
  letter-spacing: 4px;
}
.page.cycling .cycling-info .rich-content .rich-content-title span span {
  font-weight: bold;
}
.page.cycling .cycling-info .rich-content .rich-content-title small {
  max-width: 65%;
  margin: 35px auto 0 auto;
}
.page.cycling .cycling-info .rich-content .rich-content-title nav {
  padding: 1em 0;
}
.page.cycling .dtm-method .paragraph.rich-content h3 {
  margin: 40px auto 15px 0;
}
.page.cycling .dtm-method .carousel {
  min-height: 0;
}
.page.cycling .dtm-method .carousel nav a {
  margin: 25px 10px;
}
.page.cycling .dtm-method .carousel .content-slider-item .caption-wrapper {
  top: 50%;
}
.page.cycling .dtm-method .carousel .content-slider-item .caption-wrapper .caption h2 {
  color: #000;
  letter-spacing: 3px;
}
.page.cycling .dtm-method .carousel .content-slider-item .caption-wrapper .caption p {
  color: #000;
}
.page.cycling .columns-layout h1 {
  max-width: 70%;
}
.page.cycling .columns-layout ul {
  text-align: center;
}
.page.cycling .columns-layout ul .owl-item:nth-of-type(2) li.column:before, .page.cycling .columns-layout ul .owl-item:nth-of-type(2) li.column:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 150px;
  background: #b2b2b2;
  vertical-align: middle;
}
.page.cycling .columns-layout ul .owl-item:nth-of-type(2) li.column .item-info {
  display: inline-block;
  vertical-align: middle;
}
.page.cycling .columns-layout ul .owl-item:first-child li.column:before {
  display: none;
}
.page.cycling .columns-layout ul .owl-item:last-child li.column:after {
  display: none;
}
.page.cycling .columns-layout ul li.column {
  width: 100%;
  float: none;
  display: inline-table;
  vertical-align: top;
}
.page.cycling .columns-layout ul li.column h3 {
  font-size: 0.6em;
  font-weight: bold;
}
.page.cycling .columns-layout ul li.column .content .title {
  height: 35px;
}
.page.cycling .columns-layout ul li.column .content p {
  height: 90px;
}
.page.cycling .columns-layout ul li.column .item-info {
  width: 95%;
  margin: 0 auto;
}
.page.cycling .team {
  padding: 0;
}
.page.cycling .feat {
  padding: 40px 0 20px 0;
}
.page.cycling .cycling-hero {
  background: #000;
  color: #fff;
}
.page.cycling .cycling-hero .columns-layout ul .owl-item:nth-of-type(2) li.column {
  width: 100%;
  float: none;
  display: inline-table;
  vertical-align: top;
}
.page.cycling .cycling-hero .columns-layout ul .owl-item:nth-of-type(2) li.column h3 {
  font-size: 0.6em;
  font-weight: bold;
}
.page.cycling .cycling-hero .columns-layout ul .owl-item:nth-of-type(2) li.column .content .title {
  height: 35px;
}
.page.cycling .cycling-hero .columns-layout ul .owl-item:nth-of-type(2) li.column .content p {
  height: 90px;
}
.page.cycling .cycling-hero .columns-layout ul .owl-item:nth-of-type(2) li.column .item-info {
  width: 95%;
  margin: 0 auto;
}
.page.cycling .cycling-hero .columns-layout ul .owl-item:nth-of-type(2) li.column:before, .page.cycling .cycling-hero .columns-layout ul .owl-item:nth-of-type(2) li.column:after {
  content: "";
  display: none;
}
.page.cycling .cycling-hero header {
  position: relative;
}
.page.cycling .cycling-hero header h1 small {
  font-size: 0.16em;
}
.page.cycling .cycling-hero header span:before, .page.cycling .cycling-hero header span:after {
  max-width: 140px;
  width: 23%;
  margin: 0 20px;
}
.page.cycling .faq {
  padding: 50px 0;
}
.page.cycling .faq .title {
  margin: 30px auto;
}
.page.cycling .faq .faq-container h3 {
  font-size: 1.5em;
  line-height: 1;
  position: relative;
  width: 100%;
  margin: 0 auto 30px auto;
}
.page.cycling .faq .faq-container h3 span {
  position: absolute;
  font-size: 20px;
  margin-left: 30px;
  color: #b2b2b2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 6px;
  right: auto;
}
.page.cycling .faq .faq-container .faq-content p {
  font-size: 14px;
  margin: 0 auto 30px 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 .cycling-q-blog .post-info-container {
  height: 450px;
}
.page.cycling .cycling-q-blog .article-list .articles article {
  height: 450px;
}
.page.cycling .cycling-q-blog .article-list .articles article .info {
  width: 90%;
  padding: 10% 0 0 10%;
}
.page.cycling .cycling-q-blog .article-list .articles article .info span {
  margin-bottom: 5px;
  font-size: 12px;
}
.page.cycling .cycling-q-blog .article-list .articles article .info h6 {
  font-size: 13px;
  margin-bottom: 1em;
}
.page.cycling .cycling-q-blog .article-list .articles article:first-child {
  border-right: 1px solid #b2b2b2;
  margin-left: -1px;
}
.page.cycling .bio-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.page.cycling .bio-overlay .bio-overlay-container {
  background-color: #fff;
  position: absolute;
  top: 130px;
  padding: 20px 40px 40px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page.cycling .bio-overlay .bio-overlay-container h1 {
  font-size: 21px;
  font-weight: 500;
  text-align: center;
  margin: 30px 0;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info {
  width: 400px;
  margin: auto;
  position: relative;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info img {
  width: 100px;
  height: 100px;
  vertical-align: bottom;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info .content {
  width: 280px;
  position: absolute;
  top: 50%;
  left: 120px;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info .content h2, .page.cycling .bio-overlay .bio-overlay-container .profile-pic-info .content h3 {
  font-weight: 600;
  margin: 0;
  text-align: left;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info .content h2 {
  font-size: 18px;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info .content h3 {
  font-size: 13px;
  color: #7c7c7c;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info .content a {
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-pic-info .content p {
  display: none;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-info {
  clear: both;
  margin-top: 30px;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-info .close-more-info {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 0;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-info .close-more-info .icon-close-slim {
  font-size: 20px;
  color: #b0b7bb;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-info .qa {
  float: left;
  width: 33.33%;
  padding-left: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-info .qa span, .page.cycling .bio-overlay .bio-overlay-container .profile-info .qa strong {
  font-size: 14px;
  display: block;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-info .qa strong {
  font-weight: 600;
  margin-bottom: 10px;
}
.page.cycling .bio-overlay .bio-overlay-container .profile-info .qa span {
  margin-bottom: 20px;
}

.page.add-custom-workout-form {
  /*form*/
}
.page.add-custom-workout-form form fieldset {
  /*fieldset*/
}
.page.add-custom-workout-form form fieldset > div.quarter {
  width: 25%;
}
.page.add-custom-workout-form form fieldset > div.half {
  width: 50%;
}
.page.add-custom-workout-form form fieldset .date-holder {
  width: 33%;
}
.page.add-custom-workout-form form fieldset .date-holder .dropdown {
  width: 33%;
  float: left;
}
.page.add-custom-workout-form form fieldset .hidden-fields fieldset {
  height: 0px;
  overflow: hidden;
}
.page.add-custom-workout-form form fieldset .hidden-fields fieldset.active {
  height: 265px;
}
.page.add-custom-workout-form form fieldset #distance-holder label span.is-mobile {
  display: none !important;
}
.page.add-custom-workout-form form fieldset #distance-holder label span.is-tablet, .page.add-custom-workout-form form fieldset #distance-holder label span.is-desktop {
  display: inline !important;
}
.page.add-custom-workout-form .duration-holder {
  width: 20%;
}
.page.add-custom-workout-form .duration-holder #workout-duration {
  width: 70%;
  float: left;
}
.page.add-custom-workout-form .duration-holder .min {
  display: block;
  position: relative;
  top: 19px;
  left: 15px;
  width: 0;
}
.page.add-custom-workout-form .row-section {
  float: left;
}
.page.add-custom-workout-form .time-holder {
  margin-left: 2%;
  width: 44%;
}
.page.add-custom-workout-form .time-holder .time-section {
  width: 28%;
}
.page.add-custom-workout-form .time-holder .time-section.separator-holder {
  width: 4%;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm {
  width: 36%;
  padding-top: 10px;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm a {
  font-size: 27px;
}
.page.add-custom-workout-form .time-holder .time-section.am-pm br {
  display: none;
}
.page.add-custom-workout-form .duration-holder {
  clear: none;
}

/*end page*/
.cycling .search-menu ul li {
  width: 32.4%;
  float: none;
}

.cycling-milestones-hero header > a {
  font-size: 30px;
  top: 40px;
  left: 35px;
}
.cycling-milestones-hero header .cycling-title span {
  font-size: 18px;
  letter-spacing: 2.7px;
}
.cycling-milestones-hero header .cycling-title p {
  font-size: 14px;
  margin: 20px 0;
}
.cycling-milestones-hero header .cycling-title h2 {
  font-size: 50px;
  letter-spacing: 10px;
}

.cycling-milestones-container .cycling-buttons a {
  font-size: 14px;
}
.cycling-milestones-container .milestones-list {
  padding: 53px 20px 17px;
}
.cycling-milestones-container .milestones-header:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.cycling-milestones-container .milestones-header li {
  display: inline-block;
  margin-left: 100px;
}
.cycling-milestones-container .milestones-header li:first-child {
  margin-left: 0;
}
.cycling-milestones-container .milestones-header li:before {
  content: none;
  display: none;
}
.cycling-milestones-container .milestones-header span {
  font-size: 13px;
}
.cycling-milestones-container .milestones-header h2 {
  font-size: 32px;
}
.cycling-milestones-container .milestones-list:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.cycling-milestones-container .milestones-list > h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 8px;
}
.cycling-milestones-container .milestones-list > p {
  font-size: 13px;
  line-height: 20px;
  margin: 5px auto 0;
  max-width: 30%;
}
.cycling-milestones-container .milestones-list .milestones-items-container {
  margin: 65px auto;
}
.cycling-milestones-container .milestones-list .milestones-items-container .milestone-item:first-child {
  padding-left: 0;
  width: 60px;
}
.cycling-milestones-container .milestones-list .milestone-item-container {
  height: auto;
}
.cycling-milestones-container .milestones-list .milestone-item {
  padding: 0 0 0 14px;
  display: inline-block;
  vertical-align: top;
  width: 75px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cycling-milestones-container .milestones-list .milestone-item.small {
  padding: 10px 0 0 5px;
  width: 67px;
}
.cycling-milestones-container .milestones-list .milestone-item.small:hover .milestone-icon {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  -moz-transition: all, 250ms, ease;
  -o-transition: all, 250ms, ease;
  -webkit-transition: all, 250ms, ease;
  transition: all, 250ms, ease;
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-icon:after {
  width: 40px;
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-item-container {
  height: auto;
}
.cycling-milestones-container .milestones-list .milestone-item.small .milestone-info h2 {
  color: #000;
  letter-spacing: 0;
}
.cycling-milestones-container .milestones-list .milestone-item:before {
  content: "\e645";
  width: auto;
  font-size: 5px;
  position: absolute;
  top: 27px;
  left: 0;
}
.cycling-milestones-container .milestones-list .milestone-item:last-child {
  padding-right: 0;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: auto;
  margin-top: 0;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track {
  position: absolute;
  top: 22px;
  left: 0;
  /* value to change miles track position */
  border-left: 0;
  border-top: 1px solid #000;
  width: 0px;
  height: auto;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track .miles-traveled {
  left: 100%;
  border-top: 0;
  border-left: 1px dotted #000;
  width: auto;
  height: 50px;
  margin-left: 0;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track .miles-traveled:before {
  width: 4px;
  height: 12px;
  top: auto;
  bottom: -6px;
  left: -2px;
}
.cycling-milestones-container .milestones-list .milestone-item .miles-track .miles-traveled:after {
  font-size: 14px;
  width: 100px;
  top: -20px;
  left: 50%;
  right: auto;
  padding: 0;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-icon {
  width: 60px;
  height: 60px;
  float: none;
  margin: -5px auto;
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-icon:after {
  width: 51px;
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-info {
  position: static;
  top: auto;
  left: auto;
  margin: 30px auto 0;
  width: 65px;
  text-align: center;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.cycling-milestones-container .milestones-list .milestone-item .milestone-info h2 {
  font-size: 11px;
}

.milestones-overlay .milestone-information-container {
  width: 737px;
}
.milestones-overlay .milestone-information-container h2, .milestones-overlay .milestone-information-container h3, .milestones-overlay .milestone-information-container p {
  width: 70%;
}

.milestone-information-container {
  padding: 60px 22px;
}
.milestone-information-container img {
  margin-bottom: 20px;
}
.milestone-information-container h2, .milestone-information-container h3 {
  font-size: 30px;
  margin: 0 auto;
  width: 50%;
}
.milestone-information-container p {
  margin: 30px auto 50px;
  width: 50%;
}
.milestone-information-container .bottom-info {
  font-size: 13px;
  padding-top: 55px;
}
.milestone-information-container .bottom-info > .button {
  margin-left: -4px;
  display: inline-block;
  padding: 14px 0;
}
.milestone-information-container .bottom-info h2 {
  font-size: 28px;
}
.milestone-information-container .bottom-info .social-share {
  margin-top: 50px;
}

.close-modal {
  font-size: 13px;
  color: #000;
}

.page.janchallenge2015 + footer {
  height: 290px;
}
.page.january-page .module .hero header, .page.janchallenge2015 .module .hero header, .page.seehow .module .hero header {
  min-height: 100%;
  max-height: 100%;
}
.page.january-page .module .hero header h2, .page.janchallenge2015 .module .hero header h2, .page.seehow .module .hero header h2 {
  border: solid 2px #fff;
  width: 70%;
  padding: 30px;
  top: 50%;
}
.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: 60px;
  font-weight: lighter;
  border: none;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: 100%;
}
.page.january-page .module .hero header h2 small, .page.janchallenge2015 .module .hero header h2 small, .page.seehow .module .hero header h2 small {
  letter-spacing: 1.6px;
  font-weight: 500;
  margin: 10px 0;
}
.page.january-page .module .hero header h2 .button, .page.janchallenge2015 .module .hero header h2 .button, .page.seehow .module .hero header h2 .button {
  margin: 34px 0 0 0;
  width: 322px;
  border: none;
}
.page.january-page .module .promo-steps, .page.janchallenge2015 .module .promo-steps, .page.seehow .module .promo-steps {
  padding: 0;
  margin-top: -20px;
}
.page.january-page .module .promo-steps .title, .page.janchallenge2015 .module .promo-steps .title, .page.seehow .module .promo-steps .title {
  font-size: 3em;
  letter-spacing: 6px;
  margin: 0 auto 27px;
}
.page.january-page .module .promo-steps small, .page.janchallenge2015 .module .promo-steps small, .page.seehow .module .promo-steps small {
  font-size: 15px;
  max-width: 45%;
}
.page.january-page .module .promo-steps ul, .page.janchallenge2015 .module .promo-steps ul, .page.seehow .module .promo-steps ul {
  margin: 60px auto 0;
}
.page.january-page .module .promo-steps ul li, .page.janchallenge2015 .module .promo-steps ul li, .page.seehow .module .promo-steps ul li {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.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";
  top: 0;
  left: 22%;
  font-size: 60px;
}
.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: none;
}
.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: center;
}
.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";
  top: 0;
  left: 22%;
  font-size: 60px;
}
.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: none;
}
.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: center;
}
.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";
  top: 0;
  left: 22%;
  font-size: 60px;
}
.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: none;
}
.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: center;
}
.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: 150px;
  height: 150px;
  position: static;
  margin: 20px 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: 90%;
  margin: 0 auto;
}
.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 {
  font-size: 2em;
}
.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: 14px;
}
.page.january-page .module .scoring, .page.janchallenge2015 .module .scoring, .page.seehow .module .scoring {
  padding: 40px 0 60px;
  margin-top: -8px;
}
.page.january-page .module .scoring .paragraph p, .page.janchallenge2015 .module .scoring .paragraph p, .page.seehow .module .scoring .paragraph p {
  font-size: 13px;
  margin: 15px auto;
  width: 95%;
}
.page.january-page .module .scoring .title, .page.janchallenge2015 .module .scoring .title, .page.seehow .module .scoring .title {
  font-size: 2.5em;
  margin: 30px auto;
}
.page.january-page .module .scoring ul li, .page.janchallenge2015 .module .scoring ul li, .page.seehow .module .scoring ul li {
  display: inline-block;
  vertical-align: top;
}
.page.january-page .module .scoring ul li .circle, .page.janchallenge2015 .module .scoring ul li .circle, .page.seehow .module .scoring ul li .circle {
  width: 130px;
  padding-bottom: 130px;
}
.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 {
  width: 82%;
}
.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-size: 1em;
  margin: 20px auto;
}
.page.january-page .module .scoring ul li .content p, .page.janchallenge2015 .module .scoring ul li .content p, .page.seehow .module .scoring ul li .content p {
  letter-spacing: 0;
}
.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 .prizes, .page.janchallenge2015 .module .prizes, .page.seehow .module .prizes {
  margin: 0 auto;
  height: auto;
}
.page.january-page .module .prizes > img, .page.janchallenge2015 .module .prizes > img, .page.seehow .module .prizes > img {
  width: 100%;
  height: auto;
}
.page.january-page .module .prizes .circle, .page.janchallenge2015 .module .prizes .circle, .page.seehow .module .prizes .circle {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -90px;
  padding: 0;
  color: #fff;
  background: #000;
  display: block;
}
.page.january-page .module .prizes .circle h2, .page.janchallenge2015 .module .prizes .circle h2, .page.seehow .module .prizes .circle h2 {
  line-height: 180px;
  font-size: 30px;
  font-weight: lighter;
  text-align: center;
}
.page.january-page .module .prizes .side, .page.janchallenge2015 .module .prizes .side, .page.seehow .module .prizes .side {
  position: absolute;
  width: 50%;
  display: inline-block;
  top: 50%;
  margin-top: -70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page.january-page .module .prizes .side .inner, .page.janchallenge2015 .module .prizes .side .inner, .page.seehow .module .prizes .side .inner {
  width: 260px;
}
.page.january-page .module .prizes .side .inner h3, .page.janchallenge2015 .module .prizes .side .inner h3, .page.seehow .module .prizes .side .inner h3 {
  font-size: 14px;
}
.page.january-page .module .prizes .side .inner h2, .page.janchallenge2015 .module .prizes .side .inner h2, .page.seehow .module .prizes .side .inner h2 {
  font-size: 26px;
}
.page.january-page .module .prizes .side .inner small, .page.janchallenge2015 .module .prizes .side .inner small, .page.seehow .module .prizes .side .inner small {
  font-size: 14px;
}
.page.january-page .module .prizes .side.left, .page.janchallenge2015 .module .prizes .side.left, .page.seehow .module .prizes .side.left {
  top: 50%;
  left: 0;
  padding-right: 90px;
}
.page.january-page .module .prizes .side.right, .page.janchallenge2015 .module .prizes .side.right, .page.seehow .module .prizes .side.right {
  top: 50%;
  left: auto;
  right: 0;
  padding-left: 90px;
}
.page.january-page .module .join, .page.janchallenge2015 .module .join, .page.seehow .module .join {
  border-top: solid 1px #ccc;
  margin-bottom: 20px;
}
.page.january-page .module .join a.terms, .page.janchallenge2015 .module .join a.terms, .page.seehow .module .join a.terms {
  font-size: 14px;
  margin: 80px auto 0;
}
.page.january-page .module.tpl-sandwichedcta nav.button-container, .page.janchallenge2015 .module.tpl-sandwichedcta nav.button-container, .page.seehow .module.tpl-sandwichedcta nav.button-container {
  margin-top: 0;
}
.page.january-page .module.tpl-challengeoverlaypromosignup, .page.janchallenge2015 .module.tpl-challengeoverlaypromosignup, .page.seehow .module.tpl-challengeoverlaypromosignup {
  margin: 0px;
  padding: 0px;
}
.page.january-page .module.tpl-weekendchallenge .points, .page.janchallenge2015 .module.tpl-weekendchallenge .points, .page.seehow .module.tpl-weekendchallenge .points {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  width: 130px;
  height: 130px;
  font-size: 24px;
  background: url("/assets/images/janchallenge2015/challenge-points-bg.png") left top no-repeat;
}
.page.january-page .module.tpl-weekendchallenge .points span, .page.janchallenge2015 .module.tpl-weekendchallenge .points span, .page.seehow .module.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: 90%;
  padding-top: 20px;
}
.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 {
  position: relative;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header img, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header img, .page.seehow .module .schedule-a-visit-tout .rich-content header img {
  height: auto;
  width: 100%;
}
.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 {
  max-height: 100%;
  font-size: 50px;
  line-height: 20px;
}
.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 {
  width: 100%;
  height: 23px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow-left, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow-left, .page.seehow .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow-left {
  width: 50%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: -27px;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow, .page.seehow .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -27px;
  width: auto;
}
.page.january-page .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow-right, .page.janchallenge2015 .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow-right, .page.seehow .module .schedule-a-visit-tout .rich-content header .arrow-container .arrow-right {
  width: 50%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  right: -27px;
}
.page.january-page .module .inline-join header, .page.janchallenge2015 .module .inline-join header, .page.seehow .module .inline-join header {
  min-height: 100%;
  max-height: 100%;
}
.page.january-page .module .inline-join header h2, .page.janchallenge2015 .module .inline-join header h2, .page.seehow .module .inline-join header h2 {
  border: solid 2px #fff;
  width: 70%;
  padding: 30px;
  top: 50%;
}
.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: 60px;
  font-weight: lighter;
  border: none;
  padding: 0;
  margin: 0;
  width: auto;
  max-width: 100%;
}
.page.january-page .module .inline-join header h2 small, .page.janchallenge2015 .module .inline-join header h2 small, .page.seehow .module .inline-join header h2 small {
  letter-spacing: 1.6px;
  font-weight: 500;
  margin: 10px 0;
}
.page.january-page .module .inline-join header h2 .button-wrapper, .page.janchallenge2015 .module .inline-join header h2 .button-wrapper, .page.seehow .module .inline-join header h2 .button-wrapper {
  width: 90%;
  margin: 0 auto;
}
.page.january-page .module .inline-join header h2 .button-wrapper .button, .page.janchallenge2015 .module .inline-join header h2 .button-wrapper .button, .page.seehow .module .inline-join header h2 .button-wrapper .button {
  margin: 34px 0 0 0;
  float: left;
  width: 50%;
  max-width: 50%;
  display: inline-block;
}
.page.january-page .module .jan-overlay > div, .page.janchallenge2015 .module .jan-overlay > div, .page.seehow .module .jan-overlay > div {
  width: 100%;
  margin: 0;
  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 h6, .page.janchallenge2015 .module .jan-overlay h6, .page.seehow .module .jan-overlay h6 {
  font-size: 14px;
}
.page.january-page .module .jan-overlay small, .page.janchallenge2015 .module .jan-overlay small, .page.seehow .module .jan-overlay small {
  font-size: 13px;
}
.page.january-page .module .jan-overlay hr, .page.janchallenge2015 .module .jan-overlay hr, .page.seehow .module .jan-overlay hr {
  margin: 30px 0;
}
.page.january-page .module .jan-overlay ul li, .page.janchallenge2015 .module .jan-overlay ul li, .page.seehow .module .jan-overlay ul li {
  height: auto;
}
.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";
  top: 0;
  left: 28%;
  font-size: 60px;
  text-align: left;
}
.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: none;
}
.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: center;
}
.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";
  top: 0;
  left: 28%;
  font-size: 60px;
  text-align: left;
}
.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: none;
}
.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: center;
}
.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";
  top: 0;
  left: 28%;
  font-size: 60px;
  text-align: left;
}
.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: none;
}
.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: center;
}
.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: 150px;
  height: 150px;
  position: static;
  margin: 20px 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: 90%;
  margin: 0 auto;
}
.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 {
  font-size: 2em;
  font-weight: lighter;
}
.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: 14px;
}
.page.january-page .module .jan-overlay .label.terms, .page.janchallenge2015 .module .jan-overlay .label.terms, .page.seehow .module .jan-overlay .label.terms {
  font-size: 10px;
  text-align: left;
  margin-bottom: 15px;
}
.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: 15px 0;
}
.page.january-page .module .jan-overlay .icon-check, .page.janchallenge2015 .module .jan-overlay .icon-check, .page.seehow .module .jan-overlay .icon-check {
  border: solid;
}
.page.january-page .leaderboard-header, .page.janchallenge2015 .leaderboard-header, .page.seehow .leaderboard-header {
  height: 198px;
}
.page.january-page .leaderboard-header a.back, .page.janchallenge2015 .leaderboard-header a.back, .page.seehow .leaderboard-header a.back {
  top: 40px;
  left: 35px;
}
.page.january-page .leaderboard-header a.back img, .page.janchallenge2015 .leaderboard-header a.back img, .page.seehow .leaderboard-header a.back img {
  width: 18px;
  height: 30px;
}
.page.january-page .leaderboard-header .wrapper, .page.janchallenge2015 .leaderboard-header .wrapper, .page.seehow .leaderboard-header .wrapper {
  width: 700px;
  margin: 0 auto;
  padding: 38px 0;
}
.page.january-page .leaderboard-header .wrapper ul, .page.janchallenge2015 .leaderboard-header .wrapper ul, .page.seehow .leaderboard-header .wrapper ul {
  padding: 20px 0;
}
.page.january-page .leaderboard-header .wrapper ul li, .page.janchallenge2015 .leaderboard-header .wrapper ul li, .page.seehow .leaderboard-header .wrapper ul li {
  display: inline-block;
  width: 50%;
  margin-bottom: 0px;
}
.page.january-page .leaderboard-header .wrapper h3, .page.janchallenge2015 .leaderboard-header .wrapper h3, .page.seehow .leaderboard-header .wrapper h3 {
  font-size: 34px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.page.january-page .leaderboard-header .wrapper label, .page.janchallenge2015 .leaderboard-header .wrapper label, .page.seehow .leaderboard-header .wrapper label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}
.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: 18px;
}
.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 {
  margin-left: 20px;
  float: right;
}
.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 {
  height: 60px;
  padding: 40px 0;
}
.page.january-page .leaderboard-subheader .wrapper, .page.janchallenge2015 .leaderboard-subheader .wrapper, .page.seehow .leaderboard-subheader .wrapper {
  width: 478px;
}
.page.january-page .leaderboard-subheader .wrapper .subheader-left, .page.janchallenge2015 .leaderboard-subheader .wrapper .subheader-left, .page.seehow .leaderboard-subheader .wrapper .subheader-left {
  float: left;
  margin-bottom: 0;
}
.page.january-page .leaderboard-subheader .wrapper .subheader-right, .page.janchallenge2015 .leaderboard-subheader .wrapper .subheader-right, .page.seehow .leaderboard-subheader .wrapper .subheader-right {
  float: right;
}
.page [data-component="challenge-winners"] .leaderboard-header .wrapper {
  width: 350px !important;
}

.cyclinggroups {
  overflow-x: initial;
}
.cyclinggroups .button.box {
  width: 250px;
  display: inline-block;
  margin: 20px auto 15px;
}

.menu-width, .group-cycling-header .group-cycling-header-info.logged-in, .group-cycling-user-info, .challenge-section + div, .challenge-section .challenge-container, .featured-events, .the-pursuit, .group-cycling-compete .compete-header, .group-cycling-compete .group-cycling-leaderboard, .group-cycling-connect .cycling-connect-container, .group-cycling-learn .cycling-learn-container, .group-cycling-gear-up .gear-up-container, .leave-group {
  padding-left: 85px;
}

#toggle-menu {
  display: none;
}

.group-cycling-subtitle {
  font-size: 24px;
  letter-spacing: 10.4px;
}

.group-cycling-section {
  padding: 0;
}

.group-cycling-subsection {
  padding-top: 50px;
  position: relative;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}

.center-section, .the-pursuit .the-pursuit-container, .group-cycling-compete .group-cycling-leaderboard ul, .group-cycling-connect .instagram-filter, .group-cycling-connect .meet-instructors, .group-cycling-learn .group-cycling-posts, .group-cycling-gear-up .gear-up-grid {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}

.section-title {
  font-size: 22px;
  padding: 20px 0 20px 85px;
  margin: 0 auto;
  width: 260px;
}
.section-title small {
  display: block;
  font-size: 100px;
  line-height: .4;
}
.section-title:before {
  top: 70%;
  left: 42.5px;
}

.section-subtitle {
  font-size: 48px;
}
.section-subtitle small {
  font-size: 90px;
  line-height: .2;
}

.paragraph-subtitle {
  font-size: 14px;
  margin: 5px 0 10px;
}

.paragraph-subtitle-small {
  font-size: 14px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.sticky-label {
  top: -14px;
  border-left: 90px solid transparent;
  border-right: 90px solid transparent;
  border-bottom: 90px solid #000;
}
.sticky-label small {
  top: 40px;
  left: -28px;
  font-size: 15px;
}

.group-cycling-nav {
  background-color: transparent;
  width: 85px;
  height: 90%;
  height: calc(100% - 130px);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.group-cycling-nav label {
  display: none;
}
.group-cycling-nav ul {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  overflow: hidden;
  max-height: 80%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.group-cycling-nav ul:after {
  content: '';
  background-color: #1f262b;
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
}
.group-cycling-nav ul:hover span {
  display: block;
}
.group-cycling-nav ul li {
  background-color: #1f262b;
  height: 77px;
}
.group-cycling-nav ul li:first-child span {
  margin-top: 5px;
}
.group-cycling-nav ul li:first-child:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 500px;
  background-color: #1f262b;
}
.group-cycling-nav ul li.active {
  background-color: transparent;
}
.group-cycling-nav ul li.active a {
  padding: 10px;
}
.group-cycling-nav ul li.active a span {
  display: block;
  margin-top: 5px;
}
.group-cycling-nav ul li.active:before {
  font-size: 65px;
}
.group-cycling-nav ul li a {
  padding: 15px 10px;
  text-align: center;
}
.group-cycling-nav ul li a:before {
  font-size: 75px;
  display: block;
  width: auto;
  margin-right: 0;
  line-height: .5;
}
.group-cycling-nav ul li a:after {
  content: none;
  display: none;
}
.group-cycling-nav ul li a span {
  display: none;
  font-size: 10px;
  font-weight: 700;
}

.group-cycling-header h1 {
  font-size: 70px;
  letter-spacing: 32px;
}
.group-cycling-header p {
  font-size: 18px;
  letter-spacing: 1.8px;
  max-width: 70%;
  margin: 15px auto;
}
.group-cycling-header .group-cycling-header-info {
  left: 0;
  top: 20px;
  width: 100%;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.group-cycling-header .group-cycling-header-info .button {
  left: 0;
}
.group-cycling-header .cta-buttons {
  padding: 14px 0;
  width: 300px;
  margin: 20px auto;
}
.group-cycling-header .cta-buttons a {
  border: 0;
  font-size: 12px;
  letter-spacing: 1.2px;
}
.group-cycling-header .cta-buttons a span {
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
}

.join-groups {
  width: 100%;
  margin: 0 auto;
  padding: 55px 30px;
}
.join-groups .group-perks-list li {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  border-left: 34px solid #fff;
}
.join-groups .group-perks-list li:first-child {
  border: 0;
  width: calc(33.33% - 34px);
}
.join-groups .group-perks-list li h3 {
  font-size: 24px;
  margin: 25px 0 12px;
  letter-spacing: .56px;
}
.join-groups .group-perks-list li p {
  font-size: 14px;
}

.group-cycling-user-info ul:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.group-cycling-user-info ul li {
  font-size: 16px;
  width: 33.33%;
  float: left;
  border-left: 1px solid #ccc;
}
.group-cycling-user-info ul li:first-child {
  margin-bottom: 0;
  border: 0;
}
.group-cycling-user-info .icon-dropdown-slim {
  font-size: 18px;
}

.challenge-section .cta-buttons {
  padding-left: 85px;
}
.challenge-section .loader {
  padding-left: 85px;
}
.challenge-section .cta-buttons {
  padding-left: 85px;
}
.challenge-section .challenge-container h4 {
  font-size: 12px;
  letter-spacing: 1.28px;
}
.challenge-section .challenge-container h2 {
  font-size: 29px;
  letter-spacing: 4.32px;
  line-height: inherit;
}
.challenge-section .challenge-container h1 {
  font-size: 40px;
  letter-spacing: 6.08px;
  margin: -17px 0 8px;
}
.challenge-section .challenge-container p {
  font-size: 14px;
  letter-spacing: 1.6px;
  margin-bottom: 5px;
}
.challenge-section .challenge-container small {
  font-size: 11px;
  letter-spacing: 1.3px;
}
.challenge-section .challenge-container .ranking-container {
  border: 0;
  margin: 10px 0;
}
.challenge-section .challenge-container .ranking-container:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.challenge-section .challenge-container .not-joined p {
  font-size: 14px;
  margin-bottom: -5px;
}
.challenge-section .challenge-container .not-joined h2 {
  font-size: 34px;
}
.challenge-section .challenge-container .rank-view {
  padding: 0;
  float: left;
  width: 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.01);
  border-top: 0;
}
.challenge-section .challenge-container .rank-view:first-child {
  width: 30%;
}
.challenge-section .challenge-container .rank-view:last-child {
  width: 70%;
}
.challenge-section .challenge-container .rank-view.progress .progress-bar.empty .progress-loader:after {
  top: 8px;
}
.challenge-section .challenge-container .ranking-list li:before {
  left: 50%;
  margin-left: -45px;
}
.challenge-section .challenge-container .ranking-list li img {
  width: 41px;
  height: 41px;
}
.challenge-section .challenge-container .ranking-list.facility-ranking li:before {
  left: 50%;
  margin-left: -72px;
  top: -13px;
}
.challenge-section .challenge-container .ranking-list.facility-ranking li > div {
  top: auto;
  position: static;
}

.featured-events .select-wrapper {
  font-size: 15px;
  color: #7c878e;
  padding: 10px 15px;
}
.featured-events .select-wrapper select {
  font-size: 15px;
}
.featured-events .select-wrapper .option {
  color: #7c878e;
}
.featured-events .select-wrapper .option:after {
  font-size: 18px;
}
.featured-events ul {
  margin: 30px auto 0;
  padding: 0 20px;
  font-size: 0;
}
.featured-events ul li {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  margin-bottom: 0;
}
.featured-events ul li:nth-child(2) img {
  margin-top: 20px;
}
.featured-events ul li h1 {
  font-size: 40px;
}
.featured-events ul li h2 {
  font-size: 14px;
}
.featured-events ul li p {
  font-size: 14px;
  letter-spacing: .56px;
  margin-bottom: 10px;
}
.featured-events ul li a {
  font-size: 12px;
}

.the-pursuit .pursuit-video {
  height: 400px;
}

.group-cycling-compete .compete-header {
  padding-bottom: 35px;
}
.group-cycling-compete .group-cycling-leaderboard ul {
  text-align: center;
}
.group-cycling-compete .group-cycling-leaderboard li {
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 30px;
  padding: 0;
  width: 240px;
  height: 100px;
  position: relative;
}
.group-cycling-compete .group-cycling-leaderboard li.me {
  display: block;
  margin: 0 0 30px;
  width: 100%;
}
.group-cycling-compete .group-cycling-leaderboard li.me:before, .group-cycling-compete .group-cycling-leaderboard li.me:after {
  border-top: 1px solid #5c5c5c;
  width: 200px;
}
.group-cycling-compete .group-cycling-leaderboard li.me .leaderboard-image {
  position: relative;
}
.group-cycling-compete .group-cycling-leaderboard li.me .leaderboard-info {
  position: relative;
  top: auto;
  left: 10px;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.group-cycling-compete .group-cycling-leaderboard li.me .leaderboard-info .position {
  font-size: 45px;
}
.group-cycling-compete .group-cycling-leaderboard li.me .leaderboard-info .position sup {
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  top: 25px;
}
.group-cycling-compete .group-cycling-leaderboard li:nth-child(odd) .leaderboard-info {
  margin-left: 0;
}
.group-cycling-compete .group-cycling-leaderboard li:nth-child(even) .leaderboard-info {
  margin-right: 0;
  margin-top: 0;
  text-align: left;
  width: auto;
  float: none;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-image {
  position: absolute;
  left: 0;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-image img {
  width: 100px;
  height: 100px;
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.group-cycling-compete .group-cycling-leaderboard li .leaderboard-info strong, .group-cycling-compete .group-cycling-leaderboard li .leaderboard-info span {
  font-size: 17px;
}
.group-cycling-compete .group-cycling-leaderboard .button.box {
  display: inline-block;
  margin-left: -4px;
}

.group-cycling-connect .instagram-filter {
  font-size: 0;
  background-color: #000;
  text-align: left;
}
.group-cycling-connect .instagram-filter .instagram-container {
  width: 25%;
  float: none;
  display: inline-block;
}
.group-cycling-connect .instagram-filter .twitter-quote {
  clear: none;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 0;
  padding-bottom: 21.4%;
  font-size: 20px;
  text-align: center;
}
.group-cycling-connect .instagram-filter .twitter-quote .twitter-quote-inner {
  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%);
  width: 100%;
  padding: 0 10px;
}
.group-cycling-connect .instagram-filter .twitter-quote small {
  font-size: 13px;
}
.group-cycling-connect .meet-instructors {
  padding-top: 90px;
}
.group-cycling-connect .meet-instructors > p {
  font-size: 14px;
  font-weight: 400;
}
.group-cycling-connect .meet-instructors .instructors-header {
  position: relative;
}
.group-cycling-connect .meet-instructors .instructors-header .profile-picture {
  width: 117px;
  height: 117px;
  top: -60px;
}
.group-cycling-connect .meet-instructors .instructors-header span {
  font-size: 90px;
}
.group-cycling-connect .meet-instructors .instructors-header .paragraph-subtitle-small {
  margin: 0 auto;
  width: 45%;
  color: rgba(255, 255, 255, 0.7);
}
.group-cycling-connect .meet-instructors .instructors-header .instructor-share {
  margin: 20px 0;
}
.group-cycling-connect .meet-instructors .instructors-header .instructor-share p {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  vertical-align: middle;
}
.group-cycling-connect .meet-instructors .instructors-header .instructor-share a {
  font-size: 25px;
}
.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 .owl-carousel .owl-item {
  padding: 0 100px;
}
.group-cycling-connect .meet-instructors .instructors-qa > h2 {
  font-size: 30px;
  margin: 40px 0 15px;
}
.group-cycling-connect .meet-instructors .instructors-qa .instructor-question {
  font-size: 19px;
}
.group-cycling-connect .meet-instructors .instructors-qa p {
  font-size: 14px;
}

.group-cycling-learn .group-cycling-posts li {
  margin-bottom: 3px;
  position: relative;
}
.group-cycling-learn .group-cycling-posts li:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.group-cycling-learn .group-cycling-posts li:nth-child(even) .post-info {
  left: 0;
  right: auto;
}
.group-cycling-learn .group-cycling-posts li:nth-child(even) img {
  float: right;
}
.group-cycling-learn .group-cycling-posts li img {
  float: left;
  width: 62%;
}
.group-cycling-learn .group-cycling-posts li .post-info {
  text-align: left;
  position: absolute;
  top: 50%;
  right: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 38%;
  padding-left: 50px;
}
.group-cycling-learn .group-cycling-posts li .post-info small {
  font-size: 12px;
  margin-top: 0;
}
.group-cycling-learn .group-cycling-posts li .post-info h2 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .96px;
}
.group-cycling-learn .group-cycling-posts li .post-info p {
  font-size: 12px;
  margin: 0;
}

.group-cycling-gear-up .gear-up-grid:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.group-cycling-gear-up .gear-up-grid .gear-up-hover {
  display: none;
}
.group-cycling-gear-up .gear-up-grid .grid-item {
  position: relative;
}
.group-cycling-gear-up .gear-up-grid .grid-item:before {
  content: '';
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -moz-transition: opacity, 250ms, ease-in-out;
  -o-transition: opacity, 250ms, ease-in-out;
  -webkit-transition: opacity, 250ms, ease-in-out;
  transition: opacity, 250ms, ease-in-out;
}
.group-cycling-gear-up .gear-up-grid .grid-item:hover:before {
  opacity: 1;
}
.group-cycling-gear-up .gear-up-grid .grid-item:hover .gear-up-hover {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: none;
  color: #fff;
}
.group-cycling-gear-up .gear-up-grid .grid-item:hover .gear-up-hover .close-overlay {
  display: none;
}
.group-cycling-gear-up .gear-up-grid .grid-item:hover .gear-up-hover img {
  display: none;
}
.group-cycling-gear-up .gear-up-grid .grid-item:hover .gear-up-hover h2 {
  font-size: 22px;
  font-weight: 200;
  letter-spacing: 2.72px;
  line-height: 1;
}
.group-cycling-gear-up .gear-up-grid .grid-item:hover .gear-up-hover .why-we-like-it {
  font-size: 12px;
  color: #7c878e;
  text-decoration: underline;
  margin: 20px 0 25px;
  display: block;
}
.group-cycling-gear-up .gear-up-grid .grid-item:hover .gear-up-hover .button {
  background: transparent;
  border: 1px solid #fff;
  width: 130px;
  color: #fff;
}
.group-cycling-gear-up .gear-up-grid .grid-1, .group-cycling-gear-up .gear-up-grid .grid-2 {
  float: left;
}
.group-cycling-gear-up .gear-up-grid .grid-1 {
  width: 33.33%;
}
.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 {
  width: 100%;
}
.group-cycling-gear-up .gear-up-grid .grid-2 {
  width: 66.66%;
}
.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 {
  width: 50%;
}
.group-cycling-gear-up .gear-up-grid .grid-2 .grid-item:first-child {
  width: 100%;
}
.group-cycling-gear-up .group-cycling-playlist iframe {
  width: 100%;
  height: 700px;
}

.generic-overlay.picture-viewer .generic-overlay-container {
  top: 50%;
  left: 50%;
  padding-top: 100px;
  margin-left: 42px;
  width: 90%;
  max-width: 990px;
  height: auto;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.generic-overlay.picture-viewer .generic-overlay-container .close-overlay {
  font-size: 35px;
}
.generic-overlay.picture-viewer .generic-overlay-container img {
  float: left;
  width: 50%;
  margin-right: 20px;
}
.generic-overlay.picture-viewer .generic-overlay-container .instagram-container {
  position: relative;
}
.generic-overlay.picture-viewer .generic-overlay-container .instagram-container:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.generic-overlay.picture-viewer .generic-overlay-container .picture-info {
  position: absolute;
  top: 50%;
  left: 52%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
  width: 50%;
  padding-right: 50px;
}
.generic-overlay.picture-viewer .generic-overlay-container blockquote {
  font-size: 24px;
  margin: 0 0 20px;
}
.generic-overlay.picture-viewer .generic-overlay-container small {
  font-size: 14px;
}
.generic-overlay.picture-viewer .generic-overlay-container span {
  font-size: 14px;
}
.generic-overlay .icon-close-slim {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 16px;
}
.generic-overlay .generic-overlay-container {
  padding: 40px 30px;
  top: 140px;
  width: 700px;
}
.generic-overlay .generic-overlay-container h2 {
  font-size: 45px;
  letter-spacing: 4.5px;
  margin: 25px 0 14px;
}
.generic-overlay .generic-overlay-container > p {
  font-size: 16px;
  margin-bottom: 20px;
}
.generic-overlay .checkbox .checkbox-replacement {
  margin-top: 0;
}
.generic-overlay .checkbox .label {
  font-size: 15px;
  width: auto;
  text-transform: none;
}
.generic-overlay .button.box {
  display: block;
  padding: 14px 20px;
  margin: 32px auto 16px;
  width: 262px;
  font-size: 14px;
  left: 0;
}
.generic-overlay .cancel-overlay {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 32px;
}
.generic-overlay small {
  font-size: 11px;
}

/**/
.module .challenge-overlay-promo.open > div {
  width: 100%;
  margin: 0;
  padding: 30px 15px;
}
.module .challenge-overlay-promo.open > div .icon-close {
  top: 0;
  right: 4px;
}
.module .challenge-overlay-promo.open h6 {
  font-size: 14px;
}
.module .challenge-overlay-promo.open small {
  font-size: 13px;
}
.module .challenge-overlay-promo.open hr {
  margin: 40px auto;
  width: 75%;
}
.module .challenge-overlay-promo.open .label.terms {
  font-size: 10px;
  text-align: left;
  margin-bottom: 15px;
}
.module .challenge-overlay-promo.open .join-selectors small {
  margin: 15px 0;
}
.module .challenge-overlay-promo.open .icon-check {
  border: solid;
}
.module .challenge-overlay-promo.open .big-circles .title {
  font-size: 3em;
  letter-spacing: 6px;
  margin: 20px auto;
}
.module .challenge-overlay-promo.open .big-circles ul {
  margin: 35px auto 0;
}
.module .challenge-overlay-promo.open .big-circles ul li {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(1):before {
  content: "1";
  top: 0;
  left: 22%;
  font-size: 60px;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(1) .content {
  float: none;
}
.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: center;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(2):before {
  content: "2";
  top: 0;
  left: 22%;
  font-size: 60px;
  right: auto;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(2) .content {
  float: none;
}
.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: center;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(3):before {
  content: "3";
  top: 0;
  left: 22%;
  font-size: 60px;
}
.module .challenge-overlay-promo.open .big-circles ul li:nth-child(3) .content {
  float: none;
}
.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: center;
}
.module .challenge-overlay-promo.open .big-circles ul li .item-info img {
  width: 150px;
  height: 150px;
  position: static;
  margin: 20px auto;
}
.module .challenge-overlay-promo.open .big-circles ul li .content {
  width: 90%;
  margin: 0 auto;
}
.module .challenge-overlay-promo.open .big-circles ul li .content .title {
  font-size: 2em;
}
.module .challenge-overlay-promo.open .big-circles ul li .content p {
  font-size: 14px;
}

.module .challenge-overlay-promo-signup.open {
  overflow-y: hidden;
}
.module .challenge-overlay-promo-signup.open > div {
  width: 100%;
  margin: 0;
  padding: 30px 15px;
}
.module .challenge-overlay-promo-signup.open > div .icon-close {
  top: 0;
  right: 4px;
}
.module .challenge-overlay-promo-signup.open h1 {
  margin-bottom: 18px;
}
.module .challenge-overlay-promo-signup.open h6 {
  font-size: 14px;
}
.module .challenge-overlay-promo-signup.open small {
  font-size: 13px;
}
.module .challenge-overlay-promo-signup.open hr {
  margin: 20px auto;
  width: 75%;
}
.module .challenge-overlay-promo-signup.open .label.terms {
  font-size: 10px;
  text-align: left;
  margin-bottom: 15px;
}
.module .challenge-overlay-promo-signup.open .join-selectors {
  max-width: 650px;
}
.module .challenge-overlay-promo-signup.open .join-selectors small {
  margin: 15px 0;
}
.module .challenge-overlay-promo-signup.open .join-selectors span.alias {
  font-size: 34px;
  text-transform: uppercase;
}
.module .challenge-overlay-promo-signup.open .join-selectors span.label {
  text-align: center;
}
.module .challenge-overlay-promo-signup.open .join-selectors span.error {
  width: auto;
}
.module .challenge-overlay-promo-signup.open .club-select {
  width: 348px;
}
.module .challenge-overlay-promo-signup.open .icon-check {
  border: solid;
}

.codeSurvey .codeMember-hero .content {
  width: 60%;
  margin: 0 auto;
  padding: 0;
}
.codeSurvey .codeMember-hero .content h1 {
  padding-top: 70px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 2.5em;
}
.codeSurvey .codeMember-hero .content p.description {
  font-size: 1.2em;
  margin: 30px auto;
  padding: 33px 50px;
  color: #fff;
  font-weight: 100;
  letter-spacing: 2px;
}
.codeSurvey .codeMember-hero .content p.giftAmount, .codeSurvey .codeMember-hero .content p.giftText, .codeSurvey .codeMember-hero .content p.message {
  text-align: center;
  color: #000;
}
.codeSurvey .codeMember-hero .content p.giftAmount {
  font-size: 9em;
  margin: 0 0 20px;
}
.codeSurvey .codeMember-hero .content p.giftText {
  font-size: 2.2em;
  margin-bottom: 30px;
}
.codeSurvey .codeMember-hero .content p.message {
  font-size: 1.3em;
  margin-bottom: 30px;
}
.codeSurvey .codeMember-hero .content p.terms {
  font-size: 0.8em;
  padding: 15px 0;
}
.codeSurvey .codeMember-hero .content p.terms a {
  text-decoration: underline;
  text-transform: uppercase;
  color: #000;
}
.codeSurvey .codeMember-hero .content p.copyright-text {
  font-size: 11px;
  padding: 100px 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1220px) {
  .codeSurvey .codeMember-hero .content {
    width: 80%;
    margin: 0 auto;
    padding: 0;
  }
  .codeSurvey .codeMember-hero .content h1 {
    margin-bottom: 0;
    font-weight: 500;
    padding: 70px 0 10px;
    font-size: 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1220px) {
  .codeSurvey .codeMember-hero.full-screen img {
    position: absolute;
    top: 0;
    left: 0;
    width: 140%;
    margin-left: -20%;
  }
}
.codeSurvey .codeMember-hero.full-screen .content {
  width: 80%;
  margin: 0 auto;
}
.codeSurvey .codeMember-hero.full-screen .content a.official-rules {
  color: #000;
  display: block;
  padding: 30px 0;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
}
.codeSurvey .codeMember-hero.full-screen .content nav a {
  color: #000;
}
.codeSurvey .codeMember-hero.full-screen .content .innerContent {
  margin-top: 55px;
}
.codeSurvey .codeMember-hero.full-screen .content .innerContent h1 {
  padding: 25px 0 0;
  font-weight: 500;
  font-size: 40px;
}
.codeSurvey .codeMember-hero.full-screen .content .innerContent p.description {
  padding: 50px 50px 25px;
  margin: 0;
  font-size: 1.2em;
  font-weight: 100;
}
.codeSurvey .codeMember-hero.full-screen .content p.copyright-text {
  font-size: 11px;
  margin: 50px 0 15px;
}
.codeSurvey .codeMember-hero.full-screen .content nav.button-container {
  margin-top: 15px;
}
.codeSurvey .codeMember-hero.full-screen .content nav.button-container a.button {
  padding: 20px 40px;
  margin: 0 auto;
  width: auto;
  border: 0;
  color: #fff;
}

#code-member {
  width: 80%;
  margin: 0 10%;
}
#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: 30px;
}
#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: 60px;
  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: 60%;
  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-size: 25px;
  font-weight: 400;
}
#code-member #principalQuestion form .questionContainer .row .answers-options,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options {
  width: 80%;
  margin: 0 auto;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer {
  display: inline-block;
  text-align: center;
  padding: 0;
  position: relative;
  border: none;
  margin: 0;
  width: 25%;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer label .label,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer label .label,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer label .label {
  display: block;
  max-width: 120px;
  white-space: pre-line;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  padding-top: 5px;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer label input[type="radio"],
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer label input[type="radio"],
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer label input[type="radio"] {
  display: none;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer label .radio-replacement,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer label .radio-replacement,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer label .radio-replacement {
  width: 20px;
  height: 20px;
  top: 3px;
  border-color: #000;
  margin-right: 0px !important;
  float: none;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer label .line,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer label .line,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer label .line {
  border: 1px solid #000;
  display: inline;
  position: absolute;
  top: 13px;
  width: 46%;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer label .lineBefore,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer label .lineBefore,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer label .lineBefore {
  left: 0;
  width: 44%;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer:first-child .lineBefore,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer:first-child .lineBefore,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer:first-child .lineBefore {
  left: 0;
  width: 0;
  display: none;
}
#code-member #principalQuestion form .questionContainer .row .answers-options .inputContainer:last-child .line.lineAfter,
#code-member #tieBreakerQuestion form .questionContainer .row .answers-options .inputContainer:last-child .line.lineAfter,
#code-member #personaTypeQuestion form .questionContainer .row .answers-options .inputContainer:last-child .line.lineAfter {
  left: 0;
  width: 0;
  display: none;
}
#code-member #principalQuestion form .questionContainer .row .optionContainer,
#code-member #tieBreakerQuestion form .questionContainer .row .optionContainer,
#code-member #personaTypeQuestion form .questionContainer .row .optionContainer {
  width: 100%;
  margin: auto;
}
#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 {
  list-style-type: none;
  display: block;
  width: 28%;
  height: 150px;
  float: left;
  margin: 0 5px;
  padding: 25px 15px;
  text-align: left;
}
#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: 400;
  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;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #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 {
    width: 26%;
    height: 175px;
  }
}
#code-member #tieBreakerQuestion .inputContainer {
  display: inline-block;
  text-align: center;
  padding: 0;
  position: relative;
  border: none;
  margin: 0;
  width: 20%;
}
#code-member #tieBreakerQuestion .inputContainer .line {
  display: none !important;
}
#code-member #tieBreakerQuestion .inputContainer .label {
  display: inline-block !important;
  min-width: 70px;
}

.codeSurvey .button-container {
  text-align: center;
}
.codeSurvey .button-container a {
  background: #000;
  color: #fff;
  font-weight: 600;
  font-size: .9em;
  letter-spacing: 1px;
  display: inline;
  padding: 15px 40px;
}

.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou {
  padding: 80px 100px;
  margin-top: 55px;
}
@media (min-width: 1280px) {
  .codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou {
    padding: 120px;
  }
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou h1 {
  padding: 25px 0 0;
  font-weight: 500;
  font-size: 40px;
}
.codeSurvey.thankyou .codeMember-hero.full-screen .content .innerContent.thankyou p.description {
  padding: 50px 50px 25px;
  margin: 0;
  font-size: 1.2em;
  font-weight: 300;
}

.leadfitnesssurvey .principalQuestion,
.leadfitnesssurvey .tieBreakerQuestion,
.leadfitnesssurvey .preferenceQuestion,
.leadfitnesssurvey .thankYouMsg {
  width: 80%;
}
.leadfitnesssurvey h1 {
  font-size: 30px;
}
.leadfitnesssurvey form {
  max-width: 100%;
  width: 80%;
  margin: 0 auto;
}
.leadfitnesssurvey form .questionContainer .row {
  border: 0;
  margin-top: 60px;
  padding-top: 20px;
}
.leadfitnesssurvey form .questionContainer .row .question-heading {
  width: 83%;
  margin: auto;
}
.leadfitnesssurvey form .questionContainer .row .question-heading .question {
  font-size: 24px;
  text-align: left;
  font-weight: 500;
  margin: 0;
}
.leadfitnesssurvey .tieBreakerQuestion form,
.leadfitnesssurvey .preferenceQuestion form {
  width: 100%;
}
.leadfitnesssurvey .tieBreakerQuestion form .row,
.leadfitnesssurvey .preferenceQuestion form .row {
  margin-top: 60px;
  padding-top: 20px;
}
.leadfitnesssurvey .tieBreakerQuestion form .row .question-heading,
.leadfitnesssurvey .preferenceQuestion form .row .question-heading {
  width: 100%;
  margin-bottom: 20px;
}
.leadfitnesssurvey .tieBreakerQuestion form .row .question-heading .question,
.leadfitnesssurvey .preferenceQuestion form .row .question-heading .question {
  font-size: 24px;
  text-align: left;
  font-weight: 500;
  margin: 0;
}
.leadfitnesssurvey .tieBreakerQuestion form .row .question-heading .inline-heading small,
.leadfitnesssurvey .preferenceQuestion form .row .question-heading .inline-heading small {
  text-align: left;
}
.leadfitnesssurvey #thankYouMsg {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.leadfitnesssurvey #thankYouMsg h1 {
  font-size: 66px;
  padding: 0 0 70px 0;
  margin: 0;
}
.leadfitnesssurvey #thankYouMsg .description {
  font-size: 46px;
  padding: 0 100px 60px;
  margin: 0;
  font-weight: 300;
}
.leadfitnesssurvey #thankYouMsg .paragraph {
  padding: 15px 0;
}
.leadfitnesssurvey #thankYouMsg .paragraph .button-container {
  padding: 1.3em 0;
}
.leadfitnesssurvey .mobile-small-radio .radio {
  display: inline-block;
  width: 30%;
  padding: 0;
  position: relative;
  border-bottom: 0;
}
.leadfitnesssurvey .mobile-small-radio .radio input {
  display: none;
}
.leadfitnesssurvey .mobile-small-radio .radio.selected .radio-replacement:after {
  background: #000;
}
.leadfitnesssurvey .mobile-small-radio .radio .radio-replacement {
  width: 20px;
  border: 1px solid #000;
  display: block;
  height: 20px;
  border-radius: 10px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 2;
  float: none;
}
.leadfitnesssurvey .mobile-small-radio .radio label {
  display: block;
}
.leadfitnesssurvey .mobile-small-radio .radio span {
  display: inline-block;
}
.leadfitnesssurvey .mobile-small-radio .radio .radio-replacement {
  margin: 0 10px 0 0;
  float: none;
  display: inline-block;
}
.leadfitnesssurvey .mobile-small-radio .radio .text {
  width: 60%;
  vertical-align: middle;
  float: none;
  display: inline-block;
  font-weight: 500;
}
.leadfitnesssurvey .radio-inline {
  padding: 10px;
  margin: 50px auto 0;
}
.leadfitnesssurvey .radio-inline .radio {
  display: inline-block;
  width: 24%;
  padding: 0;
  position: relative;
  border-bottom: 0;
}
.leadfitnesssurvey .radio-inline .radio input {
  display: none;
}
.leadfitnesssurvey .radio-inline .radio.selected .radio-replacement:after {
  background: #000;
}
.leadfitnesssurvey .radio-inline .radio .radio-replacement {
  width: 20px;
  border: 1px solid #000;
  display: block;
  height: 20px;
  border-radius: 10px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 2;
  float: none;
}
.leadfitnesssurvey .radio-inline .radio .text {
  width: 40%;
  margin: 0 30%;
  display: block;
  text-align: center;
  font-weight: 500;
  padding: 10px 0 0 0;
  letter-spacing: 2px;
}
.leadfitnesssurvey .radio-inline .radio:before {
  display: inline-block;
  background: #ddd;
  border-top: 1px solid #000;
  width: 50%;
  content: '';
  top: 21%;
  left: -5px;
  position: absolute;
  z-index: 1;
}
.leadfitnesssurvey .radio-inline .radio:after {
  display: inline-block;
  background: #ddd;
  border-top: 1px solid #000;
  width: 47%;
  content: '';
  top: 21%;
  right: 0;
  position: absolute;
  z-index: 1;
}
.leadfitnesssurvey .radio-inline .radio:first-child:before {
  width: 0;
  border: 0;
}
.leadfitnesssurvey .radio-inline .radio:last-child:after {
  width: 0;
  border: 0;
}
.leadfitnesssurvey .radio-replacement {
  width: 20px;
  border: 1px solid;
  display: block;
  height: 20px;
  border-radius: 10px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 2;
  float: none;
}
.leadfitnesssurvey .radio-replacement:after {
  background: #000;
}
.leadfitnesssurvey .checkbox-replacement {
  width: 14px;
  height: 14px;
  border: 1px solid #000;
}
.leadfitnesssurvey .col-multiple.checkbox {
  width: 32%;
  padding: 10px 0;
}
.leadfitnesssurvey .col-multiple.checkbox .control-title {
  float: left;
  margin-top: -2px;
  max-width: 80%;
  font-size: 14px;
  font-weight: 500;
}
.leadfitnesssurvey .error .radio-inline .radio .radio-replacement,
.leadfitnesssurvey .error .mobile-small-radio .radio .radio-replacement {
  border-color: #f00;
}
.leadfitnesssurvey .error .radio-inline .radio .text,
.leadfitnesssurvey .error .mobile-small-radio .radio .text {
  color: #f00;
}
.leadfitnesssurvey .error .radio-inline .radio:after, .leadfitnesssurvey .error .radio-inline .radio:before,
.leadfitnesssurvey .error .mobile-small-radio .radio:after,
.leadfitnesssurvey .error .mobile-small-radio .radio:before {
  border-color: #f00;
}

#corp-lead-popup-wrapper #corp-lead-popup-content h1 {
  margin-bottom: 30px;
  font-size: 34px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content h2 {
  margin: 30px 0 40px;
  font-weight: normal;
  font-size: 28px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content h3 {
  margin-bottom: 40px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content button {
  font-size: 14px !important;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form fieldset {
  width: 90%;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form p {
  padding: 0;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown .option {
  width: 95%;
}
#corp-lead-popup-wrapper #corp-lead-popup-content form .control .dropdown .option:after {
  right: 10px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .button-container button {
  padding-left: 22% !important;
  padding-right: 22% !important;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box,
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box.active {
  left: auto;
  margin-left: -6.8%;
  width: 300px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box:after,
#corp-lead-popup-wrapper #corp-lead-popup-content .overlay-box.active:after {
  left: 10.4%;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-step-0 {
  width: 480px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-step-0 .description {
  margin-bottom: 80px;
  font-size: 14px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-thank-you {
  width: 480px;
}
#corp-lead-popup-wrapper #corp-lead-popup-content #lead-thank-you .description {
  letter-spacing: 4px;
  font-size: 26px;
}

.corp-join-request nav.main {
  height: 50px;
}
.corp-join-request nav.main .logo {
  padding-top: 10px;
}
.corp-join-request #app-main h1 {
  margin-bottom: 30px;
  font-size: 45px;
}
.corp-join-request #app-main h2 {
  margin: 30px 0 40px;
  font-weight: normal;
  font-size: 32px;
}
.corp-join-request #app-main h3 {
  margin-bottom: 40px;
}
.corp-join-request #app-main button {
  font-size: 14px !important;
}
.corp-join-request #app-main form {
  padding-top: 20px;
}
.corp-join-request #app-main form p {
  padding: 0;
}
.corp-join-request #app-main form .button-container {
  margin: 40px 0;
}
.corp-join-request #app-main form .button-container button {
  padding-left: 18% !important;
  padding-right: 18% !important;
}
.corp-join-request #app-main form .control input[type='text'] {
  height: 70px;
  font-size: 22px;
}
.corp-join-request #app-main form .control .dropdown {
  height: 70px;
  line-height: 70px;
}
.corp-join-request #app-main form .control .dropdown .option {
  width: 100%;
}
.corp-join-request #app-main form .control .dropdown .option:after {
  right: 10px;
}
.corp-join-request #app-main .overlay-box,
.corp-join-request #app-main .overlay-box.active {
  left: auto;
  margin-left: -6%;
  width: 300px;
}
.corp-join-request #app-main .overlay-box:after,
.corp-join-request #app-main .overlay-box.active:after {
  left: 10.4%;
}
.corp-join-request #app-main #step-0 {
  width: 480px;
}
.corp-join-request #app-main #step-0 .description {
  margin-bottom: 80px;
  font-size: 14px;
}
.corp-join-request #app-main #email-confirmation {
  width: 480px;
}

#corp-transfer-popup-wrapper #corp-transfer-popup-content {
  width: 800px;
}
#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: 14px;
}
#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 {
  font-size: 14px;
}

.corp-transfer h1 {
  font-size: 45px;
}
.corp-transfer input {
  height: 60px;
}
.corp-transfer .content-wrapper.add-card {
  max-width: 700px !important;
}
.corp-transfer .content-wrapper.add-card .overlay-box.active {
  left: 10%;
  top: 44%;
  margin-left: 6px;
  margin-top: -19px;
}
.corp-transfer .content-wrapper.add-card .overlay-box:after {
  left: 50%;
}
.corp-transfer .content-wrapper.card-added {
  max-width: 700px !important;
}
.corp-transfer .content-wrapper.card-added .heading-wrapper h1 {
  left: 39%;
}
.corp-transfer .content-wrapper .ubs-info {
  max-width: 100%;
}
.corp-transfer .content-wrapper .ubs-info .email {
  font-size: 20px;
}
.corp-transfer .content-wrapper .verification-form-wrapper .verification-form .button-container {
  max-width: 40%;
}
.corp-transfer .content-wrapper .heading-wrapper {
  top: 2%;
  height: 8em;
}
.corp-transfer .content-wrapper .heading-wrapper h1 {
  margin-top: 2%;
}
.corp-transfer .content-wrapper .add-card-info {
  margin: 12em 6em 2em 6em;
}
.corp-transfer .content-wrapper .plan-header h1 {
  font-size: 25px;
  font-weight: normal;
}
.corp-transfer .content-wrapper .membership-info-wrapper .middle-wrapper h3 {
  font-size: 28px;
}
.corp-transfer .content-wrapper .membership-info-wrapper .middle-wrapper h4 {
  font-size: 14px;
}
.corp-transfer .content-wrapper .membership-info-wrapper .membership-price-info {
  font-size: 16px;
}
.corp-transfer .content-wrapper .membership-info-wrapper .membership-price-info .membership-price strong {
  font-size: 28px;
  letter-spacing: 2px;
}
.corp-transfer .content-wrapper .form-wrapper h3 {
  font-size: 28px;
}
.corp-transfer .content-wrapper .form-wrapper .left, .corp-transfer .content-wrapper .form-wrapper .right {
  width: 49%;
}
.corp-transfer .content-wrapper .form-wrapper .col-1 {
  width: 49%;
}
.corp-transfer .content-wrapper .form-wrapper .col-2 {
  width: 15%;
  margin-right: 0;
}
.corp-transfer .content-wrapper .form-wrapper .col-3 {
  width: 32%;
}
.corp-transfer .content-wrapper .form-wrapper .col-4 {
  width: 27%;
}
.corp-transfer .content-wrapper .form-wrapper .col-5 {
  width: 20%;
}
.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 {
  margin-left: 2%;
}
.corp-transfer .content-wrapper .form-wrapper label {
  font-size: 14px;
}
.corp-transfer .content-wrapper .form-wrapper .fieldset .fieldset-col {
  margin-top: 0;
  margin-bottom: 0;
}
.corp-transfer .content-wrapper .form-wrapper .button-wrapper .button-left, .corp-transfer .content-wrapper .form-wrapper .button-wrapper .button-right {
  width: 50%;
}
.corp-transfer .content-wrapper .form-wrapper .button-wrapper .button-right {
  margin-left: -2%;
}
.corp-transfer .content-wrapper .form-wrapper .dropdown {
  height: 60px;
  line-height: 56px;
}
.corp-transfer .content-wrapper .act-mgmt .form-heading {
  margin: 0.7em 2em;
}

/* Upcoming classes Page */
.upcoming-classes-container {
  width: 80%;
  margin: 0 10%;
}
.upcoming-classes-container .upcoming-classes-header .select-wrapper {
  margin-top: -9px;
}
.upcoming-classes-container .upcoming-classes-header .heading {
  font-size: 24px;
  margin: 0 auto 15px;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.upcoming-classes-container .upcoming-classes-header .heading .option {
  right: -38px;
}
.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: table-cell;
}
.upcoming-classes-container .upcoming-classes-content .class-container .result-view .class-list > li .today,
.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 {
  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: table-cell;
}
.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;
}

.group-fitness .complex-container .three-col {
  			/* [class*='col-'] {
  				//display: inline-block;
  
  				> div {
  					display: block;
  					width: 47%;
  					float: left;
  				}
  			} */
}
.group-fitness .complex-container .three-col .single-coloumn .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.group-fitness .two-col-img-two-col-detail .info {
  margin-bottom: 15px;
}
.group-fitness .two-col-img-two-col-detail img {
  max-height: 550px;
  max-width: 550px;
  width: 100%;
}
.group-fitness .two-col-img-two-col-detail h1 {
  font-size: 24px;
  margin: 5px 0;
  width: 125%;
  position: relative;
  top: 0;
  text-align: left;
}
.group-fitness .two-col-img-two-col-detail .desc {
  margin-top: 5px;
  text-align: left;
}
.group-fitness .two-col-img-two-col-detail p {
  margin: 5px auto;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content {
  width: 60%;
  padding: 40px 20px;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content h3 {
  -webkit-line-clamp: 2;
}
.group-fitness .two-col-slideshow .two-col-slideshow-outer .two-col-slideshow-inner .content P {
  -webkit-line-clamp: 12;
  display: block;
}
.group-fitness .two-col-slideshow .owl-controls {
  margin-top: -30px !important;
}
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content {
  width: 60%;
  padding: 40px 30px;
  min-height: 320px;
}
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content h3 {
  -webkit-line-clamp: 2;
}
.group-fitness .three-col-slideshow .three-col-slideshow-outer .three-col-slideshow-inner .content P {
  -webkit-line-clamp: 12;
  display: block;
}
.group-fitness .three-col-slideshow .owl-controls {
  margin-top: -30px !important;
}
.group-fitness .four-col-groupfitness .content-container,
.group-fitness .four-col-groupfitness-furthermore .content-container {
  position: absolute;
  margin-top: 0;
  top: 15%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.group-fitness .four-col-groupfitness .content-container img,
.group-fitness .four-col-groupfitness-furthermore .content-container img {
  margin-bottom: 15px;
}
.group-fitness .four-col-groupfitness .content-container h3,
.group-fitness .four-col-groupfitness-furthermore .content-container h3 {
  font-size: 24px;
  margin: 0 0 15px 0;
}
.group-fitness .four-col-groupfitness .content-container p,
.group-fitness .four-col-groupfitness-furthermore .content-container p {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin: 0 0 15px 0;
}
.group-fitness .four-col-groupfitness-furthermore .content-container p {
  -webkit-line-clamp: 3;
}
.group-fitness.complex-container .container [class*='col-'] {
  width: 100%;
  padding: 0;
  left: 0;
}
.group-fitness.complex-container .container [class*='one-col-'] {
  margin-bottom: 30px;
}
.group-fitness.complex-container .three-col {
  margin-top: 0;
  margin-bottom: 0;
}
.group-fitness.complex-container .three-col .carousel {
  height: auto;
}
.group-fitness.complex-container .three-col [class*='col-'] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.group-fitness.complex-container .three-col [class*='col-'] .row {
  margin-top: 0;
  margin-bottom: 0;
}
.group-fitness.complex-container .three-col [class*='col-'] .row div {
  margin-top: 0;
  margin-bottom: 0;
}
.group-fitness.complex-container .three-col [class*='col-'] [class*='one-col-'] {
  margin-bottom: 0px;
}
.group-fitness.complex-container .three-col .stick-bottom,
.group-fitness.complex-container .two-col .stick-bottom {
  margin-top: 0;
}
.group-fitness.complex-container .three-col div + div.stick-bottom,
.group-fitness.complex-container .two-col div + div.stick-bottom {
  margin-top: 0;
}
.group-fitness.complex-container .three-col .stick-center,
.group-fitness.complex-container .two-col .stick-center {
  margin-top: 0;
}
.group-fitness.complex-container.container .three-col .single-coloumn {
  margin-top: 15px;
  margin-bottom: 15px;
}
.group-fitness.complex-container.container .three-col .single-coloumn > .row > [class*='col-']:not(:last-child) {
  margin-bottom: 0;
}
.group-fitness.complex-container.container .three-col > div {
  margin-bottom: 15px;
}

@media (min-width: 1024px) {
  .group-fitness.complex-container .three-col .stick-bottom {
    margin-top: 95%;
  }
  .group-fitness.complex-container .three-col div + div.stick-bottom {
    margin-top: 0;
    display: block;
    width: 100%;
  }
  .group-fitness.complex-container .three-col .stick-center {
    margin-top: 45%;
  }
  .group-fitness.complex-container .two-col .stick-bottom {
    margin-top: 115%;
  }
  .group-fitness.complex-container .two-col div + div.stick-bottom {
    margin-top: 0;
    display: block;
    width: 100%;
  }
  .group-fitness.complex-container .two-col .stick-center {
    margin-top: 50%;
  }
  .group-fitness.complex-container.container .three-col .single-coloumn > .row > [class*='col-']:not(:last-child) {
    margin-bottom: 30px;
  }
}
.page.join-membership-step1 > [class*='banner'] {
  position: fixed;
}
.page.join-membership-step1 > [class*='banner'] + .module {
  margin-top: 35px;
  padding-top: 30px;
}
.page.join-membership-step1 > [class*='banner'] + .module .membership-join-step1 .visual-panel {
  height: 78vh;
}
.page.join-membership-step1 > [class*='banner'] + .module .membership-join-step1 .search-panel {
  height: 79%;
}
.page.join-membership-step2 > [class*='banner'], .page.join-membership-step3 > [class*='banner'], .page.join-membership-step4 > [class*='banner'] {
  position: relative;
}
.page.join-membership-step2 > [class*='banner'] + .module, .page.join-membership-step3 > [class*='banner'] + .module, .page.join-membership-step4 > [class*='banner'] + .module {
  margin-top: 0;
  padding-top: 0;
}

.page .join-membership .container .row {
  border: 0;
}
.page .join-membership .container .row.credit-row {
  padding: 20px 0px;
  background: #e4e4e4;
  margin-top: 15px;
}
.page .join-membership .header-content {
  margin-bottom: -100px;
  max-height: 400px;
  overflow: hidden;
}
.page .join-membership .header-content header {
  max-height: 400px;
}
.page .join-membership .greyBack {
  background: #efefef !important;
}
.page .join-membership .stepCls {
  font-size: 12px;
}
.page .join-membership .membCls {
  font-size: 32px;
}
.page .join-membership .SpaDetailBlock {
  height: 42px;
}
.page .join-membership div.spaDescBlk {
  position: relative;
  text-align: center;
  background: #fff;
  color: #000;
  padding-top: 50px;
}
.page .join-membership div.spaDescBlk .spaCity {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 3px;
  text-align: center;
  color: #000000;
}
.page .join-membership div.spaDescBlk .spaName {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 8px;
  color: #000000;
}
.page .join-membership div.spaDescBlk .spaAddres {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  letter-spacing: 1px;
  text-align: center;
}
.page .join-membership div.spaDescBlk .amenities-blk {
  margin-bottom: 50px;
}
.page .join-membership div.spaDescBlk .spaDescs {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
}
.page .join-membership div.spaDescBlk .spaFeat {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
}
.page .join-membership div.spaDescripBlk {
  min-height: 400px;
}
.page .join-membership div.spaDescripBlk ul li.spaDescripBlkLi {
  width: 32%;
  float: none;
  display: inline-block;
  list-style-type: none;
  background: #fff;
  color: #000;
  padding-bottom: 20px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0;
}
.page .join-membership div.spaDescripBlk ul > li.spaDescripBlkLi:not(:last-child) {
  margin-bottom: 0px;
}
.page .join-membership div.spaDescripBlk .whiteBtnspa {
  width: 100%;
}
.page .join-membership div.spaDescripBlk .blackBtnspa {
  width: 200px;
}
.page .join-membership div.spaDescripBlk .spa-location .spa-detail {
  text-align: left;
}
.page .join-membership div.spaDescripBlk .spa-location .spa-detail {
  /*table td {
      font-size: 14px;
  }*/
}
.page .join-membership div.spaDescripBlk .spa-location .spa-detail .spa-title {
  font-size: 16px;
}
.page .join-membership div.spaDescripBlk .spa-location .spa-detail .spa-desc {
  font-size: 14px;
  padding-bottom: 10px;
  text-align: left;
}
.page .join-membership .map-section-page input {
  padding: 10px 10px;
  font-size: 12px;
}
.page .join-membership .membership-step3-join .container .payment-main-block {
  width: 90%;
  margin: 0 auto;
}
.page .join-membership .membership-step3-join .container .payment-main-block .info-section {
  margin-bottom: 18px;
}
.page .join-membership .membership-step3-join .container .payment-main-block .info-section .billinInfoBlk {
  margin-bottom: 18px;
}
.page .join-membership .membership-step3-join .container .payment-main-block .info-section .billinInfoBlk .spacing {
  margin-bottom: 60px;
  margin-top: 30px;
}
.page .join-membership .membership-step3-join .container .payment-main-block .spacing {
  margin-bottom: 60px;
  margin-top: 30px;
}
.page .join-membership .membership-step3-join .membCls {
  font-size: 32px;
}
.page .join-membership .membership-step3-join .blackBtnreview {
  width: 100%;
}
.page .join-membership .membership-step3-join .final-mem-box {
  padding: 20px 10px;
  clear: none;
}
.page .join-membership .membership-step3-join .control-form {
  float: left;
  width: 50%;
}
.page .join-membership .membership-step3-join .personInfohead {
  font-size: 38px;
}
.page .join-membership .membership-step3-join .billingInfohead {
  font-size: 38px;
}
.page .join-membership .membership-step3-join .col.width-right {
  width: 45%;
}
.page .join-membership .membership-step3-join .col.width-left {
  width: 45%;
  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: inline-block;
  margin-bottom: 0 !important;
}
.page .join-membership .membership-step4-join .reviewPaHead {
  font-size: 42px;
}
.page .join-membership .membership-step4-join .membCls {
  font-size: 32px;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBlockrel {
  padding: 0 30px;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotleft {
  float: left;
  width: 45%;
}
.page .join-membership .membership-step4-join .confirmBlock .conformBot .conformBotright {
  float: right;
  width: 45%;
}
.page .join-membership .membership-step4-join .confirmBlock .purchaseBtnwrap {
  margin-left: 30%;
  margin-bottom: 10%;
}
.page .join-membership .membership-step4-join .reviewBlockMain ul li {
  margin-bottom: 20px;
  padding: 0;
  line-height: 28px;
}
.page .join-membership .membership-join-thankyou .welcometheclubTitle {
  font-size: 42px;
}
.page .join-membership .membership-join-thankyou .SpaDetailBlock {
  height: 40px;
  position: absolute;
  background: #fff;
  width: 80%;
  left: 10%;
  bottom: 18%;
  text-align: center;
  clear: both;
}

.page .membership-join-step1 {
  position: relative;
}
.page .membership-join-step1 .visual-panel {
  padding: 0;
  position: relative;
  width: 50%;
  height: 86vh;
}
.page .membership-join-step1 .visual-panel .map-container,
.page .membership-join-step1 .visual-panel .pic-container {
  height: 100%;
  max-height: 100%;
  width: 50%;
  position: fixed !important;
  left: 0;
  right: 0;
  z-index: 1;
}
.page .membership-join-step1 .visual-panel .map-container img,
.page .membership-join-step1 .visual-panel .pic-container img {
  height: 100%;
  width: auto;
}
.page .membership-join-step1 .visual-panel .button-block {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.page .membership-join-step1 .visual-panel .button-block .view-map-btn {
  position: absolute;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform-origin: right bottom 0;
  right: 0;
  top: 38%;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  background: #fff;
  text-align: center;
  border: none;
}
.page .membership-join-step1 .visual-panel .button-block .hide-map-btn {
  position: absolute;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform-origin: left top 0;
  top: 60%;
  background: #fff;
  z-index: 999;
  border: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  background: #fff;
  text-align: center;
}
.page .membership-join-step1 .searchBox form .setMarker {
  right: 15px;
}
.page .membership-join-step1 .searchBox form .icon-marker-dot {
  color: #959595 !important;
}
.page .membership-join-step1 .searchBox form input {
  padding: 10px 20px;
  font-size: 12px;
}
.page .membership-join-step1 .search-panel {
  height: 100%;
  width: 50%;
  position: fixed;
  right: 0;
  overflow: hidden;
}
.page .membership-join-step1 .search-panel .mainRow {
  overflow-y: auto;
  height: 100%;
  margin-top: 0;
}
.page .membership-join-step1 .search-panel .mainRow header {
  padding-top: 40px;
}
.page .membership-join-step1 .clubname-head {
  width: 100%;
}
.page .membership-join-step1 .searchResult {
  padding-bottom: 100px;
}
.page .membership-join-step1 .searchResult li {
  padding: 15px;
  padding-left: 35px;
  padding-bottom: 50px;
}
.page .membership-join-step1 .searchResult li .icon-dropdown {
  display: none;
}
.page .membership-join-step1 .searchResult li .bottom-area {
  display: block;
}
.page .membership-join-step1 .searchResult li .bottom-area img {
  display: none;
}
.page .membership-join-step1 .searchResult li .addressBlock {
  margin-top: 5px;
  margin-bottom: 30px;
}
.page .membership-join-step1 .searchResult li .memberShipButton {
  margin-top: 30px;
}
.page .membership-join-step1 .content2 {
  padding-top: 60px;
  font-size: 32px;
}

.join-membership .header-content,
.membership-join-thankyou .header-content {
  margin-bottom: -100px;
  max-height: 400px;
  overflow: hidden;
}
.join-membership .header-content header,
.membership-join-thankyou .header-content header {
  max-height: 400px;
}
.join-membership .header-content .rich-content-title,
.membership-join-thankyou .header-content .rich-content-title {
  top: 50%;
}

.page .membership-join-thankyou .pic-container {
  max-height: 400px;
}
.page .membership-join-thankyou .welcometheclubTitle {
  font-size: 38px;
}
.page .membership-join-thankyou .credit-card-charged-msg {
  font-size: 16px;
}
.page .membership-join-thankyou .bar-code-label {
  font-size: 16px;
}
.page .membership-join-thankyou .activate-online-account-msg {
  font-size: 16px;
}

.page .download-app-section {
  margin-top: 100px;
}
.page .download-app-section .app-image-container img {
  top: -105px;
}

.subscribe-hotels .thankyou-message h2 {
  font-size: 44px;
  line-height: 44px;
}

.notification-container {
  padding: 10px 40px;
}
.notification-container p {
  font-size: 9px;
}
.notification-container a {
  top: 5px;
  right: 15px;
}
.notification-container a span:before {
  font-size: 9px;
}

.small-calendar {
  min-width: 400px;
}
.small-calendar .calendar-detail {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background: #d0d3d3;
  position: relative;
}
.small-calendar .calendar-detail:after {
  font-family: 'icomoon';
  content: "\e613";
  position: absolute;
  top: 15px;
  right: 20px;
}
.small-calendar .calendar-detail a {
  padding: 15px 0;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title span {
  display: inline;
  vertical-align: top;
}
.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: 500;
}
.small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title .booking-status.week {
  display: inline !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .small-calendar .calendar-container table .day-detail-container .classes-detail ul li.class-title .booking-status {
    display: inline;
  }
}
.small-calendar table .day-left-container {
  font-size: 10px;
}
.small-calendar table .day-left-container.active-day span {
  font-size: 10px;
}
.small-calendar table .day-detail-container .classes-detail ul li {
  font-size: 11px;
}
.small-calendar table .day-detail-container .classes-detail ul li.class-date-location {
  font-size: 9px;
}
.small-calendar .no-classes-overlay .message-main-container .message-container {
  padding: 0 23px;
}

.search-menu {
  padding: 25px 0;
}
.search-menu .search-container {
  display: inline-block;
  width: 29.4%;
}
.search-menu .search-container .search-field {
  margin: 0;
}
.search-menu .search-container .search-field fieldset {
  display: block;
  margin: 0 auto;
  width: 176px;
}
.search-menu .search-container .search-field fieldset span {
  color: #fff;
  float: left;
  padding: 20px 0;
}
.search-menu .search-container .search-field fieldset input {
  width: 158px;
  color: #fff;
  float: left;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 3px;
  padding: 17px 0 17px 10px;
  text-align: left;
}
.search-menu ul {
  display: block;
  margin: 0 auto;
  width: 70%;
  height: 16px;
}
.search-menu ul li {
  float: left;
  width: 33.3%;
}
.search-menu ul li a {
  padding: 0 2px;
}
.search-menu ul li a span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 5px;
  text-transform: uppercase;
}
.search-menu ul li a span:before {
  font-size: 11px;
}
.search-menu ul li a span:first-child {
  display: inline-block;
}

.facebook-friends-classes {
  width: 100%;
}
.facebook-friends-classes .fb-friends-container {
  padding: 0 60px;
}
.facebook-friends-classes .fb-friends-container .icon-facebook {
  left: 0;
  top: 0;
}
.facebook-friends-classes .fb-friends-container .post-info-container span {
  top: 10px;
  left: 10px;
  font-size: 30px;
}
.facebook-friends-classes .fb-friends-container .post-info-container a.button span {
  font-size: 11px;
}
.facebook-friends-classes .fb-friends-container .post-info-container .posts-info {
  border-right: 0;
}
.facebook-friends-classes .fb-friends-container .post-info-container .posts-info h3 {
  font-size: 23px;
  margin-bottom: 18px;
}
.facebook-friends-classes .fb-friends-container .post-info-container .posts-info p {
  margin-bottom: 0;
}
.facebook-friends-classes .fb-friends-container .post-info-container .posts-info nav {
  margin-top: 39px;
  padding: 0px;
}
.facebook-friends-classes .two-part-module {
  padding: 0;
}
.facebook-friends-classes .two-part-module h3 {
  font-size: 17px;
  text-align: left;
  margin: 0;
}
.facebook-friends-classes .two-part-module p {
  font-size: 12px;
  margin: 29px 0 0;
}
.facebook-friends-classes .two-part-module .left-main-container {
  border-right: 1px solid #e0e0e0;
  float: left;
  padding: 0;
  width: 50%;
  height: 182px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container {
  position: relative;
  vertical-align: middle;
  padding: 18px 21px 22px 70px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container > span {
  position: absolute;
  top: 10px;
  left: 10px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container p {
  text-align: left;
  margin-top: 10px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-friends-list {
  float: left;
  text-align: center;
  width: 90%;
  height: 135px;
  overflow: hidden;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-friends-list ul {
  display: inline-block;
  margin: 0 15px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-friends-list ul li {
  font-size: 11px;
  text-align: center;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-friends-list ul li.profile-picture img {
  width: 94px;
  height: 94px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-friends-list ul li.friend-name {
  font-weight: bold;
  margin-top: 12px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .button-container {
  float: right;
  margin: 0;
  padding: 43px 0;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .button-container button {
  border: none;
  color: #cccccc;
  cursor: pointer;
  font-size: 45px;
  padding: 0;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-class-container .class-image {
  float: left;
  width: 30%;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-class-container .class-image img.rounded {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-radius: 50px;
  width: 96px;
  height: 96px;
}
.facebook-friends-classes .two-part-module .left-main-container .left-container .fb-class-container .class-information {
  float: left;
  width: 63%;
  padding: 0 0 0 19px;
}
.facebook-friends-classes .two-part-module .right-main-container {
  display: table;
  width: 49.9%;
  height: 182px;
  padding-top: 0;
}
.facebook-friends-classes .two-part-module .right-main-container .right-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 20px;
}
.facebook-friends-classes .two-part-module .right-main-container .right-container h3 {
  margin-bottom: 37px;
  text-align: center;
}
.facebook-friends-classes .two-part-module .right-main-container .right-container a {
  margin: 0;
  display: inline-block;
}
.facebook-friends-classes .many-friends-classes {
  position: relative;
  font-size: 12px;
  width: 100%;
  min-height: 210px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.facebook-friends-classes .many-friends-classes span:before {
  font-size: 30px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.facebook-friends-classes .many-friends-classes .button-prev-container, .facebook-friends-classes .many-friends-classes .button-next-container {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  z-index: 500;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.facebook-friends-classes .many-friends-classes .button-prev-container button, .facebook-friends-classes .many-friends-classes .button-next-container button {
  border: none;
  cursor: pointer;
  color: #cccccc;
  font-size: 45px;
  padding: 0;
}
.facebook-friends-classes .many-friends-classes .button-prev-container {
  left: 30px;
}
.facebook-friends-classes .many-friends-classes .button-next-container {
  right: 30px;
}
.facebook-friends-classes .many-friends-classes .fb-modules-container {
  width: 100%;
}
.facebook-friends-classes .many-friends-classes .fb-class-container {
  float: left;
  width: 280px;
  margin-right: 20px;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-image {
  float: left;
  width: 35%;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-image img.rounded {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-radius: 50px;
  width: 96px;
  height: 96px;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-image .small-pics-container {
  text-align: center;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-image .small-pics-container img.rounded {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-information {
  float: left;
  width: 57%;
  padding: 0 0 0 19px;
  position: relative;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-information p {
  text-align: left;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-information .message {
  position: absolute;
  display: table;
  right: 0;
  top: 0;
  width: 100%;
  height: 100px;
  background: #7c878e;
  font-size: 10px;
  -moz-transition: -moz-transform 0.1s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-information .message.closed {
  -moz-transform: translateY(-140px);
  -ms-transform: translateY(-140px);
  -webkit-transform: translateY(-140px);
  transform: translateY(-140px);
  background: transparent;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-information .message .copy {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.facebook-friends-classes .many-friends-classes .fb-class-container .class-information .message p {
  margin-bottom: 0;
  text-transform: uppercase;
  color: white;
  text-align: center;
}
.facebook-friends-classes .class-fb-pics-container {
  margin: 0;
  padding: 0 11px;
}
.facebook-friends-classes .class-information p {
  margin: 0;
}
.facebook-friends-classes .class-information ul {
  font-size: 12px;
  margin: 12px 0;
  text-align: left;
}
.facebook-friends-classes .class-information ul li {
  text-transform: uppercase;
}
.facebook-friends-classes .class-information ul li:first-child {
  font-weight: bold;
}
.facebook-friends-classes .class-information a {
  font-size: 11px;
  text-decoration: underline;
  text-transform: uppercase;
  float: left;
}
.facebook-friends-classes .one-friend-class .left-main-container .left-container .fb-class-container .class-image {
  margin-left: 7%;
}
.facebook-friends-classes .one-friend-class .left-main-container .left-container .fb-class-container .class-information {
  width: 56%;
}
.facebook-friends-classes .one-friend-class .right-main-container .right-container h3 {
  margin-bottom: 17px;
}
.facebook-friends-classes .one-friend-class .right-main-container .right-container p {
  margin: 0;
}
.facebook-friends-classes .one-friend-class .right-main-container .right-container a {
  margin-top: 10px;
}

.recommended-classes {
  /* don't commit this */
  max-height: 631px;
  min-height: 591px;
  padding-top: 40px;
}
.recommended-classes h3 {
  font-size: 25px;
  margin: 0 0 0.5em;
  letter-spacing: 1px;
}
.recommended-classes .recommended {
  display: inline-block;
}
.recommended-classes .carousel-container {
  min-height: 360px;
  margin: 40px 20px 0;
}

.home .recommended-classes.class-module .underlinde-small-link {
  margin-top: 86px;
}

.recommended-classes-home {
  clear: left;
  width: 445px;
  margin-top: 0;
}

.q-blog {
  float: left;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
  width: 100%;
}
.q-blog .article-image-wrapper {
  position: relative;
  height: 350px;
  overflow: hidden;
}
.q-blog .article-image-wrapper .qblog-title, .q-blog .article-image-wrapper .furthermore-title {
  color: #fff;
  position: absolute;
  top: 36px;
  left: 28px;
}
.q-blog .article-image-wrapper .qblog-title h3, .q-blog .article-image-wrapper .furthermore-title h3 {
  display: inline-block;
  margin: 0;
}
.q-blog .article-image-wrapper .qblog-title span, .q-blog .article-image-wrapper .furthermore-title span {
  margin-left: 10px;
  font-size: 26px;
}
.q-blog .article-image-wrapper .furthermore-title {
  top: 0px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .q-blog .article-image-wrapper .furthermore-title {
    top: 36px;
  }
}
.q-blog .article-image-wrapper .furthermore-title h3 {
  font-size: 25px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  line-height: 44px;
}
.q-blog .article-image-wrapper .furthermore-title span {
  font-size: 97px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 8px;
}
.q-blog .blog-article-container {
  border-right: 1px solid #d9d9d9;
  float: left;
  width: 49.8%;
  position: relative;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}
.q-blog .blog-article-container .article-text-container {
  padding: 37px 0px 37px 10px;
  text-align: left;
}
.q-blog .blog-article-container .article-text-container .recommended {
  font-size: 10px;
}
.q-blog .blog-article-container .article-text-container .category-font, .q-blog .blog-article-container .article-text-container p {
  font-size: 11px;
}
.q-blog .blog-article-container .article-text-container h4 {
  font-size: 12px;
}
.q-blog .blog-article-container .selected-article {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -11px;
  left: 22px;
}
.q-blog a:last-child .blog-article-container {
  border: none;
}

.classdetail .container {
  width: 78%;
}
.classdetail .columnsContainer .leftColumn {
  float: left;
  width: 50%;
  font-size: 36px;
}
.classdetail .columnsContainer .leftColumn .class-module p {
  margin-bottom: 70px;
}
.classdetail .columnsContainer .leftColumn .class-module h4 {
  margin-bottom: 0;
  margin-top: 1%;
}
.classdetail .columnsContainer .leftColumn h3 {
  margin: 96px 0 50px;
  font-size: 36px;
}
.classdetail .columnsContainer .rightColumn {
  border-left: 1px solid #b2b2b2;
  float: right;
  width: 49.85%;
  clear: none;
}
.classdetail .header-wrapper {
  min-height: 170px;
}
.classdetail .header-wrapper img {
  width: 100%;
}
.classdetail .class-module {
  padding: 48px 10%;
}
.classdetail .class-module .rounded {
  margin-bottom: 14px;
}
.classdetail .class-module.fpo-module {
  height: 100%;
  padding: 20px 0 0;
}
.classdetail .class-module .class-category-title {
  font-size: 14px;
  margin-bottom: 8px;
  position: relative;
  left: 50%;
  text-align: center;
}
.classdetail .class-module p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
}
.classdetail .class-module .description {
  margin-bottom: 62px;
}
.classdetail .class-module .class-detail {
  margin-bottom: 0;
}
.classdetail .class-module .class-detail .big-font {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 2px;
}
.classdetail .class-module .class-detail .medium-font {
  font-size: 20px;
  line-height: 36px;
}
.classdetail .class-module .class-detail .reservation {
  padding-top: 1%;
}
.classdetail .class-module .class-detail .rules-anchor {
  padding-top: 1%;
  font-size: 16px;
  text-transform: none;
}
.classdetail .class-module .class-detail .rules-anchor a {
  text-decoration: underline;
  padding-top: 1%;
  font-size: 20px;
}
.classdetail .class-module .class-detail .timer {
  padding-top: 2%;
}
.classdetail .class-module .class-detail .class-full {
  color: #A91D25;
  font-weight: bold;
  font-size: small;
}
.classdetail .class-module .class-detail .spots-left {
  margin: 0 0 -30px 0;
  line-height: normal;
  font-size: 16px;
}
.classdetail .class-module .class-detail .opt-status {
  margin: 15px 0 -34px;
}
.classdetail .class-module .class-detail .opt-status .checkbox .checkbox-replacement {
  border: 1px solid #000;
  width: 16px;
  height: 16px;
}
.classdetail .class-module .class-detail .opt-status .checkbox .checkbox-replacement:before {
  top: -6px;
}
.classdetail .class-module .class-detail .opt-status .checkbox .label {
  font-size: 14px;
}
.classdetail .class-module .social-buttons {
  padding: 15px 0 30px 0;
}
.classdetail .class-module .social-buttons a.black {
  font-size: 18px;
}
.classdetail .class-module nav.button-container {
  margin-top: 14px;
}
.classdetail .underlined-small-link {
  margin-top: 0;
  padding-bottom: 2px;
}
.classdetail .rich-content .caption.classdetail {
  margin-top: 20px;
}
.classdetail .rich-content .caption nav.buttons > a {
  font-size: 14px;
}
.classdetail .bar-chart .chart {
  height: 300px;
}
.classdetail .bar-chart .description {
  padding: 40px 30px 0;
}
.classdetail .dtm-traninercallout .class-module {
  padding-top: 40px;
}
.classdetail .dtm-traninercallout .class-module p {
  margin-bottom: 0;
}
.classdetail .dtm-traninercallout .title {
  margin: 30px auto 40px;
  font-size: 36px;
}

.favorites-button {
  padding: 15px 0;
}
.favorites-button .favorite-btn-text,
.favorites-button .icon-dropdown {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}
.favorites-button .favorite-btn-text {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 5px 5px;
  text-align: center;
  width: 340px;
  margin: 0 auto;
}

.favorites-list {
  margin: 20px 0;
}
.favorites-list li {
  display: inline-block;
  /* three items */
  /* four items */
}
.favorites-list li:not(:last-child) {
  border-right: 2px solid;
}
.favorites-list li a {
  padding: 5px 25px;
  font-size: 16px;
  letter-spacing: .88px;
  text-align: center;
}
.favorites-list li a span {
  font-size: 20px;
  margin-top: -5px;
}
.favorites-list li a span:before {
  width: 22px;
}
.favorites-list li:first-child:nth-last-child(3), .favorites-list li:first-child:nth-last-child(3) ~ li {
  width: 32%;
}
.favorites-list li:first-child:nth-last-child(4), .favorites-list li:first-child:nth-last-child(4) ~ li {
  width: 24%;
}

/* class details three coloumn */
.class-detail-container {
  padding: 0px 0 40px;
}
.class-detail-container .class-detail-wrapper {
  width: 80%;
  margin: 0 10%;
}
.class-detail-container .class-detail-wrapper .left-container {
  width: 73%;
  float: left;
  position: relative;
}
.class-detail-container .class-detail-wrapper .left-container .what-to-bring-container {
  float: left;
  width: 100%;
}
.class-detail-container .class-detail-wrapper .left-container .what-to-bring-container .description {
  text-align: left;
  text-transform: initial;
  padding: 0;
  margin-bottom: 80px;
  line-height: 22px;
}
.class-detail-container .class-detail-wrapper .left-container .bar-chart-container {
  position: relative;
  float: left;
  width: 100%;
}
.class-detail-container .class-detail-wrapper .left-container .bar-chart-container .bar-chart-horizontal {
  width: 100%;
}
.class-detail-container .class-detail-wrapper .right-container {
  width: 25%;
  float: right;
  position: relative;
}
.class-detail-container .class-detail-wrapper .right-container .hero-images {
  width: 100%;
  float: left;
}
.class-detail-container .class-detail-wrapper .right-container .category-container {
  float: left;
  width: 100%;
}
.class-detail-container .class-detail-wrapper .category-container {
  margin: 0;
  margin-top: 40px;
}
.class-detail-container .class-detail-wrapper .category-container .category-list li h4 {
  text-transform: uppercase;
  padding: 0px 0px;
}
.class-detail-container .class-detail-wrapper .category-container .category-list li p {
  margin: 0;
  text-transform: uppercase;
}
.class-detail-container .class-detail-wrapper .category-container .category-list li p a {
  text-decoration: none;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container {
  margin: 0;
}
.class-detail-container .class-detail-wrapper .what-to-bring-container .heading {
  font-size: 24px;
  margin: 0 0 10px 0;
  text-align: left;
}
.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: 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 Instance Page */
.classdetail .class-instance-header .header-image-container {
  position: relative;
  margin-bottom: -90px;
}
.classdetail .class-instance-header .header-image-container .header-wrapper img {
  width: 100%;
}
.classdetail .class-instance-header .header-title {
  position: relative;
  bottom: -2px;
  width: 80%;
  margin: 0 10%;
  background: #fff;
  z-index: 2;
  padding: 30px 0 0 0;
  text-align: center;
}
.classdetail .class-instance-header .header-title h1 {
  font-size: 60px;
  font-weight: 500;
  letter-spacing: 7px;
}
.classdetail .class-instance-header .header-title h3 {
  display: block;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: .16em;
  margin-bottom: 10px;
  color: #7c878e;
}
.classdetail .class-instance-header .class-module {
  padding: 0;
}
.classdetail .class-instance-header .class-module .class-module-inner {
  margin: 0 10%;
  width: 80%;
}
.classdetail .class-instance-header .class-module .rounded {
  margin-bottom: 14px;
}
.classdetail .class-instance-header .class-module.fpo-module {
  height: 100%;
  padding: 20px 0 0;
}
.classdetail .class-instance-header .class-module .class-category-title {
  font-size: 14px;
  margin-bottom: 8px;
}
.classdetail .class-instance-header .class-module p {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
}
.classdetail .class-instance-header .class-module .description {
  margin-bottom: 62px;
}
.classdetail .class-instance-header .class-module .class-detail {
  margin-bottom: 0;
}
.classdetail .class-instance-header .class-module .class-detail .big-font {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 2px;
}
.classdetail .class-instance-header .class-module .class-detail .medium-font {
  font-size: 20px;
  line-height: 36px;
}
.classdetail .class-instance-header .class-module .class-detail .reservation {
  padding-top: 1%;
}
.classdetail .class-instance-header .class-module .class-detail .rules-anchor {
  padding-top: 1%;
  font-size: 16px;
  text-transform: none;
}
.classdetail .class-instance-header .class-module .class-detail .rules-anchor a {
  text-decoration: underline;
  padding-top: 1%;
  font-size: 20px;
}
.classdetail .class-instance-header .class-module .class-detail .timer {
  padding-top: 2%;
}
.classdetail .class-instance-header .class-module .class-detail .class-full, .classdetail .class-instance-header .class-module .class-detail .class-shutdown {
  color: #A91D25;
  font-weight: bold;
  font-size: small;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status {
  margin: 15px 0 -34px;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status .checkbox .checkbox-replacement {
  border: 1px solid #000;
  width: 16px;
  height: 16px;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status .checkbox .checkbox-replacement:before {
  top: -6px;
}
.classdetail .class-instance-header .class-module .class-detail .opt-status .checkbox .label {
  font-size: 14px;
}
.classdetail .class-instance-header .class-module .class-detail nav.buttons .sub-info {
  position: relative;
  left: -50%;
}
.classdetail .class-instance-header .class-module .social-buttons {
  padding: 15px 0 30px 0;
}
.classdetail .class-instance-header .class-module .social-buttons a.black {
  font-size: 18px;
}
.classdetail .class-instance-header .class-module nav.button-container {
  margin-top: 14px;
}

/* Class Category Detail Page */
.classdetail .class-detail-header {
  text-align: center;
}
.classdetail .class-detail-header .header-image-container {
  margin-bottom: -90px;
}
.classdetail .class-detail-header .header-image-container .header-wrapper img {
  width: 100%;
}
.classdetail .class-detail-header .class-detail-header-title-container {
  position: relative;
  bottom: 0;
  width: 80%;
  margin: 0 10%;
  background: white;
  z-index: 2;
}
.classdetail .class-detail-header .class-detail-header-title-container .header-title h1 {
  font-size: 60px;
  font-weight: 500;
  letter-spacing: 7px;
  text-align: center;
  display: block;
  margin-bottom: 0;
}
.classdetail .class-detail-header .class-detail-header-title-container .header-title h3 {
  display: block;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: .16em;
  margin: 0 0 10px 0;
  color: #7c878e;
}
.classdetail .class-detail-header .about-class-description {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin: 0;
  max-width: 100%;
}
.classdetail .class-detail-header nav.buttons {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  float: none;
}
.classdetail .class-category-detail-container.container {
  width: 78%;
}
.classdetail .class-category-detail-container.container .row .class-category-detail-banner {
  padding: 0 15px;
}
.classdetail .class-category-detail-container.container .row .class-category-detail-inner {
  position: absolute;
  height: 90%;
  top: 5%;
  background: #fff;
  padding: 10px;
  margin: 0;
}

/* Trainer Callout Page */
.classdetail .trainer-callout-container.container {
  width: 78%;
}
.classdetail .trainer-callout-container.container .row {
  margin: 40px 0;
}
.classdetail .trainer-callout-container.container .row .img-container {
  padding: 0 15px;
}
.classdetail .trainer-callout-container.container .row .class-module {
  top: 5%;
  height: 90%;
  overflow: hidden;
  margin-top: auto;
  padding: 40px 20px;
  position: absolute;
}
.classdetail .trainer-callout-container.container .row .class-module p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/* Instructor Page */
.classdetail.instructor .instructor-page .container {
  width: 85%;
}
.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-size: 45px;
  font-weight: 500;
  letter-spacing: 7px;
}
.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: 70px;
}
.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: left;
}
.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: left;
}
.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: inline;
}
.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: inline;
}
.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 .instructor-schedule {
  /* h3 {
  	font-family: 'Graphik Medium';
      margin-bottom: 70px;
  } */
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container {
  margin: 0;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header {
  display: block;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li h4 {
  font-size: 16px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .upcoming-header ul li span {
  font-size: 11px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list {
  display: block;
}
.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: 10%;
  padding: 1.25%;
  padding-left: 0;
  font-size: 14px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .classes-data {
  width: 100%;
  font-size: 14px;
}
.classdetail.instructor .instructor-page .container .instructor-module .instructor-schedule-container .instructor-schedule .class-container .result-view .class-list > li .classes-data div {
  width: 11.60%;
  padding: 1.25%;
}
.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;
}
.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;
}

.twitter {
  text-align: center;
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.twitter.black-bg {
  background: #000;
}
.twitter .twitter-message-container {
  display: table;
  width: 100%;
  height: 185px;
}
.twitter .twitter-message-container .twitter-message {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
}
.twitter .twitter-message-container .twitter-message p {
  color: #fff;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  letter-spacing: 2px;
  line-height: 1.7em;
}
.twitter .twitter-message-container .twitter-message p.date {
  font-size: 11px;
  font-style: normal;
}
.twitter .twitter-message-container .twitter-message a {
  color: #fff;
  font-weight: bold;
}
.twitter .twitter-message-container .twitter-message .twitter-button-container > span {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
}
.twitter .twitter-message-container .twitter-message .twitter-button-container a span {
  font-size: 11px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 200;
}

.instagram {
  text-align: center;
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.instagram.black-bg {
  background: #000;
}
.instagram .instagram-main-container {
  display: table;
  height: 185px;
  width: 100%;
}
.instagram .instagram-main-container .instagram-container {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
}
.instagram .instagram-main-container .instagram-container ul {
  margin-bottom: 23px;
}
.instagram .instagram-main-container .instagram-container ul li {
  display: inline-block;
  width: 33%;
}
.instagram .instagram-main-container .instagram-container .instagram-button-container > span {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
}
.instagram .instagram-main-container .instagram-container .instagram-button-container a {
  color: #fff;
}
.instagram .instagram-main-container .instagram-container .instagram-button-container a span {
  font-size: 11px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 200;
}

.activity-cycling-category .upper-cycling-module {
  padding: 18px 30px 46px;
}
.activity-cycling-category .upper-cycling-module .upper-select-container {
  position: relative;
  text-align: center;
  width: 100%;
}
.activity-cycling-category .upper-cycling-module .upper-select-container .back-button {
  display: inline-block;
  font-size: 18px;
  margin-left: 0;
  position: absolute;
  left: 5px;
  top: 35px;
}
.activity-cycling-category .upper-cycling-module .color-button-box {
  padding: 30px;
}
.activity-cycling-category .upper-cycling-module .color-button-box .color-title > p {
  font-size: 19px;
  margin-bottom: 10px;
}
.activity-cycling-category .upper-cycling-module .color-button-box p {
  font-size: 12px;
  margin-bottom: 20px;
}
.activity-cycling-category .graphic-bar-module {
  padding: 0 60px 50px;
}
.activity-cycling-category .graphic-bar-module .activity-select {
  display: block;
  font-size: 25px;
  padding-top: 60px;
}
.activity-cycling-category .graphic-bar-module .select-arrow {
  font-size: 12px;
  vertical-align: middle;
}
.activity-cycling-category .graphic-bar-module .graphic-bar {
  float: left;
  height: 324px;
  width: 80%;
}
.activity-cycling-category .graphic-bar-module .results-container {
  float: left;
  padding: 88px 0;
  width: 20%;
}
.activity-cycling-category .graphic-bar-module .results-container span {
  color: #d0d3d3;
  font-size: 25px;
  font-weight: 200;
  display: block;
}
.activity-cycling-category .graphic-bar-module .results-container span.measure {
  color: #7c878e;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 13px;
}
.activity-cycling-category .graphic-bar-module .results-container span.measure:last-child {
  margin-bottom: 0;
  margin-top: 54px;
}
.activity-cycling-category .graphic-bar-module .results-container span:first-child {
  float: none;
}
.activity-cycling-category .graphic-bar-module .results-container span:last-child {
  float: none;
}
.activity-cycling-category .small-menu {
  border-bottom: 0;
  width: 60%;
}
.activity-cycling-category .small-menu:last-child {
  clear: both;
  border-top: 0;
  border-bottom: 0;
  padding-top: 52px;
}
.activity-cycling-category .small-menu li {
  width: 32%;
  border-left: 2px solid #484848;
}
.activity-cycling-category .small-menu li:first-child {
  border-left: 0;
}
.activity-cycling-category .small-menu li a {
  padding: 0;
  text-align: center;
}
.activity-cycling-category .small-menu li a span {
  border-right: 0;
  color: #fff;
  font-size: 12px;
}
.activity-cycling-category .small-menu li a.selected span {
  border-bottom: 1px solid #fff;
  display: inline;
  font-weight: 700;
  padding-bottom: 5px;
}
.activity-cycling-category .small-menu li a.selected span:before, .activity-cycling-category .small-menu li a.selected span:after {
  display: none;
}
.activity-cycling-category .activity-select {
  display: inline-block;
  font-size: 31px;
  padding: 34px 0;
}
.activity-cycling-category .activity-select .select-arrow {
  font-size: 15px;
}
.activity-cycling-category .compare-columns {
  padding: 51px 5%;
}
.activity-cycling-category .compare-columns .compare-table {
  display: block;
  margin: 0 auto;
  max-width: 800px;
}
.activity-cycling-category .compare-columns .compare-table ul {
  display: block;
  width: 100%;
}
.activity-cycling-category .compare-columns .compare-table ul.compare-category {
  margin-left: 12.5%;
}
.activity-cycling-category .compare-columns .compare-table ul.compare-category li {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  width: 24.5%;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1 {
  margin-bottom: 12px;
}
.activity-cycling-category .compare-columns .compare-table ul.col-2 li {
  font-weight: 400;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1, .activity-cycling-category .compare-columns .compare-table ul.col-2 {
  display: table;
}
.activity-cycling-category .compare-columns .compare-table ul.col-1 li, .activity-cycling-category .compare-columns .compare-table ul.col-2 li {
  display: table-cell;
  font-size: 27px;
  margin-bottom: 0;
  height: 54px;
  width: 24.5%;
  vertical-align: middle;
}
.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 {
  font-size: 11px;
  color: #484848;
}
.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: 24px;
  text-align: left;
  margin: 0;
}
.activity-cycling-category .compare-columns .compare-table ul.divider {
  display: none;
}
.activity-cycling-category .graphic-cycling-circle {
  height: 442px;
}
.activity-cycling-category .graphic-cycling-circle h3 {
  padding: 18% 0;
}
.activity-cycling-category .common-cta-module {
  padding: 60px 0;
  display: inline-block;
  width: 49.6%;
}
.activity-cycling-category .common-cta-module.separator {
  border-top: 0;
  border-left: 1px solid #b2b2b2;
}
.activity-cycling-category .common-cta-module h3 {
  font-size: 24px;
  margin-bottom: 5px;
}
.activity-cycling-category .common-cta-module p {
  margin: 0 30px 34px;
}
.activity-cycling-category .common-cta-module > a {
  margin: 0 28px;
}
.activity-cycling-category .main-content.col-3 {
  margin-bottom: 38px;
}
.activity-cycling-category .main-content.col-3 ul {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  width: 31.4%;
}
.activity-cycling-category .main-content.cycling-leaders {
  display: block;
  max-width: 396px;
  margin: 0 auto 38px;
}
.activity-cycling-category .main-content .three-circles-container {
  width: 623px;
  display: block;
  margin: 0 auto;
}
.activity-cycling-category .main-content .three-circles-container ul li {
  padding: 0 35px;
}
.activity-cycling-category .main-content .three-circles-container ul li:first-child {
  padding: 0;
}
.activity-cycling-category .main-content .three-circles-container .rounded-image {
  width: 115px;
  height: 115px;
  margin: 0 auto 18px;
}
.activity-cycling-category .main-content .three-circles-container .rounded-image.small {
  margin-top: 9px;
  width: 98px;
  height: 98px;
}
.activity-cycling-category .main-content .three-circles-container .rounded-image.rounded-button a {
  font-size: 27px;
  padding: 37px 0;
}
.activity-cycling-category .main-content ul {
  margin-bottom: 38px;
}
.activity-cycling-category .main-content ul.big-circle {
  width: 35%;
}
.activity-cycling-category .main-content ul li {
  font-size: 12px;
}
.activity-cycling-category .main-content ul li.small-font {
  font-size: 11px;
}
.activity-cycling-category .main-content ul .image {
  width: 97px;
  margin: 0 auto 15px;
}
.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: 133px;
  height: 133px;
  margin: 0 auto 18px;
}
.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: 107px;
  height: 107px;
  margin-top: 17px;
  margin-bottom: 26px;
}

.activity-detail-shared .header-wrapper {
  height: 128px;
}
.activity-detail-shared .background-container {
  background: #f2f2f2;
  padding: 20px 25px;
}
.activity-detail-shared .background-container .main-container {
  background-color: #fff;
  padding: 35px 62px;
}
.activity-detail-shared .background-container .main-container .common-container {
  padding: 0 0 30px;
  border-bottom: 0;
}
.activity-detail-shared .background-container .main-container .common-container:first-child {
  border-bottom: 0;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-tablet {
  display: inline-block;
  vertical-align: top;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-tablet .logo-container {
  display: inline-block;
  width: 49%;
  text-align: center;
  vertical-align: middle;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-tablet .logo-container img {
  width: 80px;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-tablet .description-container {
  display: inline-block;
  width: 49%;
}
.activity-detail-shared .background-container .main-container .common-container.milestone-tablet .description-container p {
  font-size: 10px;
  text-align: left;
}
.activity-detail-shared .background-container .main-container .common-container.half {
  display: inline-block;
  border-bottom: 0;
  width: 49%;
}
.activity-detail-shared .background-container .main-container .common-container.stats {
  border-top: 1px solid #b2b2b2;
  padding: 38px 0 56px;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul {
  border-right: 1px solid #b2b2b2;
  width: 24%;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul:first-child {
  margin-bottom: 0;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul:last-child {
  border-right: 0;
}
.activity-detail-shared .background-container .main-container .common-container.stats ul li p span {
  font-size: 12px;
  margin-bottom: 0;
}
.activity-detail-shared .background-container .main-container .common-container .rank {
  border-right: 1px solid #b2b2b2;
}
.activity-detail-shared .background-container .main-container > nav {
  display: block;
  margin: 0;
  padding: 0;
}

.automatic-calories-overlay .automatic-calories-container {
  top: 130px;
  padding: 46px 80px;
}
.automatic-calories-overlay .automatic-calories-container h1 {
  font-size: 40px;
  letter-spacing: 2px;
}
.automatic-calories-overlay .automatic-calories-container > p {
  font-size: 15px;
  line-height: 1.5;
  margin: 15px auto 30px;
  width: 70%;
}
.automatic-calories-overlay .automatic-calories-container .icon-close {
  font-size: 20px;
}
.automatic-calories-overlay .automatic-calories-container .personal-info-container {
  padding: 30px 0;
  margin-bottom: 40px;
}
.automatic-calories-overlay .automatic-calories-container .personal-info-container > p {
  font-size: 15px;
}
.automatic-calories-overlay .automatic-calories-container .button {
  width: 350px;
  margin: 0 auto;
  padding: 12px 0;
  font-size: 14px;
  letter-spacing: 2.8px;
  display: block;
}

.automatic-calories-tour {
  top: 130px;
}
.automatic-calories-tour .owl-carousel {
  height: auto;
  padding-bottom: 0;
}
.automatic-calories-tour .owl-carousel .main-title, .automatic-calories-tour .owl-carousel h1, .automatic-calories-tour .owl-carousel p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.automatic-calories-tour .owl-carousel .slide-item {
  padding: 50px 50px 100px;
}
.automatic-calories-tour .owl-carousel .main-title {
  font-size: 20px;
  padding-bottom: 30px;
}
.automatic-calories-tour .owl-carousel .main-title + img {
  width: auto;
  margin: 50px auto 45px;
}
.automatic-calories-tour .owl-carousel h1 {
  font-size: 45px;
  margin-bottom: 25px;
}
.automatic-calories-tour .owl-carousel p {
  font-size: 14px;
}
.automatic-calories-tour .owl-carousel .button {
  margin-top: 36px;
  padding: 15px 0;
  border: 0;
  max-width: 350px;
  font-size: 14px;
}
.automatic-calories-tour.pagination .owl-theme .owl-controls {
  bottom: 40px;
}
.automatic-calories-tour .icon-close-slim {
  font-size: 14px;
  color: #868788;
  width: auto;
  height: auto;
  right: 20px;
  top: 20px;
}
.automatic-calories-tour .icon-close-slim:before {
  padding-top: 0;
}

.class-summary {
  padding-top: 0px;
}
.class-summary .header-wrapper {
  min-height: 170px;
}
.class-summary .header-wrapper img {
  width: 100%;
}
.class-summary .header-wrapper .header-title h1 small {
  display: block;
  margin: 0 10px 0 0;
  padding-bottom: 0;
  vertical-align: middle;
}
.class-summary .summary-content {
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
}
.class-summary .summary-content .editable-info-container {
  padding: 25px 0;
  margin-bottom: 25px;
  width: 425px;
  max-width: none;
  position: relative;
  			/*.duration {
  				display: inline-block;
  				text-align: center;
  				width: 32%;
  			}
  
  			.intensity {
  				border-left: 1px solid #999999;
  				min-height: 41px
  				width: 37%;
  			}
  
  			.calories {
  				width: 28%;
  			}*/
}
.class-summary .summary-content .editable-info-container.five-items {
  width: 600px;
}
.class-summary .summary-content .editable-info-container.five-items .two-col, .class-summary .summary-content .editable-info-container.five-items .one-col {
  width: 20%;
  margin-right: -5px;
  margin-bottom: 0;
}
.class-summary .summary-content .editable-info-container.five-items .two-col form, .class-summary .summary-content .editable-info-container.five-items .one-col form {
  margin-top: 0px;
}
.class-summary .summary-content .editable-info-container.five-items .two-col form input, .class-summary .summary-content .editable-info-container.five-items .one-col form input {
  height: 36px;
  max-width: 108px;
  font-size: 20px;
  padding: 0;
}
.class-summary .summary-content .editable-info-container .edit-container {
  margin-top: 0;
  position: absolute;
  right: -41px;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.class-summary .summary-content .editable-info-container .edit-container .edit-button {
  text-decoration: underline;
}
.class-summary .summary-content .editable-info-container .edit-container .edit-button span {
  font-size: 14px;
  margin-right: 10px;
}
.class-summary .summary-content .editable-info-container .edit-container .edit-button.save {
  border-bottom: 0;
}
.class-summary .summary-content .notes-container {
  margin: 25px auto;
  max-width: 425px;
  text-align: center;
}
.class-summary .summary-content .notes-container > span {
  margin-bottom: 5px;
}
.class-summary .summary-content .notes-container p {
  padding: 0 94px;
}
.class-summary .summary-content .button-container {
  padding: 0px 0 45px;
  margin: 0px;
}
.class-summary .summary-content .button-container a {
  margin-bottom: 30px;
}
.class-summary .summary-content .class-rank-container {
  margin: 0 auto;
  width: 425px;
}
.class-summary .summary-content .class-rank-container .rank-result span {
  display: inline-block;
  vertical-align: middle;
}
.class-summary .summary-content .class-rank-container .rank-result p {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
}
.class-summary .summary-content .class-rank-container .rank-result p span {
  display: inline-block;
  font-size: 35px;
  vertical-align: middle;
  padding-bottom: 6px;
}
.class-summary .summary-content .class-rank-container .rank-result p span.rank-num {
  padding-left: 12px;
}
.class-summary .summary-content .class-rank-container .rank-result p span.rank-total {
  padding-right: 12px;
}
.class-summary .summary-content .class-rank-container .first-position p {
  font-size: 13px;
}
.class-summary .summary-content .class-rank-container .first-position p.position-results {
  font-size: 37px;
  font-weight: 200;
}
.class-summary .summary-content .class-rank-container nav.button-container a {
  margin: 0 auto;
  width: 198px;
}
.class-summary .summary-content .class-rank-container .social-icons a {
  padding: 0 10px;
}

.page.cyclinggroups .tpl-quote p {
  width: 60%;
  font-size: 1.5em;
}
.page.cyclinggroups .tpl-perksgroup h2 {
  font-size: 2.5em;
  margin-bottom: 50px;
}
.page.cyclinggroups .tpl-perksgroup .columns-layout .column {
  float: none;
  width: 500px;
}
.page.cyclinggroups .tpl-ctagroup .rich-content .caption {
  margin-top: 0px;
}
.page.cyclinggroups .tpl-ctagroup .rich-content .caption nav.buttons a {
  width: 275px !important;
}

.page.leaderboard .rich-content header .content h1 {
  font-weight: 300;
  font-size: 3em;
}
.page.leaderboard .rich-content header .content ul li {
  padding: 0 2em;
}
.page.leaderboard .rich-content header .content ul li a.active {
  font-weight: 600;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
}
.page.leaderboard #leaderboard-container th, .page.leaderboard #leaderboard-container td {
  padding: 23px 0;
}
.page.leaderboard #leaderboard-container th {
  font-size: 1em;
}
.page.leaderboard #leaderboard-container td {
  font-size: 1.5em;
}
.page.leaderboard #leaderboard-container th.rank {
  padding-left: 80px;
  padding-right: 40px;
}
.page.leaderboard #leaderboard-container th.name {
  text-indent: 80px;
}
.page.leaderboard #leaderboard-container th.energy {
  padding-left: 70px;
  padding-right: 70px;
}
.page.leaderboard #leaderboard-container td.rank {
  text-indent: 30px;
}
.page.leaderboard #leaderboard-container td.name img {
  width: 65px;
  height: 65px;
  border-top-left-radius: 65px;
  border-top-right-radius: 65px;
  border-bottom-left-radius: 65px;
  border-bottom-right-radius: 65px;
  border-radius: 65px;
  margin-right: 15px;
}

.class-summary .results-module {
  padding: 80px 45px 0;
}

.results-module h3 {
  font-size: 21px;
}
.results-module .results-container .result-item {
  display: inline-block;
  margin-top: 35px;
  width: 100%;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.results-module .results-container .result-item:first-child {
  display: inline-block;
}
.results-module .results-container .result-item li h4 {
  font-size: 23px;
}
.results-module .results-container .result-item li.result-image {
  margin: 0;
}
.results-module .results-container .result-item li.result-image img {
  width: 250px;
}
.results-module .results-container .result-item li.perform-result-title {
  font-size: 12px;
  margin-bottom: 10px;
}
.results-module .results-container .result-item li.perform-result {
  font-size: 23px;
  margin-bottom: 4px;
}
.results-module .results-container .result-item li.small-personal-results, .results-module .results-container .result-item li.small-total-results {
  font-size: 15px;
}

.confirm-modal-overlay .confirm-modal {
  padding: 60px;
  width: 528px;
}
.confirm-modal-overlay .confirm-modal p {
  font-size: 30px;
  font-weight: 2px;
}
.confirm-modal-overlay .confirm-modal .caption {
  width: 180px;
}
.confirm-modal-overlay .confirm-modal .caption.caption-yes-no {
  width: 20%;
  margin: auto;
}

.page.janchallenge2015 .tpl-scheduleavisittout, .page.seehow .tpl-scheduleavisittout, .page .tpl-scheduleavisittout {
  margin-bottom: -70px;
}
.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: none;
  margin: 0;
  display: table;
  width: 40%;
  height: auto;
  font-weight: 100;
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 70px;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  text-align: left;
}
.page.janchallenge2015 .rich-content header .content .rich-content-title .left-bottom, .page.janchallenge2015 .rich-content header .content .rich-content-title .right-bottom, .page.janchallenge2015 .rich-content header .content .rich-content-title .subtitle, .page.seehow .rich-content header .content .rich-content-title .left-bottom, .page.seehow .rich-content header .content .rich-content-title .right-bottom, .page.seehow .rich-content header .content .rich-content-title .subtitle, .page .rich-content header .content .rich-content-title .left-bottom, .page .rich-content header .content .rich-content-title .right-bottom, .page .rich-content header .content .rich-content-title .subtitle {
  display: none;
}
.page.janchallenge2015 .rich-content header .content .rich-content-title .rich-content-subtitle, .page.seehow .rich-content header .content .rich-content-title .rich-content-subtitle, .page .rich-content header .content .rich-content-title .rich-content-subtitle {
  color: #c2ce00;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
}
.page.janchallenge2015 .rich-content header .content .right-column, .page.seehow .rich-content header .content .right-column, .page .rich-content header .content .right-column {
  position: absolute;
  right: 30px;
  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%);
  width: 50%;
}
.page.janchallenge2015 .rich-content header .content .progress, .page.seehow .rich-content header .content .progress, .page .rich-content header .content .progress {
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 10px;
}
.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: 0px;
}
.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 {
  border-left: 1px solid #fff;
  font-weight: 400;
  font-size: 34px;
  width: 33%;
}
.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 {
  font-size: 12px;
  margin-top: 5px;
}
.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 {
  margin-left: 20px;
  font-size: 20px;
}
.page.janchallenge2015 .rich-content header .content ul.stats li:first-child, .page.seehow .rich-content header .content ul.stats li:first-child, .page .rich-content header .content ul.stats li:first-child {
  float: left;
  border: none;
  width: 33%;
}
.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-tablet, .page.seehow .tpl-weekendchallenge .rich-content header img.is-tablet, .page .tpl-weekendchallenge .rich-content header img.is-tablet {
  width: 100%;
}
.page.janchallenge2015 .tpl-weekendchallenge .copy, .page.seehow .tpl-weekendchallenge .copy, .page .tpl-weekendchallenge .copy {
  top: 160px;
}
.page.janchallenge2015 .tpl-weekendchallenge .cta-wrapper, .page.seehow .tpl-weekendchallenge .cta-wrapper, .page .tpl-weekendchallenge .cta-wrapper {
  top: 350px;
}
.page.janchallenge2015 .tpl-weekendchallenge .cta-wrapper a, .page.seehow .tpl-weekendchallenge .cta-wrapper a, .page .tpl-weekendchallenge .cta-wrapper a {
  padding: 1.2em 5.5em;
}
.page.janchallenge2015 .tpl-weekendchallenge h2, .page.seehow .tpl-weekendchallenge h2, .page .tpl-weekendchallenge h2 {
  margin-top: 20px;
  padding: 0;
}
.page.janchallenge2015 .tpl-weekendchallenge h3, .page.seehow .tpl-weekendchallenge h3, .page .tpl-weekendchallenge h3 {
  margin: 10px 0;
  font-size: 40px;
  font-weight: lighter;
}
.page.janchallenge2015 .tpl-weekendchallenge p, .page.seehow .tpl-weekendchallenge p, .page .tpl-weekendchallenge p {
  font-size: 14px;
  line-height: 22px;
  width: 60%;
  padding: 0;
  max-width: 600px;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown, .page.seehow .tpl-weekendchallenge .countdown, .page .tpl-weekendchallenge .countdown {
  width: 106px;
  height: 106px;
  top: 40px;
  left: 50%;
  margin-left: -53px;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown .number, .page.seehow .tpl-weekendchallenge .countdown .number, .page .tpl-weekendchallenge .countdown .number {
  font-size: 40px;
  padding-top: 15px;
}
.page.janchallenge2015 .tpl-weekendchallenge .countdown .hours, .page.seehow .tpl-weekendchallenge .countdown .hours, .page .tpl-weekendchallenge .countdown .hours {
  padding: 0px 25px 5px 25px;
}
.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 {
  height: 416px;
}
.page.janchallenge2015 .tpl-challengescorecard .rich-content header img.is-tablet, .page.janchallenge2015 .tpl-challengescorecardend .rich-content header img.is-tablet, .page.seehow .tpl-challengescorecard .rich-content header img.is-tablet, .page.seehow .tpl-challengescorecardend .rich-content header img.is-tablet, .page .tpl-challengescorecard .rich-content header img.is-tablet, .page .tpl-challengescorecardend .rich-content header img.is-tablet {
  width: 100%;
}
.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 {
  height: 50px;
}
.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: 60%;
}
.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 {
  height: 50px;
}
.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 {
  line-height: 50px;
  border-right: 1px solid #333;
}
.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 {
  top: 45px;
}
.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 {
  border-color: #c2ce00 !important;
}
.page.janchallenge2015 .tpl-challengescorecard nav ul li:first-child a, .page.janchallenge2015 .tpl-challengescorecardend nav ul li:first-child a, .page.seehow .tpl-challengescorecard nav ul li:first-child a, .page.seehow .tpl-challengescorecardend nav ul li:first-child a, .page .tpl-challengescorecard nav ul li:first-child a, .page .tpl-challengescorecardend nav ul li:first-child a {
  border-left: 1px solid #333;
  border-right: none;
}
.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 {
  margin-top: 30px;
}
.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 {
  font-size: 13px;
  height: 30px;
  margin-bottom: 30px;
  padding: 0 30px;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .digital-blurb .upload-blurb, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .digital-blurb .upload-blurb, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .digital-blurb .upload-blurb, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .digital-blurb .upload-blurb, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .digital-blurb .upload-blurb, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .digital-blurb .upload-blurb {
  padding: 0;
  white-space: nowrap;
}
.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 {
  width: 60%;
  margin: 0 auto;
  max-width: 180px;
}
.page.janchallenge2015 .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .points .points-sub, .page.janchallenge2015 .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .points .points-sub, .page.seehow .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .points .points-sub, .page.seehow .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .points .points-sub, .page .tpl-challengescorecard .content #scorecard-wrapper .scorecard .item .points-progress .points .points-sub, .page .tpl-challengescorecardend .content #scorecard-wrapper .scorecard .item .points-progress .points .points-sub {
  font-size: 9px;
}
.page.janchallenge2015 .tpl-weekchallengegroup .rich-content header, .page.janchallenge2015 .tpl-weekchallengegroupend .rich-content header, .page.seehow .tpl-weekchallengegroup .rich-content header, .page.seehow .tpl-weekchallengegroupend .rich-content header, .page .tpl-weekchallengegroup .rich-content header, .page .tpl-weekchallengegroupend .rich-content header {
  min-height: 465px;
  height: 465px;
}
@media (max-width: 1023px) {
  .page.janchallenge2015 .tpl-weekchallengegroup .rich-content header, .page.janchallenge2015 .tpl-weekchallengegroupend .rich-content header, .page.seehow .tpl-weekchallengegroup .rich-content header, .page.seehow .tpl-weekchallengegroupend .rich-content header, .page .tpl-weekchallengegroup .rich-content header, .page .tpl-weekchallengegroupend .rich-content header {
    min-height: 510px !important;
  }
}
.page.janchallenge2015 .tpl-weekchallengegroup .rich-content header img.is-tablet, .page.janchallenge2015 .tpl-weekchallengegroupend .rich-content header img.is-tablet, .page.seehow .tpl-weekchallengegroup .rich-content header img.is-tablet, .page.seehow .tpl-weekchallengegroupend .rich-content header img.is-tablet, .page .tpl-weekchallengegroup .rich-content header img.is-tablet, .page .tpl-weekchallengegroupend .rich-content header img.is-tablet {
  width: 100%;
}
.page.janchallenge2015 .tpl-weekchallengegroup nav, .page.janchallenge2015 .tpl-weekchallengegroupend nav, .page.seehow .tpl-weekchallengegroup nav, .page.seehow .tpl-weekchallengegroupend nav, .page .tpl-weekchallengegroup nav, .page .tpl-weekchallengegroupend nav {
  height: 50px;
}
.page.janchallenge2015 .tpl-weekchallengegroup nav ul li, .page.janchallenge2015 .tpl-weekchallengegroupend nav ul li, .page.seehow .tpl-weekchallengegroup nav ul li, .page.seehow .tpl-weekchallengegroupend nav ul li, .page .tpl-weekchallengegroup nav ul li, .page .tpl-weekchallengegroupend nav ul li {
  height: 50px;
}
.page.janchallenge2015 .tpl-weekchallengegroup nav ul li a, .page.janchallenge2015 .tpl-weekchallengegroupend nav ul li a, .page.seehow .tpl-weekchallengegroup nav ul li a, .page.seehow .tpl-weekchallengegroupend nav ul li a, .page .tpl-weekchallengegroup nav ul li a, .page .tpl-weekchallengegroupend nav ul li a {
  line-height: 50px;
}
.page.janchallenge2015 .tpl-weekchallengegroup nav ul li a .caret, .page.janchallenge2015 .tpl-weekchallengegroupend nav ul li a .caret, .page.seehow .tpl-weekchallengegroup nav ul li a .caret, .page.seehow .tpl-weekchallengegroupend nav ul li a .caret, .page .tpl-weekchallengegroup nav ul li a .caret, .page .tpl-weekchallengegroupend nav ul li a .caret {
  top: 45px;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content, .page.janchallenge2015 .tpl-weekchallengegroupend .content, .page.seehow .tpl-weekchallengegroup .content, .page.seehow .tpl-weekchallengegroupend .content, .page .tpl-weekchallengegroup .content, .page .tpl-weekchallengegroupend .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper, .page .tpl-weekchallengegroup .content #challenge-wrapper, .page .tpl-weekchallengegroupend .content #challenge-wrapper {
  color: #000;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge {
  width: 100%;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge p.week-date-span, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge p.week-date-span, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge p.week-date-span, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge p.week-date-span, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge p.week-date-span, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge p.week-date-span {
  padding: 30px 20px 20px 20px;
  text-align: center;
  text-transform: uppercase;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge p.week-date-span span, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge p.week-date-span span, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge p.week-date-span span, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge p.week-date-span span, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge p.week-date-span span, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge p.week-date-span span {
  display: none;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .content-wrapper, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .content-wrapper, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .content-wrapper, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .content-wrapper, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .content-wrapper, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .content-wrapper {
  overflow: hidden;
  position: relative;
  min-height: 170px;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge img, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge img, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge img, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge img, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge img, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge img {
  width: 30%;
  max-width: 170px;
  position: absolute;
  left: 50%;
  top: 0px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content {
  float: left;
  width: 35%;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content h5, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content h5, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content h5, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content h5, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content h5, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content h5 {
  text-align: left;
  font-size: 40px;
  font-weight: 500;
  margin: 5px 0;
  padding-left: 20%;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content p, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content p, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content p, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content p, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content p, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content p {
  padding-left: 20%;
  text-align: left;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content span, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content span, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content span, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content span, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .challenge-content span, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .challenge-content span {
  display: block;
  padding-left: 20%;
  text-transform: uppercase;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper {
  margin: 0;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats {
  position: static;
  float: right;
  width: 35%;
  z-index: auto;
  overflow: hidden;
  text-transform: uppercase;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li {
  width: 50%;
  float: left;
  font-size: 60px;
  box-sizing: border-box;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li sup, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li sup, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li sup, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li sup, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li sup, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li sup {
  font-size: 20px;
  font-weight: bold;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li span, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li span, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li span, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li span, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li span, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li span {
  font-size: 14px;
  font-weight: bold;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.place, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.place, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.place, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.place, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.place, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.place {
  text-align: center;
  border-right: 1px solid #bbbbbb;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.points, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.points, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.points, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.points, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.points, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .avatar-wrapper .challenge-stats li.points {
  text-align: center;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .cta-wrapper, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .cta-wrapper, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .cta-wrapper, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .cta-wrapper, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .cta-wrapper, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .cta-wrapper {
  margin-top: 30px;
  text-align: center;
}
.page.janchallenge2015 .tpl-weekchallengegroup .content #challenge-wrapper .challenge .cta-wrapper a, .page.janchallenge2015 .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .cta-wrapper a, .page.seehow .tpl-weekchallengegroup .content #challenge-wrapper .challenge .cta-wrapper a, .page.seehow .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .cta-wrapper a, .page .tpl-weekchallengegroup .content #challenge-wrapper .challenge .cta-wrapper a, .page .tpl-weekchallengegroupend .content #challenge-wrapper .challenge .cta-wrapper a {
  padding: 1.2em 1.5em;
}
.page.janchallenge2015 .tpl-instagramtwitter, .page.seehow .tpl-instagramtwitter, .page .tpl-instagramtwitter {
  padding-top: 40px;
}
.page.janchallenge2015 .tpl-instagramtwitter header, .page.seehow .tpl-instagramtwitter header, .page .tpl-instagramtwitter header {
  padding: 0 20px;
  max-width: 600px;
  margin: 0 auto;
}
.page.janchallenge2015 .tpl-instagramtwitter header h2, .page.seehow .tpl-instagramtwitter header h2, .page .tpl-instagramtwitter header h2 {
  padding: 0 10px;
  font-size: 16px;
}
.page.janchallenge2015 .tpl-instagramtwitter header .line, .page.seehow .tpl-instagramtwitter header .line, .page .tpl-instagramtwitter header .line {
  height: 10px;
}
.page.janchallenge2015 .tpl-instagramtwitter header h3, .page.seehow .tpl-instagramtwitter header h3, .page .tpl-instagramtwitter header h3 {
  margin: 12px 0 5px 0;
  font-size: 50px;
  letter-spacing: normal;
  font-weight: lighter;
  color: #090909;
}
.page.janchallenge2015 .tpl-instagramtwitter header p, .page.seehow .tpl-instagramtwitter header p, .page .tpl-instagramtwitter header p {
  text-align: center;
  margin: 0 auto;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter, .page.seehow .tpl-instagramtwitter #instagram-twitter, .page .tpl-instagramtwitter #instagram-twitter {
  max-width: 900px;
  margin: 60px auto 0 auto;
  overflow: hidden;
  padding: 0;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div, .page.seehow .tpl-instagramtwitter #instagram-twitter li div, .page .tpl-instagramtwitter #instagram-twitter li div {
  width: 50%;
  float: left;
  max-width: 246px;
  position: relative;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div:before, .page.seehow .tpl-instagramtwitter #instagram-twitter li div:before, .page .tpl-instagramtwitter #instagram-twitter li div:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.twitter, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.twitter, .page .tpl-instagramtwitter #instagram-twitter li div.twitter {
  width: 100%;
  padding: 0;
  background: #000;
  overflow: hidden;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.twitter:before, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.twitter:before, .page .tpl-instagramtwitter #instagram-twitter li div.twitter:before {
  padding-top: 50%;
  margin-top: -1px;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.twitter .icon-twitter, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.twitter .icon-twitter, .page .tpl-instagramtwitter #instagram-twitter li div.twitter .icon-twitter {
  color: #fff;
  position: absolute;
  top: 25px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet, .page .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet {
  position: absolute;
  top: 60px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border: none;
  max-width: 454px;
  width: 70%;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet:before, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet:before, .page .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet:before {
  display: none;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet p, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet p, .page .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet p {
  color: #c2ce00;
  text-transform: uppercase;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet .username, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet .username, .page .tpl-instagramtwitter #instagram-twitter li div.twitter .tweet .username {
  color: #787878;
  font-size: 14px;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div.big, .page.seehow .tpl-instagramtwitter #instagram-twitter li div.big, .page .tpl-instagramtwitter #instagram-twitter li div.big {
  max-width: 494px;
  max-height: 494px;
  display: block;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div a, .page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div img, .page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div .shim, .page.seehow .tpl-instagramtwitter #instagram-twitter li div a, .page.seehow .tpl-instagramtwitter #instagram-twitter li div img, .page.seehow .tpl-instagramtwitter #instagram-twitter li div .shim, .page .tpl-instagramtwitter #instagram-twitter li div a, .page .tpl-instagramtwitter #instagram-twitter li div img, .page .tpl-instagramtwitter #instagram-twitter li div .shim {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div .shim, .page.seehow .tpl-instagramtwitter #instagram-twitter li div .shim, .page .tpl-instagramtwitter #instagram-twitter li div .shim {
  z-index: 10;
  background: #000;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
}
.page.janchallenge2015 .tpl-instagramtwitter #instagram-twitter li div .shim:hover, .page.seehow .tpl-instagramtwitter #instagram-twitter li div .shim:hover, .page .tpl-instagramtwitter #instagram-twitter li div .shim:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .page.janchallenge2015 .tpl-weekendchallenge .rich-content header, .page.seehow .tpl-weekendchallenge .rich-content header {
    height: 500px;
  }
  .page.janchallenge2015 .tpl-weekendchallenge .rich-content header img.is-tablet, .page.seehow .tpl-weekendchallenge .rich-content header img.is-tablet {
    width: 135%;
  }
  .page.janchallenge2015 .tpl-weekendchallenge .rich-content header, .page.seehow .tpl-weekendchallenge .rich-content header {
    height: 500px;
  }
  .page.janchallenge2015 .tpl-weekendchallenge .rich-content header img.is-tablet, .page.seehow .tpl-weekendchallenge .rich-content header img.is-tablet {
    width: 135%;
  }
  .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 {
    height: 433px;
  }
  .page.janchallenge2015 .tpl-challengescorecard .rich-content header img.is-tablet, .page.janchallenge2015 .tpl-challengescorecardend .rich-content header img.is-tablet, .page.seehow .tpl-challengescorecard .rich-content header img.is-tablet, .page.seehow .tpl-challengescorecardend .rich-content header img.is-tablet {
    width: 120%;
  }
}
.sharing-cycling p {
  margin: 0 auto;
  max-width: 600px;
}
.sharing-cycling a {
  margin: 20px auto 0;
  width: 280px;
}
.sharing-cycling .caption .buttons {
  display: inline-block;
  text-align: center;
}
.sharing-cycling .caption .buttons a {
  width: 240px;
  margin-top: 0;
}

.rank-container .leaderboard-results {
  padding: 43px 40px 0;
  position: relative;
}
.rank-container .leaderboard-results h3 {
  font-size: 27px;
  font-weight: 400;
}
.rank-container .leaderboard-results h3 small {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
.rank-container .leaderboard-results .leaderboard-container {
  clear: both;
  margin: 12px auto 23px;
  padding-top: 0px;
}
.rank-container .leaderboard-results .leaderboard-container .list-titles {
  padding: 9px 37px 9px 0;
}
.rank-container .leaderboard-results .leaderboard-container .list-titles span.position {
  width: 12%;
}
.rank-container .leaderboard-results .leaderboard-container .list-titles span.profile {
  margin-left: 14px;
}
.rank-container .leaderboard-results .leaderboard-container .leaderboard-list {
  padding: 11px 37px 11px 0;
}
.rank-container .leaderboard-results .leaderboard-container .leaderboard-list li {
  font-size: 12px;
}
.rank-container .leaderboard-results .leaderboard-container .leaderboard-list .position {
  font-size: 12px;
  width: 12%;
}
.rank-container .leaderboard-results .leaderboard-container .leaderboard-list .profile-picture {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}
.rank-container .leaderboard-results .leaderboard-container .leaderboard-list .profile-name {
  margin-left: 8px;
}
.rank-container .leaderboard-results .leaderboard-container .leaderboard-list .profile-distance, .rank-container .leaderboard-results .leaderboard-container .leaderboard-list .profile-energy {
  padding-top: 5px;
}
.rank-container .leaderboard-results .leaderboard-cta-container > a {
  margin: 0 auto;
  width: 300px;
}

.janchallenge2015 .leaderboard-container .list-titles {
  padding: 40px 0 20px;
  max-width: 700px;
}
.janchallenge2015 .leaderboard-container .list-titles span {
  font-size: 11px;
}
.janchallenge2015 .leaderboard-container .list-titles span.rank {
  margin-left: 20px;
}
.janchallenge2015 .leaderboard-container .list-titles span.member {
  margin-left: 75px;
}
.janchallenge2015 .leaderboard-container .list-titles span.points {
  margin-right: 46px;
  padding-top: 5px;
}
.janchallenge2015 .leaderboard-container .list-titles span.region {
  Width: 10%;
  margin-left: 9px;
  padding-top: 7px;
}
.janchallenge2015 .leaderboard-container .list-titles span.clubname {
  Width: 10%;
  margin-left: 8px;
  padding-top: 7px;
}
.janchallenge2015 .leaderboard-container .list-titles span.memberName {
  Width: 20%;
  margin-left: 36px;
  padding-top: 7px;
}
.janchallenge2015 .leaderboard-container .list-titles span.memberId {
  Width: 10%;
  margin-left: 8px;
  padding-top: 7px;
}
.janchallenge2015 .leaderboard-container .list-titles span.email {
  Width: 25%;
  margin-left: 54px;
  padding-top: 7px;
}
.janchallenge2015 .leaderboard-container .list-titles span.score {
  Width: 8%;
  margin-left: 20px;
  padding-top: 7px;
}
.janchallenge2015 .leaderboard-container .loader {
  margin-top: 20px;
}
.janchallenge2015 .leaderboard-container .rows-container {
  max-width: 700px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row.black-bg .leaderboard-list .profile-name {
  width: 5%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row.black-bg .leaderboard-list .rank-link {
  width: 58%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row.black-bg .leaderboard-list .rank-link div a {
  font-size: 12px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list {
  padding: 10px 0;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list li div {
  height: 45px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .position {
  width: 10%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .position div span {
  font-size: 20px;
  font-weight: 200;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .profile-picture {
  width: 9%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .profile-picture div img {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
  width: 42px;
  height: 42px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .profile-name {
  width: 63%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .profile-name div {
  font-size: 14px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .profile-points {
  width: 18%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .profile-points div p {
  font-size: 14px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .profile-points div p span {
  font-size: 14px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .region {
  width: 10%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .region div span {
  font-size: 12px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .clubname {
  width: 10%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .clubname div span {
  font-size: 12px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .memberName {
  width: 28%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .memberName div span {
  font-size: 12px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .memberId {
  width: 10%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .memberId div span {
  font-size: 12px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .email {
  width: 34%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .email div span {
  font-size: 12px;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .score {
  width: 8%;
}
.janchallenge2015 .leaderboard-container .rows-container .janchallenge-leaderboard-row .leaderboard-list .score div span {
  font-size: 12px;
}
.janchallenge2015 .leaderboard-pager {
  margin-bottom: 50px;
}

.page.leaderboard .clear {
  clear: both;
}
.page.leaderboard .tpl-leaderboardfilters {
  padding-top: 90px;
  padding-bottom: 70px;
  background: #000;
  color: #fff;
}
.page.leaderboard .tpl-leaderboardfilters a.backLink {
  float: left;
  margin-top: -35px;
  margin-left: 5px;
  color: #fff;
  font-size: 35px;
}
.page.leaderboard .tpl-leaderboardfilters h1 {
  font-size: 18px;
  text-align: center;
}
.page.leaderboard .tpl-leaderboardfilters .tier-1-filters {
  margin-top: 5px;
  text-align: center;
  color: #585858;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 100;
}
.page.leaderboard .tpl-leaderboardfilters .tier-1-filters a {
  color: #585858;
}
.page.leaderboard .tpl-leaderboardfilters .tier-1-filters a:hover {
  color: #fff;
}
.page.leaderboard .tpl-leaderboardfilters .tier-1-filters a.active {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.page.leaderboard .tpl-leaderboardfilters .tier-1-filters span {
  padding: 0 10px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters {
  margin-top: 40px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .hidden {
  display: none;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper {
  width: 430px;
  margin: 0 auto;
  display: block;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper.active .select {
  max-height: 550%;
  overflow: scroll;
  transition: max-height .4s ease-in;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper .select {
  max-height: 0;
  overflow: hidden;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club .selected-location {
  font-size: 30px;
  border-bottom: 2px solid #585858;
  padding-bottom: 10px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club .selected-location .icon-dropdown {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active {
  background: #FFF;
  color: #7C878E;
  text-align: left;
  height: 51px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .selected-location {
  border: none;
  font-size: 16px;
  line-height: 50px;
  padding: 0 0 0 15px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .selected-location .icon-dropdown {
  transform: rotate(180deg) translateY(50%);
  right: 25px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select {
  background: #7C878E;
  color: #FFF;
  position: absolute;
  top: 100%;
  width: calc(100% - 40px);
  left: 0;
  padding: 0 20px;
  z-index: 899;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group {
  border-bottom: 1px solid #FFF;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group:last-child {
  border: none;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group .select-group-title {
  display: block;
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  font-size: 14px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group .select-group-title .icon {
  float: right;
  position: relative;
  transform: translateY(-50%);
  top: 50%;
  opacity: .7;
  padding-right: 5px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group .select-group-title .icon.subtract {
  transform: translateY(-54%);
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group .select-group-options {
  margin-bottom: 20px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group .select-group-options div {
  opacity: .7;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 14px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.active .select .select-group .select-group-options div.selected {
  opacity: 1;
  font-weight: 600;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.friends-filter {
  display: none;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.region-filter .select-group-options {
  display: none !important;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.region-filter .select-group-title .icon-thin-add,
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .select-wrapper#club.region-filter .select-group-title .subtract {
  display: none;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects {
  margin: 60px auto 0;
  width: 90%;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper {
  display: inline-block;
  height: 85px;
  float: left;
  width: calc(50% - 2px);
  margin: 0;
  border: 1px solid #FFF;
  box-sizing: border-box;
  text-align: left;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .filter-icon {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .active {
  border-bottom: none;
  font-size: 19px;
  line-height: 85px;
  font-weight: 600;
  letter-spacing: 3px;
  padding: 0;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper div.active {
  padding: 0 30px 0 36px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper dl {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  top: 50%;
  position: absolute;
  padding: 0px 30px 0px 36px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper dl dt {
  font-size: 15px;
  line-height: 1em;
  font-weight: 800;
  letter-spacing: 2px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper dl dd.dynamic-selection {
  line-height: 22px;
  font-weight: 400;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper:after {
  display: none;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper.active {
  color: #7C878E;
  background: #FFF;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper#sortBy .select {
  left: calc(-100% - 3px);
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper#sortBy .select .select-group {
  padding: 40px 30px 20px 36px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper#sortBy .select .select-group .select-group-options div {
  padding-left: 0;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select {
  background: #7C878E;
  color: #FFF;
  position: absolute;
  top: 84px;
  width: calc(200% + 4px);
  left: 0;
  z-index: 899;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group {
  padding: 0px 30px 0px 36px;
  border-bottom: 1px solid #FFF;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group:last-child {
  border: none;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group .select-group-title {
  display: block;
  height: 90px;
  line-height: 90px;
  font-weight: 600;
  font-size: 19px;
  position: relative;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group .select-group-title .icon {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  top: 50%;
  right: 0px;
  opacity: .7;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group .select-group-title .icon.subtract {
  transform: translateY(-54%);
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group .select-group-options {
  margin-bottom: 10px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group .select-group-options div {
  opacity: .7;
  margin-bottom: 20px;
  padding-left: 40px;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .select .select-group .select-group-options div.selected {
  opacity: 1;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-selects .select-wrapper .icon-desktop {
  display: none;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-summary {
  width: 90%;
  margin: 20px auto;
  text-align: center;
}
.page.leaderboard .tpl-leaderboardfilters #leaderboardFilters .filter-summary li {
  display: inline-block;
  font-size: 18px;
  color: #585858;
  padding: 0 5px;
  text-transform: uppercase;
}
.page.leaderboard .tpl-leaderboardfilters .mobile-hidden {
  display: none;
}

.page.challenge #challenge-detail-header .rich-content header, .page.challengeslanding #challenge-detail-header .rich-content header {
  max-height: none;
  min-height: 300px;
}
.page.challenge .tpl-challengeslanding .rich-content header, .page.challengeslanding .tpl-challengeslanding .rich-content header {
  max-height: none;
  min-height: 4em;
}
.page.challenge .tpl-challengeslanding .rich-content .icon-left-arrow, .page.challengeslanding .tpl-challengeslanding .rich-content .icon-left-arrow {
  top: 30%;
  left: 2%;
  font-size: 32px;
  opacity: .5;
}
.page.challenge .tpl-challengeslanding .this-month-challenge .rich-content header, .page.challengeslanding .tpl-challengeslanding .this-month-challenge .rich-content header {
  min-height: 320px;
}
.page.challenge .tpl-challengeslanding .this-month-challenge .rich-content header img, .page.challengeslanding .tpl-challengeslanding .this-month-challenge .rich-content header img {
  height: 320px;
}
.page.challenge .tpl-challengeslanding #cc-this-month-hero-content, .page.challengeslanding .tpl-challengeslanding #cc-this-month-hero-content {
  position: absolute;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.page.challenge .tpl-challengeslanding #cc-this-month-hero-content h3, .page.challengeslanding .tpl-challengeslanding #cc-this-month-hero-content h3 {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 2px;
  border-bottom: 10px;
  padding-bottom: 0px;
  color: #FFF;
}
.page.challenge .tpl-challengeslanding #cc-this-month-hero-content h1, .page.challengeslanding .tpl-challengeslanding #cc-this-month-hero-content h1 {
  margin-top: -5px;
  font-size: 43px;
  font-weight: 100;
}
.page.challenge .tpl-challengeslanding #cc-this-month-hero-content p, .page.challengeslanding .tpl-challengeslanding #cc-this-month-hero-content p {
  padding-top: 10px;
  color: #fff;
  font-size: 14px;
  width: 300px;
}
.page.challenge .tpl-challengeslanding #cc-this-month-hero-content .button, .page.challengeslanding .tpl-challengeslanding #cc-this-month-hero-content .button {
  background-color: #FFF;
  font-size: 14px;
  text-decoration: none;
}
.page.challenge .tpl-challengeslanding #cc-hero-content h1, .page.challengeslanding .tpl-challengeslanding #cc-hero-content h1 {
  font-size: 56px;
}
.page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges ul, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges ul {
  width: 915px;
  overflow: hidden;
  margin: 0 auto 30px auto;
  margin-top: 60px;
  margin-bottom: 80px;
  display: table;
}
.page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges li, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges li {
  display: table-cell;
  width: 50%;
}
.page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges li:first-child, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges li:first-child {
  width: 49%;
  padding-left: 0;
  border-right: solid 1px #d6d9da;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges > h1:before, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges > h1:before, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges > h1:before, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges > h1:before {
  right: 0;
  width: 100%;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges .list li, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges .list li, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges .list li, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges .list li {
  display: table;
  width: 100%;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges .list .rows, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges .list .rows, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows {
  display: table-cell;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.category, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.category, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.category, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.category {
  width: 25%;
  display: table-cell;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.category-image, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.category-image, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.category-image, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.category-image {
  width: 25%;
  vertical-align: middle;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.category-image img, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.category-image img, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.category-image img, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.category-image img {
  width: 215px;
  margin: 0;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.description, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.description, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.description, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.description {
  width: 50%;
  padding: 0px 10px;
}
.page.challenge .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.arrow, .page.challenge .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.arrow, .page.challengeslanding .tpl-challengeslanding .wrapper .all-past-challenges .list .rows.arrow, .page.challengeslanding .tpl-challengeslanding .wrapper .upcoming-challenges .list .rows.arrow {
  display: table-cell;
}

.page.challenge .tpl-challengerankings #leaderboard-hero {
  margin-bottom: 60px;
}
.page.challenge .tpl-challengerankings .rich-content header {
  min-height: 180px;
}
.page.challenge .tpl-challengerankings .rich-content header .content {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
}
.page.challenge .tpl-challengerankings .rich-content header .content h1 {
  text-align: center;
  color: #000;
  width: 100%;
  font-weight: 500;
  font-size: 1.7em;
}
.page.challenge .tpl-challengerankings .rich-content header .content .facilityName {
  font-size: 45px;
}
.page.challenge .tpl-challengerankings .rich-content header .content ul {
  width: 100%;
  text-align: center;
  padding-top: 15px;
}
.page.challenge .tpl-challengerankings .rich-content header .content ul li {
  display: inline;
  padding: 0 1em;
  border-left: 1px solid #000;
  width: 28%;
}
.page.challenge .tpl-challengerankings .rich-content header .content ul li:first-child {
  border-left: none;
}
.page.challenge .tpl-challengerankings .rich-content header .content ul li a {
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
}
.page.challenge .tpl-challengerankings .rich-content header .content ul li a.active {
  font-weight: 600;
}
.page.challenge .tpl-challengedetailheader .rich-content header, .page.challenge .tpl-challengedetailheader-upcoming .rich-content header {
  max-height: none;
  min-height: 200px;
}
.page.challenge .tpl-challengedetailheader #cycling-challenge-hero-content, .page.challenge .tpl-challengedetailheader-upcoming #cycling-challenge-hero-content {
  height: auto;
}
.page.challenge .tpl-challengedetailheader #cycling-challenge-hero-content h3, .page.challenge .tpl-challengedetailheader-upcoming #cycling-challenge-hero-content h3 {
  font-size: 15px;
  margin-bottom: 0;
}
.page.challenge .tpl-challengedetailheader #cycling-challenge-hero-content h1, .page.challenge .tpl-challengedetailheader-upcoming #cycling-challenge-hero-content h1 {
  font-size: 34px;
  font-weight: 100;
}
.page.challenge .tpl-challengedetailheader #cycling-challenge-hero-content p, .page.challenge .tpl-challengedetailheader-upcoming #cycling-challenge-hero-content p {
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 30px;
}
.page.challenge .tpl-challengerecap, .page.challenge .tpl-challengedescription, .page.challenge .tpl-challengedescription-upcoming, .page.challenge .tpl-challengedescription-not-joined, .page.challenge .tpl-challengedescription-in-progress {
  padding-top: 0;
}
.page.challenge .tpl-challengerecap h2, .page.challenge .tpl-challengedescription h2, .page.challenge .tpl-challengedescription-upcoming h2, .page.challenge .tpl-challengedescription-not-joined h2, .page.challenge .tpl-challengedescription-in-progress h2 {
  font-size: 24px;
}
.page.challenge .tpl-challengedescription-upcoming #challenge-description-content {
  margin: 40px 0;
}
.page.challenge .tpl-topperformers ul {
  max-width: 600px;
  margin: 40px auto;
  padding-left: 10%;
}
.page.challenge .tpl-topperformers ul li {
  float: left;
  width: 45%;
  padding: 0;
  overflow: visible;
}
.page.challenge .tpl-topperformers ul li .gender {
  left: -20px;
}
.page.challenge .tpl-topperformers ul li:nth-child(2) img {
  float: left;
}
.page.challenge .tpl-topperformers ul li:nth-child(2) .gender {
  left: -20px;
  right: initial;
}
.page.challenge .tpl-topperformers ul li:nth-child(2) .performer {
  float: left;
  margin-right: 0px;
}
.page.challenge .tpl-topperformers ul.clubs li {
  width: 32%;
  padding: 25px 0;
}
.page.challenge .tpl-topperformers ul.clubs li .gender {
  position: absolute;
}
.page.challenge .tpl-topperformers ul.clubs li .performer {
  padding-top: 15px;
}
.page.challenge .tpl-topperformers ul.clubs li:nth-child(2) .gender {
  left: -20px;
  right: initial;
}
.page.challenge .tpl-topperformers ul.clubs li:nth-child(2) .performer {
  float: initial;
  margin-right: initial;
}
.page.challenge .tpl-topperformers ul.clubs li:nth-child(3) {
  padding-left: 0;
}
.page.challenge .tpl-previousupcomingchallenges ul {
  max-width: 860px;
}
.page.challenge .tpl-previousupcomingchallenges ul li {
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.page.challenge .tpl-previousupcomingchallenges ul li:first-child {
  padding-right: 50px;
}
.page.challenge .tpl-previousupcomingchallenges ul li:nth-child(2) {
  padding-left: 50px;
}
.page.challenge .tpl-previousupcomingchallenges .header-wrapper {
  position: relative;
  height: 20px;
  text-align: center;
  margin: 0px 0 30px 0;
}
.page.challenge .tpl-previousupcomingchallenges .header-wrapper .line {
  border-top: 1px solid #cccccc;
  position: absolute;
  top: 50%;
  left: 0px;
}
.page.challenge .tpl-previousupcomingchallenges .header-wrapper h3 {
  position: absolute;
  left: 50%;
  top: 0px;
  font-size: 18px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: #fff;
  z-index: 2;
  padding: 0 20px;
  margin: 0;
}
.page.challenge .tpl-previousupcomingchallenges .cta-wrapper a {
  padding: 15px 3em;
  font-size: 13px;
}
.page.challenge .tpl-challengesummary h2 {
  font-size: 36px;
}
.page.challenge .tpl-challengesummary ul.stats {
  max-width: 600px;
}
.page.challenge .tpl-challengesummary ul.stats li {
  width: 33%;
  font-size: 14px;
}
.page.challenge .tpl-challengesummary ul.stats li span {
  font-size: 30px;
}
.page.challenge .tpl-challengesummary .contribution-wrapper {
  max-width: 860px;
  height: 36px;
}
.page.challenge .modals {
  background-color: rgba(0, 0, 0, 0.4);
}
.page.challenge .modals > div {
  width: 80%;
  max-width: 600px;
  height: auto;
  margin: auto;
  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%);
}
.page.challenge .modals .modal-wrapper h2 span {
  display: inline;
  padding-left: 15px;
}
.page.challenge .modals .modal-wrapper small {
  width: 75%;
  margin: 0 auto;
}
.page.challenge .modals .modal-wrapper .button-container a.button.box {
  padding: 1.3em 3em;
}

.page.challengeshare {
  background-color: #ccc;
  padding-bottom: 40px;
  /*desc*/
  /*userprogress*/
}
.page.challengeshare .module.tpl-challengedescription {
  margin: 40px 40px 0;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description {
  padding-bottom: 10px;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description h1 {
  font-size: 16px;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description h3 {
  margin-bottom: 5px;
  font-size: 40px;
  letter-spacing: .01em;
  line-height: 1em;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description h4 {
  font-size: 17px;
  width: 250px;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description hr {
  width: 80%;
  margin: 20px auto;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description p {
  font-size: 14px;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description .stats {
  max-width: 400px;
  margin: 20px auto 30px auto;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description .stats li .icon-class-name {
  margin-right: 5px;
}
.page.challengeshare .module.tpl-challengedescription .challenge-description .prize-wrapper {
  height: 25px;
  margin: 30px 0;
}
.page.challengeshare .module.tpl-userprogress {
  /*user-progress*/
}
.page.challengeshare .module.tpl-userprogress #user-progress {
  padding: 40px;
}
.page.challengeshare .module.tpl-userprogress #user-progress h2 {
  font-size: 36px;
}
.page.challengeshare .module.tpl-userprogress #user-progress .stats {
  margin: 20px auto;
  max-width: 600px;
}
.page.challengeshare .module.tpl-userprogress #user-progress .stats li {
  float: left;
  width: 33%;
}
.page.challengeshare .module.tpl-userprogress #user-progress .stats li span {
  font-size: 30px;
}
.page.challengeshare .module.tpl-userprogress #user-progress .stats li:last-child {
  width: 33%;
}
.page.challengeshare .module.tpl-userprogress #user-progress .progress-module {
  padding: 30px 0 0 0;
  max-width: 600px;
  margin: 0px auto 55px auto;
}
.page.challengeshare .module.tpl-userprogress, .page.challengeshare .module.tpl-joinchallenge {
  margin: 0 40px;
}
.page.challengeshare .module.tpl-joinchallenge .join-challenge {
  padding-bottom: 40px;
}
.page.challengeshare .module.tpl-joinchallenge .join-challenge h3 {
  margin: 0;
}

/*end*/
.tpl-challengehomepagemodule .content-wrapper ul.homepage-module-stats li {
  width: 49%;
  border-right: 1px solid #bbb;
  font-weight: 500;
}

.tpl-challengeinlinejoinpromo {
  margin: 0 !important;
  padding: 0 !important;
}
.tpl-challengeinlinejoinpromo .inline-join .rich-content-title {
  padding: 50px;
  border: 1px solid #fff;
}
.tpl-challengeinlinejoinpromo .inline-join .rich-content-title span {
  padding: 30px;
  border: none;
  display: block;
}
.tpl-challengeinlinejoinpromo .inline-join .rich-content-title span h1 {
  font-size: 72px;
  font-weight: lighter;
  margin: 20px 0;
  letter-spacing: inherit;
}
.tpl-challengeinlinejoinpromo .inline-join .rich-content-title span h6 {
  margin: 20px 0;
}
.tpl-challengeinlinejoinpromo .inline-join .rich-content-title span small {
  font-size: 0.3em;
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
}
.tpl-challengeinlinejoinpromo .inline-join .rich-content-title .button-wrapper {
  margin: 20px 0;
}
.tpl-challengeinlinejoinpromo .inline-join .rich-content-title .button-wrapper a {
  float: left;
  width: 50%;
  border: none;
}

.facility-dropdown {
  width: 350px;
}
.facility-dropdown .facility-dropdown-input {
  height: 48px;
}
.facility-dropdown .facility-dropdown-input span {
  padding: 13px 40px 10px 10px;
  font-size: 18px;
}
.facility-dropdown .facility-dropdown-input:after {
  top: 23px;
}
.facility-dropdown .facility-dropdown-list {
  top: 46px;
  height: 250px;
  overflow-y: auto;
}
.facility-dropdown .facility-dropdown-list li a {
  font-size: 18px;
}

.leaderboard-component {
  margin: 0;
}
.leaderboard-component .leaderboard {
  padding-bottom: 20px;
}
.leaderboard-component .leaderboard .row {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: #FFF;
  color: #000;
  border: none;
}
.leaderboard-component .leaderboard .row:nth-child(even) {
  background: #ECEDED;
}
.leaderboard-component .leaderboard .row.header {
  background: #FFF;
  font-weight: 600;
}
.leaderboard-component .leaderboard .row.header ul {
  display: table;
}
.leaderboard-component .leaderboard .row.header ul li {
  font-size: 18px;
}
.leaderboard-component .leaderboard .row.current-member {
  background: #000;
  color: #A969FF;
}
.leaderboard-component .leaderboard .row ul {
  width: 100%;
  height: 100%;
  text-align: center;
}
.leaderboard-component .leaderboard .row ul li {
  position: relative;
  height: 100%;
  text-transform: uppercase;
  font-size: 18px;
}
.leaderboard-component .leaderboard .row ul li img {
  position: relative;
}
.leaderboard-component .leaderboard .row ul li.rank {
  width: 10%;
  padding-left: 25px;
}
.leaderboard-component .leaderboard .row ul li.avatar {
  width: 52px;
}
.leaderboard-component .leaderboard .row ul li.avatar img {
  width: 52px;
  height: 52px;
  border-radius: 100%;
}
.leaderboard-component .leaderboard .row ul li.member {
  padding-left: 15px;
  /*width: calc(40% - 15px);*/
  width: 40%;
  text-align: left;
}
.leaderboard-component .leaderboard .row ul li.member a.rank {
  font-size: 12px;
  text-decoration: underline;
  font-weight: 600;
  letter-spacing: 1px;
  color: #A969FF;
  width: auto;
  height: auto;
  background: none;
  top: 0px;
}
.leaderboard-component .leaderboard .row ul li.sessions {
  width: 13%;
}
.leaderboard-component .leaderboard .row ul li.avgsession {
  width: 13%;
}
.leaderboard-component .leaderboard .row ul li.distance {
  width: 13%;
}
.leaderboard-component .leaderboard-empty {
  margin: 40px auto;
  width: 90%;
  max-width: 700px;
  padding-bottom: 60px;
  text-align: center;
}
.leaderboard-component .leaderboard-empty h2 {
  margin-bottom: 20px;
}
.leaderboard-component .leaderboard-pagination {
  width: auto;
  margin: 0 auto;
  padding-bottom: 40px;
  text-align: center;
}
.leaderboard-component .leaderboard-pagination li {
  display: inline-block;
  cursor: pointer;
}
.leaderboard-component .leaderboard-pagination li.selected {
  font-weight: 600;
}

.class-schedule-filter h2 {
  font-size: 50px;
}
.class-schedule-filter .sub-header {
  position: absolute;
  top: 40px;
  right: 20px;
}
.class-schedule-filter .sub-header a {
  font-size: 12px;
  text-align: right;
  margin-bottom: 5px;
  display: block;
}
.class-schedule-filter .filters {
  font-size: 0;
}
.class-schedule-filter .filters > li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  margin-left: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.class-schedule-filter .filters > li:first-child {
  border: 0;
}
.class-schedule-filter .filters li ul {
  margin-top: -4px;
}
.class-schedule-filter .filters li .autocomplete {
  margin-bottom: 7px;
  height: 50px;
}
.class-schedule-filter .filters .autocompleteResults ul {
  margin-top: 0;
}
.class-schedule-filter .added-filters li {
  display: inline-block;
  margin: 5px 5px 0 0;
}
.class-schedule-filter .added-filters li span {
  font-size: 14px;
  text-decoration: underline;
}
.class-schedule-filter .filter-edit {
  display: block !important;
}

.overlay-block .modal {
  height: 550px;
}
.overlay-block .modal-content {
  width: 52%;
  height: auto;
}
.overlay-block .close {
  font-size: 21px;
  padding: 6px 10px;
  margin-bottom: 0px;
}
.overlay-block .content-introduction {
  font-size: 18px;
}
.overlay-block .content-heading {
  font-size: 25px;
}
.overlay-block .content-description {
  font-size: 16px;
}
.overlay-block .activate-btn {
  width: 250px;
  height: 50px;
  font-size: 14px;
}
.overlay-block a:link {
  font-size: 14px;
}

.classSportsClub .club-detail .module-header {
  font-size: 42px;
  text-align: center;
  line-height: 42px;
  letter-spacing: 8px;
  color: #000000;
}

.class-overlay-container .bike-classes li .search-result-row,
.class-overlay-container .bike-classes li .search-result-row-bike {
  max-width: none;
}
.class-overlay-container .bike-classes li .search-result-row .class-info,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info {
  width: 100%;
  padding-left: 15%;
  box-sizing: border-box;
}
.class-overlay-container .bike-classes li .search-result-row .class-info .option-button-container,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info .option-button-container {
  width: 22%;
}
.class-overlay-container .bike-classes li .search-result-row .class-info h2,
.class-overlay-container .bike-classes li .search-result-row .class-info .icon-time,
.class-overlay-container .bike-classes li .search-result-row .class-info .icon-trainer,
.class-overlay-container .bike-classes li .search-result-row .class-info .icon-marker-dot,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info h2,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info .icon-time,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info .icon-trainer,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info .icon-marker-dot {
  width: 25%;
}
.class-overlay-container .bike-classes li .search-result-row .class-info .icon-time:before,
.class-overlay-container .bike-classes li .search-result-row .class-info .icon-trainer:before,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info .icon-time:before,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info .icon-trainer:before {
  display: none;
}
.class-overlay-container .bike-classes li .search-result-row .class-info .icon-marker-dot,
.class-overlay-container .bike-classes li .search-result-row-bike .class-info .icon-marker-dot {
  display: none;
}
.class-overlay-container .bike-classes li .search-result-row .availability,
.class-overlay-container .bike-classes li .search-result-row-bike .availability {
  padding-left: 4%;
}
.class-overlay-container .bike-classes-container {
  max-width: none;
  padding-left: 40px;
  padding-right: 40px;
}
.class-overlay-container .result-view .class-container .toggle-day {
  padding: 23px 0 21px;
}
.class-overlay-container .class-overlay {
  width: 90%;
  margin: 5%;
  padding: 30px 0;
  position: relative;
}
.class-overlay-container .class-overlay h1 {
  font-size: 42px;
}
.class-overlay-container .class-overlay h3 {
  font-size: 24px;
}
.class-overlay-container .class-overlay .classes-calendar {
  max-width: 95%;
  margin: 0 auto;
}
.class-overlay-container .class-overlay .classes-calendar ul {
  border: none;
}
.class-overlay-container .class-overlay .overlay-links {
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 38px;
}
.class-overlay-container .class-overlay .overlay-links .close-overlay {
  right: 64px;
  top: 40px;
}

.emailverification h1.emp-header {
  font-size: 42px;
  line-height: 52px;
  letter-spacing: 5px;
  margin-top: 100px;
  margin-bottom: 30px;
}
.emailverification h2.info {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 52px;
  letter-spacing: 4px;
  margin: 60px 0;
}
.emailverification .all-fields {
  margin-top: 35px;
}
.emailverification .forma-submit, .emailverification .formb-submit {
  margin-top: 94px;
}

.thankyou-confirmation .header-content, .thankyou .header-content {
  margin-bottom: -100px;
}
.thankyou-confirmation .white-bg-pd, .thankyou .white-bg-pd {
  padding-top: 50px;
}
.thankyou-confirmation .thanks-head, .thankyou .thanks-head {
  font-size: 42px;
  line-height: 52px;
  letter-spacing: 8px;
  margin-top: 30px;
}

.is-mobile {
  display: none !important;
}

.is-tablet {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

/*# sourceMappingURL=equinox-medium.css.map */
