html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*IMPORT VENDOR LIBRARIES*/
/*!
 * Cropper v0.7.5
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014 Fengyuan Chen
 * Released under the MIT license
 */
.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.cropper-container img {
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
}

.cropper-modal,
.cropper-canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-canvas {
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: .5;
}

.cropper-dragger {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
}

.cropper-viewer {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline-width: 1px;
  outline-style: solid;
  outline-color: #69f;
  outline-color: rgba(51, 102, 255, 0.75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  filter: alpha(opacity=50);
  border: 0 dashed #fff;
  opacity: .5;
}

.cropper-dashed.dashed-h {
  top: 33.3%;
  left: 0;
  width: 100%;
  height: 33.3%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.3%;
  width: 33.3%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: .1;
}

.cropper-face {
  top: 0;
  left: 0;
  cursor: move;
  background-color: #fff;
}

.cropper-line {
  background-color: #69f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  filter: alpha(opacity=75);
  opacity: .75;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  filter: alpha(opacity=0);
  opacity: 0;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75);
    opacity: .75;
  }
}
/* Helper classes for JavaScript */
.cropper-hidden {
  display: none !important;
}

.cropper-invisible {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  filter: alpha(opacity=0);
  opacity: 0;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play {
  border-left: 7px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: inline-block;
  height: 0;
  overflow: hidden;
  width: 0;
}

.icon-arrow-left:after {
  content: "\e60b";
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
}

.icon-arrow-right:after {
  content: "\e60b";
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: block;
}

.icon-dropdown-slim:before {
  content: "\e64e";
}

.icon-right-arrow-slim:before {
  content: "\e64f";
}

.icon-compete:before {
  content: "\e648";
}

.icon-ride:before {
  content: "\e650";
}

.icon-connect:before {
  content: "\e649";
}

.icon-gear-up:before {
  content: "\e64a";
}

.icon-home:before {
  content: "\e64b";
}

.icon-learn:before {
  content: "\e64c";
}

.icon-stats:before {
  content: "\e64d";
}

.icon-horizontal-arrow:before {
  content: "\e645";
}

.icon-vertical-arrow:before {
  content: "\e647";
}

.icon-milestone-3:before {
  content: "\e644";
}

.icon-milestone-1:before {
  content: "\e642";
}

.icon-milestone-2:before {
  content: "\e643";
}

.icon-milestone-locked:before {
  content: "\e646";
}

.icon-pencil:before {
  content: "\e640";
}

.icon-summary:before {
  content: "\e641";
}

.icon-close-slim:before {
  content: "\e63f";
}

.icon-cycling:before {
  content: "\e63e";
}

.icon-star-slim:before {
  content: "\e63d";
}

.icon-filters:before {
  content: "\e63c";
}

.icon-chain:before {
  content: "\e63a";
}

.icon-email:before {
  content: "\e63b";
}

.icon-menu:before {
  content: "\e600";
}

.icon-circle-cta:before {
  content: "\e601";
}

.icon-swipe-left:before {
  content: "\e603";
}

.icon-facebook:before {
  content: "\e604";
}

.icon-pinterest:before {
  content: "\e605";
}

.icon-twitter:before {
  content: "\e606";
}

.icon-youtube:before {
  content: "\e607";
}

.icon-marker:before {
  content: "\e608";
}

.icon-marker-dot:before {
  content: "\e609";
}

.icon-marker-o:before {
  content: "\e60a";
}

.icon-dropdown:before {
  content: "\e60b";
}

.icon-unlocked:before {
  content: "\e60c";
}

.icon-close:before {
  content: "\e60e";
}

.icon-check:before {
  content: "\e60f";
}

.icon-swipe-right:before {
  content: "\e602";
}

.icon-time:before {
  content: "\e610";
}

.icon-right-arrow:before {
  content: "\e613";
}

.icon-class-name:before {
  content: "\e614";
}

.icon-export:before {
  content: "\e615";
}

.icon-left-arrow:before {
  content: "\e616";
}

.icon-workout:before {
  content: "\e617";
}

.icon-search:before {
  content: "\e618";
}

.icon-training:before {
  content: "\e619";
}

.icon-instagram:before {
  content: "\e61a";
}

.icon-collapse-arrow:before {
  content: "\e61b";
}

.icon-calendar:before {
  content: "\e61c";
}

.icon-star:before {
  content: "\e61d";
}

.icon-bike-2:before {
  content: "\e61e";
}

.icon-door:before {
  content: "\e61f";
}

.icon-locked:before {
  content: "\e60d";
}

.icon-lock:before {
  content: "\e620";
}

.icon-twirl:before {
  content: "\e621";
}

.icon-heart:before {
  content: "\e622";
}

.icon-trainer:before {
  content: "\e611";
}

.icon-close-2:before {
  content: "\e623";
}

.icon-phone:before {
  content: "\e624";
}

.icon-plus:before {
  content: "\e625";
}

.icon-minus:before {
  content: "\e626";
}

.icon-loop:before {
  content: "\e629";
}

.icon-shuffle:before {
  content: "\e62a";
}

.icon-retweet:before {
  content: "\e62b";
}

.icon-rotate:before {
  content: "\e62c";
}

.icon-rotate2:before {
  content: "\e62d";
}

.icon-reply:before {
  content: "\e62e";
}

.icon-forward:before {
  content: "\e62f";
}

.icon-envelope:before {
  content: "\e627";
}

.icon-iphone:before {
  content: "\e628";
}

.icon-bookmark:before {
  content: "\e630";
}

.icon-qblog:before {
  content: "\e631";
}

.icon-print:before {
  content: "\e632";
}

.icon-status:before {
  content: "\e612";
}

.icon-star-empty:before {
  content: "\e633";
}

.icon-expand-arrow:before {
  content: "\e634";
}

.icon-schedule:before {
  content: "\e635";
}

.icon-qmag:before {
  content: "\e636";
}

.icon-activity:before {
  content: "\e637";
}

.icon-fat-check:before {
  content: "\e638";
}

.icon-thin-add:before {
  content: "\e639";
}

.icon-list:before {
  content: "\e9bb";
}

.icon-info:before {
  content: "\e651";
}

.icon-thin-minus:before {
  content: "\e652";
}

.icon-furthermore:before {
  content: "\e900";
}

.icon-book-a-class:before {
  content: "\e901";
}

.icon-add-to-calendar:before {
  content: "\e902";
}

.icon-instructor_icon:before {
  content: "\e903";
}

.icon-question-circle:before {
  content: "\e905";
}

@font-face {
  font-family: 'Graphik Web';
  src: url("../fonts/graphik/Graphik-Light-Web.eot");
  src: url("../fonts/graphik/Graphik-Light-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Light-Web.woff") format("woff"), url("../fonts/graphik/Graphik-Light-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-Light-Web.svg#Graphik Web") format("svg");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url("../fonts/graphik/Graphik-LightItalic-Web.eot");
  src: url("../fonts/graphik/Graphik-LightItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-LightItalic-Web.woff") format("woff"), url("../fonts/graphik/Graphik-LightItalic-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-LightItalic-Web.svg#Graphik Web") format("svg");
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url("../fonts/graphik/Graphik-Regular-Web.eot");
  src: url("../fonts/graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Regular-Web.woff") format("woff"), url("../fonts/graphik/Graphik-Regular-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-Regular-Web.svg#Graphik Web") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url("../fonts/graphik/Graphik-RegularItalic-Web.eot");
  src: url("../fonts/graphik/Graphik-RegularItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-RegularItalic-Web.woff") format("woff"), url("../fonts/graphik/Graphik-RegularItalic-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-RegularItalic-Web.svg#Graphik Web") format("svg");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url("../fonts/graphik/Graphik-Semibold-Web.eot");
  src: url("../fonts/graphik/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Semibold-Web.woff") format("woff"), url("../fonts/graphik/Graphik-Semibold-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-Semibold-Web.svg#Graphik Web") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url("../fonts/graphik/Graphik-SemiboldItalic-Web.eot");
  src: url("../fonts/graphik/Graphik-SemiboldItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-SemiboldItalic-Web.woff") format("woff"), url("../fonts/graphik/Graphik-SemiboldItalic-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-SemiboldItalic-Web.svg#Graphik Web") format("svg");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Black';
  src: url("../fonts/graphik/Graphik-Black-Web.eot");
  src: url("../fonts/graphik/Graphik-Black-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Black-Web.woff") format("woff"), url("../fonts/graphik/Graphik-Black-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-Black-Web.svg#Graphik Web") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Medium';
  src: url("../fonts/graphik/Graphik-Medium-Web.eot");
  src: url("../fonts/graphik/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Medium-Web.woff") format("woff"), url("../fonts/graphik/Graphik-Medium-Web.ttf") format("truetype"), url("../fonts/graphik/Graphik-Medium-Web.svg#Graphik Web") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/gotham/hinted-Gotham-Book.eot");
  src: local("Gotham Book"), local("Gotham-Book"), url("../fonts/gotham/hinted-Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/hinted-Gotham-Book.woff2") format("woff2"), url("../fonts/gotham/hinted-Gotham-Book.woff") format("woff"), url("../fonts/gotham/hinted-Gotham-Book.ttf") format("truetype"), url("../fonts/gotham/hinted-Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham/hinted-Gotham-Bold.eot");
  src: local("Gotham Bold"), local("Gotham-Bold"), url("../fonts/gotham/hinted-Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/hinted-Gotham-Bold.woff2") format("woff2"), url("../fonts/gotham/hinted-Gotham-Bold.woff") format("woff"), url("../fonts/gotham/hinted-Gotham-Bold.ttf") format("truetype"), url("../fonts/gotham/hinted-Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham/hinted-Gotham-Medium.eot");
  src: local("Gotham Medium"), local("Gotham-Medium"), url("../fonts/gotham/hinted-Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham/hinted-Gotham-Medium.woff2") format("woff2"), url("../fonts/gotham/hinted-Gotham-Medium.woff") format("woff"), url("../fonts/gotham/hinted-Gotham-Medium.ttf") format("truetype"), url("../fonts/gotham/hinted-Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'VideoJS';
  src: url("../fonts/vjs.eot?#iefix") format("embedded-opentype"), url("../fonts/vjs.woff") format("woff"), url("../fonts/vjs.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.club-detail .container {
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .club-detail .container {
    width: auto;
  }
}
@media (min-width: 1240px) {
  .club-detail .container {
    width: 1240px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.club-detail .container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.club-detail .row {
  margin-left: -20px;
  margin-right: -20px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.club-detail .col-xs-1, .club-detail .col-sm-1, .club-detail .col-md-1, .club-detail .col-lg-1, .club-detail .col-xs-2, .club-detail .col-sm-2, .club-detail .col-md-2, .club-detail .col-lg-2, .club-detail .col-xs-3, .club-detail .col-sm-3, .club-detail .col-md-3, .club-detail .col-lg-3, .club-detail .col-xs-4, .club-detail .col-sm-4, .club-detail .col-md-4, .club-detail .col-lg-4, .club-detail .col-xs-5, .club-detail .col-sm-5, .club-detail .col-md-5, .club-detail .col-lg-5, .club-detail .col-xs-6, .club-detail .col-sm-6, .club-detail .col-md-6, .club-detail .col-lg-6, .club-detail .col-xs-7, .club-detail .col-sm-7, .club-detail .col-md-7, .club-detail .col-lg-7, .club-detail .col-xs-8, .club-detail .col-sm-8, .club-detail .col-md-8, .club-detail .col-lg-8, .club-detail .col-xs-9, .club-detail .col-sm-9, .club-detail .col-md-9, .club-detail .col-lg-9, .club-detail .col-xs-10, .club-detail .col-sm-10, .club-detail .col-md-10, .club-detail .col-lg-10, .club-detail .col-xs-11, .club-detail .col-sm-11, .club-detail .col-md-11, .club-detail .col-lg-11, .club-detail .col-xs-12, .club-detail .col-sm-12, .club-detail .col-md-12, .club-detail .col-lg-12 {
  padding-left: 20px;
  padding-right: 20px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before, .row:before,
.clearfix:after,
.row:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after, .row:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
body {
  color: #000;
  font: 100%/1.3 "Graphik Web", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  min-width: 320px;
  width: 100%;
}

html.noscroll {
  height: 100%;
}
html.noscroll body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
}

body.dark {
  background: #000;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 340px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 340px;
  background-color: #f5f5f5;
}

img {
  width: 100%;
}

strong {
  font-weight: bold;
}

p {
  margin: 0 0 1em;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.title {
  text-align: center;
  font-weight: 400;
  margin: 30px auto;
}
.title strong {
  letter-spacing: .8px;
}

h1 {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
h1 small.small-title {
  display: block;
  font-size: 0.5em;
}

h2 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

h3 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.16em;
  margin: 1.5em 30px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
}

h4 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

h5 {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

h6 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 1em;
  text-transform: uppercase;
}

hr.separator-line {
  border: 0;
  border-top: 1px solid #000;
  height: 0;
  margin: 0 auto;
  max-width: 75px;
}

hr.short {
  width: 10%;
  margin: 0 auto;
}

#revision {
  background: #fff;
  color: #000;
  opacity: 0.3;
  padding: 5px 8px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999999999999;
}
#revision:hover {
  opacity: 1;
}

.module {
  margin-top: 30px;
  padding-top: 20px;
}
.page .module:first-child {
  margin-top: 0;
  padding-top: 0;
}

.page .module:first-child.tpl-leftrightcomposedmodule {
  overflow: hidden;
}

footer {
  margin-top: 30px;
}

.no-gutter, .tpl-classesnearme + .tpl-scheduleavisit, .tpl-spasnearme + .tpl-scheduleavisit, .tpl-fulltabs + .tpl-scheduleavisit, .tpl-splitcallout + .tpl-scheduleavisit, .tpl-articlelist + .tpl-scheduleavisit, .tpl-nearestclub + .tpl-scheduleavisit, .tpl-fulltabs + .tpl-classesnearme, .tpl-spasnearme + .tpl-classesnearme, .tpl-scheduleavisit + .tpl-classesnearme, .tpl-splitcallout + .tpl-classesnearme, .tpl-articlelist + .tpl-classesnearme, .tpl-fulltabs + .tpl-splitcallout, .tpl-spasnearme + .tpl-splitcallout, .tpl-scheduleavisit + .tpl-splitcallout, .tpl-classesnearme + .tpl-splitcallout, .tpl-articlelist + .tpl-splitcallout, .tpl-fulltabs + .tpl-articlelist, .tpl-spasnearme + .tpl-articlelist, .tpl-scheduleavisit + .tpl-articlelist, .tpl-classesnearme + .tpl-articlelist, .tpl-splitcallout + .tpl-articlelist, .tpl-titlecallout + .tpl-login, .tpl-residentialjoinmember + .tpl-submitcallout, .tpl-titlecallout + .tpl-searchbyzip, .tpl-subtitlecallout, .tpl-usertransactionpreviewcallout + .tpl-ctacallout, .tpl-usertransactionpreviewcallout + .tpl-submitcallout, .tpl-classsearch + .tpl-leftrightcomposedmodule, .tpl-leftrightcomposedmodule + .tpl-classsearch, .tpl-leftrightcomposedmodule + .tpl-facebookclasses, .tpl-smallclasssearch + .tpl-facebookclasses, .tpl-facebookclasses + .tpl-leftrightcomposedmodule, .tpl-facebookclasses + .tpl-newfromeq, .tpl-facebookclasses + footer, .profile + footer, .tpl-athleticleveleditor + .tpl-whaticareabouteditor, .tpl-fitnessgoalseditor + .tpl-athleticleveleditor, .home + footer, .tpl-calendarmonthfilter + .tpl-classsearch, .page.calendar + footer, .referrals + footer, .contactus + footer, .tpl-calendarmonthfilter, .tpl-calendarsearch {
  margin-top: 0;
  padding-top: 0;
}

.page .module:first-child + .tpl-textcallout {
  margin-top: 0px;
}

.page.image + footer, .page.wizard + footer, .page.bookabike + footer, .page.search + footer, .page.groupfitness + footer {
  margin-top: 0;
}

.tpl-scheduleavisit:last-child {
  margin-bottom: -30px;
}

.tpl-classesnearme:last-child {
  margin-bottom: -30px;
}

.tpl-splitcallout:last-child {
  margin-bottom: -30px;
}

.tpl-articlelist:last-child {
  margin-bottom: -30px;
}

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

.section-relative {
  position: relative;
}
.section-relative a {
  font-size: 12px;
  text-decoration: underline;
  text-transform: uppercase;
}

.clearfix:before, .row:before,
.clearfix:after,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after, .row:after {
  clear: both;
}

.clear {
  clear: both;
}

.absolute-center, .loading-indicator {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.pad-top-10 {
  padding-top: 10px;
}

.pad-bottom-10 {
  padding-bottom: 10px;
}

.mar-bottom-0 {
  margin-bottom: 0px;
}

.mar-bottom-10 {
  margin-bottom: 10px;
}

.mar-bottom-20 {
  margin-bottom: 20px;
}

.mar-right-20 {
  margin-right: 20px;
}

.loading-indicator {
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 1;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 45px;
  text-align: center;
  border: #fff 1px solid;
  display: inline-block;
  margin: auto;
  width: 254px;
  height: 64px;
}
.loading-indicator.fade-out {
  opacity: 0;
}

.row [class*='col-'] {
  border-bottom: #d0d3d3 1px solid;
  margin-bottom: 18px;
  padding-bottom: 1px;
}
.row [class*='col-'] [class*='col-'] {
  border-bottom: none;
}

.hr-short {
  width: 10%;
  margin: 0 auto;
}

.agreement .collapsible {
  display: none;
}

.loader, .error-message-component {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 210;
  text-align: center;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader-overlay, .error-overlay {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}
.loader-overlay .error-overlay-container, .loader-overlay .loader-overlay-container, .error-overlay .error-overlay-container, .error-overlay .loader-overlay-container {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader.popup, .error-box.popup {
  background: rgba(0, 0, 0, 0.7);
  width: 300px;
  padding: 20px;
  z-index: 100;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.error-box .error-title {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 100%;
}
.error-box .error-description {
  font-size: 10px;
  line-height: 1.5;
  margin: 10px 0 0 0;
}
.error-box.white .error-title, .error-box.btn-mobile-cta .error-title, .error-box.white .error-description, .error-box.btn-mobile-cta .error-description {
  color: #fff;
}

.loader.white .loader-circles, .loader.btn-mobile-cta .loader-circles, .error-box.white .loader-circles, .error-box.btn-mobile-cta .loader-circles, .loader-overlay.white .loader-circles, .loader-overlay.btn-mobile-cta .loader-circles {
  background-color: #fff;
}
.loader.black .loader-circles, .error-box.black .loader-circles, .loader-overlay.black .loader-circles {
  background-color: #000;
}

.loader .loader-circles, .loader-overlay .loader-circles {
  width: 12px;
  height: 12px;
  margin: 0 3px;
  background-color: #ccc;
  border-radius: 100%;
  display: inline-block;
}

.loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.overlay-box {
  color: #fff;
  background-color: #7c878e;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 10;
  width: 300px;
  height: 0;
  padding: 0;
  margin-bottom: 10px;
  opacity: 0;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.overlay-box:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #7c878e;
}
.overlay-box h2 {
  font-size: 12px;
  color: #fff;
}
.overlay-box p {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #fff;
  line-height: 1.6;
  text-transform: uppercase !important;
  max-width: 100% !important;
  margin: 10px 0 0 0 !important;
}
.overlay-box p a {
  text-transform: uppercase;
  text-decoration: underline;
  color: #fff;
}
.overlay-box .icon-close {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px !important;
  color: #c6c6c6 !important;
}
.overlay-box a.button, .overlay-box a.btn-mobile-cta {
  margin: 10px 0 !important;
  padding: 10px 35px !important;
  display: inline-block !important;
}
.overlay-box.active {
  padding: 20px 40px;
  height: auto;
  opacity: 1;
  z-index: 10000000;
  overflow: initial;
  transition: opacity 500ms, height 0;
  -webkit-transition: opacity 500ms, height 0;
  -ms-transition: opacity 500ms, height 0;
}
.overlay-box.is-mobile {
  left: 4%;
  text-align: center;
}

.page-snap-enabled .takeover-module {
  top: 0;
  overflow-y: visible;
}
.page-snap-enabled .takeover-module .icon-close {
  top: 30px;
  right: 0;
}
.page-snap-enabled .takeover-module .takeover-container {
  top: 40px;
  height: 100%;
}

.takeover-module {
  display: none;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.takeover-module .icon-close {
  position: fixed;
  top: 50px;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.takeover-module .takeover-container {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 70%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Fix for tracking img being displayed across the whole site */
img[src^="http://googleads"], img[src^="https://googleads"] {
  display: block;
}

[data-component='plan-terms'] h1 {
  text-align: center;
  margin: 20px 0;
}
[data-component='plan-terms'] .terms-detail {
  width: 95%;
  margin: 0 auto;
}
[data-component='plan-terms'] .CCMSSectionHeading {
  text-align: center;
  margin-bottom: 20px;
}

.autocomplete.focused .autocompleteResults, .autocomplete.focused .autocompleteDropdown {
  display: block;
}

.autocompleteResults, .autocompleteDropdown {
  display: none;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  left: 0;
  top: 44px;
  width: 100%;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
}
.autocompleteResults > li, .autocompleteDropdown > li {
  text-align: left;
}
.autocompleteResults > li:first-child a, .autocompleteDropdown > li:first-child a {
  border-top: 0;
}
.autocompleteResults > li a, .autocompleteDropdown > li a {
  background-color: #7c878e;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0;
  border-top: 1px solid #969fa5;
  margin: 0.5em 2em;
  padding: 1em;
  padding-top: 1.2em;
}
.autocompleteResults > li a:after, .autocompleteDropdown > li a:after {
  font-family: 'icomoon';
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  right: 15px;
}

.autocompleteResults {
  display: none;
}
.autocompleteResults ul li {
  text-align: left;
}
.autocompleteResults ul li a {
  display: block;
  color: #FFF;
  text-transform: uppercase;
  padding: 1em;
  /*margin: 0 15px;*/
  padding-top: 1.2em;
  background-color: #7c878e;
  /*&:after {
  	content: " " !important;
  	width: 15px;
  	height: 15px;
  	position: absolute;
  	z-index: 30;
  	border: #DFDFDF solid 1px;
  }
  */
}
.autocompleteResults .resultFoundAtBeginning li:last-child {
  border-bottom: 1px solid #969FA5;
}

ul.autocompleteDropdown {
  background-color: #7c878e;
}
ul.autocompleteDropdown li a {
  margin: 1.5em 2em;
  padding: 0;
  border: none;
  font-size: 16px;
}
ul.autocompleteDropdown .facility:after,
ul.autocompleteDropdown .item:after {
  content: " " !important;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 30;
  border: #dfdfdf solid 1px;
}
ul.autocompleteDropdown .expand {
  padding-left: 25px;
}
ul.autocompleteDropdown .deepselect {
  width: 15px;
  height: 15px;
  position: absolute;
  top: -21px;
  background-color: transparent !important;
  left: 18px;
}
ul.autocompleteDropdown .deepselect.selected:before {
  left: -14px !important;
}
ul.autocompleteDropdown .deepselect.partial-selected:before {
  left: -12px !important;
}
ul.autocompleteDropdown .deepselect:after {
  content: " " !important;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 30;
  border: #dfdfdf solid 1px;
}
ul.autocompleteDropdown ul[data-region] .deepselect {
  padding-left: 4px !important;
}
ul.autocompleteDropdown ul[data-region] .deepselect.selected:before {
  left: 6px !important;
}

.favorites ul.autocompleteDropdown .facility:after,
.favorites ul.autocompleteDropdown .item:after {
  display: none;
}

body.closed-nav .page {
  padding-top: 0;
}
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.open-links {
  -moz-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
body.closed-nav nav.main .full-wrapper {
  opacity: 0;
}
body.closed-nav nav.main .links-wrapper.is-mobile {
  top: 50px;
}

nav.main-transparent {
  position: fixed;
  width: 60px;
  right: 0;
  height: 50px;
  z-index: 901;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
nav.main-transparent .menu {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 20px;
  width: 18px;
  height: 100%;
  line-height: 50px;
  color: white;
  -moz-transition: top 0.3s;
  -o-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
nav.main-transparent .icon-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 35px;
  float: right;
  width: 18px;
  height: 100%;
  line-height: 50px;
  color: white;
}

nav.logged-in-submenu {
  position: fixed;
  right: 60px;
  top: 0;
  width: 50px;
  height: 50px;
  z-index: 1000;
}
nav.logged-in-submenu a {
  color: #fff;
  position: absolute;
  right: 17px;
  top: 17px;
}
nav.logged-in-submenu a.icon-search {
  display: none;
}
nav.logged-in-submenu.active {
  background: #fff;
}
nav.logged-in-submenu.active a {
  color: #000;
}
nav.logged-in-submenu.active a.icon-thin-add {
  display: none;
}
nav.logged-in-submenu.active a.icon-search {
  display: block;
}

nav.main {
  position: fixed;
  width: 100%;
  height: 50px;
  z-index: 900;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
nav.main .full-wrapper {
  height: 100%;
  *zoom: 1;
  background: #0A0A0A;
  background: #0a0a0a;
  padding: 0 20px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
nav.main .full-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
nav.main.active .full-wrapper {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAADklEQVR4nGNiAAEmHCQAANIAC4JD81sAAAAASUVORK5CYII=');
  background: #000;
}
nav.main .logo {
  float: left;
  width: 130px;
  height: 40px;
  padding-top: 10px;
}
nav.main .logo img {
  width: 100%;
}
nav.main .menu {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 20px;
  width: 18px;
  height: 100%;
  line-height: 50px;
  color: white;
  -moz-transition: top 0.3s;
  -o-transition: top 0.3s;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
nav.main .links-wrapper {
  position: fixed;
  width: 100%;
  height: 0px;
  overflow: hidden;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAADklEQVR4nGNiAAEmHCQAANIAC4JD81sAAAAASUVORK5CYII=');
  background: #000;
  margin: 0 -20px;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
nav.main .links-wrapper.is-mobile {
  top: 0;
  left: 20px;
  width: 100%;
  z-index: 999;
}
nav.main.open-links {
  height: 100%;
}
nav.main.open-links .links-wrapper.is-mobile {
  height: 100%;
}
nav.main.open-links .full-wrapper {
  opacity: 0;
}
nav.main .main-links {
  padding-top: 52px;
}
nav.main .main-links, nav.main .secondary-links {
  z-index: 999;
}
nav.main .main-links li, nav.main .secondary-links li {
  display: block;
  text-align: center;
  margin-bottom: 26px;
}
nav.main .main-links li:last-child, nav.main .secondary-links li:last-child {
  margin-bottom: 33px;
}
nav.main .main-links li a, nav.main .secondary-links li a {
  color: #7A7A7B;
  font-size: 18px;
  letter-spacing: 4.5px;
  font-weight: regular;
  text-transform: uppercase;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
nav.main .main-links li a:hover, nav.main .secondary-links li a:hover {
  color: white;
}
nav.main .main-links li a:active, nav.main .secondary-links li a:active {
  color: white;
}
nav.main .main-links li a.menu-login, nav.main .secondary-links li a.menu-login {
  color: white;
  font-weight: 600;
}
nav.main .main-links li.selected a, nav.main .secondary-links li.selected a {
  color: #cfcfcf;
}
nav.main .links-wrapper.is-mobile {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
nav.main .links-wrapper.is-mobile .member-dropdown {
  text-align: center;
}
nav.main .links-wrapper.is-mobile .member-dropdown:before {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  margin: 30px auto;
  width: 120px;
}
nav.main .links-wrapper.is-mobile .member-dropdown li {
  margin-bottom: 24px;
}
nav.main .links-wrapper.is-mobile .member-dropdown li:first-child {
  margin-top: 34px;
}
nav.main .links-wrapper.is-mobile .member-dropdown li:last-child {
  margin-bottom: 50px;
}
nav.main .links-wrapper.is-mobile .member-dropdown a {
  color: #7A7A7B;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 4.5px;
  text-transform: uppercase;
}

nav.logged-out .member-dropdown, nav.logged-out .user {
  display: none;
}

nav.logged-in .secondary-links a {
  display: none;
}
nav.logged-in .secondary-links a.user {
  display: block;
}

footer {
  background: #000;
  border-top: 1px solid #363636;
}
footer h4 {
  letter-spacing: 2.5px;
  padding: 50px 0 45px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  color: #808080;
}
footer .social-icons {
  text-align: center;
  margin-bottom: 22px;
  padding-top: 40px;
}
footer .social-icons li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 4px;
}
footer .social-icons li a {
  display: block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-top-left-radius: 55px;
  border-top-right-radius: 55px;
  border-bottom-left-radius: 55px;
  border-bottom-right-radius: 55px;
  border-radius: 55px;
  border: 2px solid #303030;
  color: #808080;
  font-size: 1.2em;
  text-align: center;
  text-decoration: none;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
footer .social-icons li a:hover {
  background: #444444;
  color: #fff;
}
footer hr {
  margin: 0;
  border-color: #171717;
}
footer .footer-links {
  letter-spacing: 1.5px;
  text-align: center;
  margin: 0 auto;
  width: 320px;
}
footer .footer-links li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 39px;
  margin: 0 8px;
}
footer .footer-links li a, footer .goto-fullsite {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  color: white;
}
footer .goto-fullsite {
  display: block;
}

.rich-content header {
  background: transparent;
  margin: 0;
  overflow: hidden;
  position: relative;
  min-height: 300px;
}
.rich-content header img {
  display: block;
}
.rich-content header .top-title {
  position: absolute;
  top: 50%;
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: 14px;
  margin-top: -122px;
}
.rich-content header h2 {
  display: table;
  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%);
}
.rich-content header h2 .header-button {
  margin-top: 25px;
}
.rich-content .caption {
  padding: 0 20px;
  padding: 0;
  padding-bottom: 20px;
}
.rich-content .caption p {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 0 0 2em;
  text-align: center;
}
.rich-content .caption nav.buttons a {
  float: none;
  width: auto;
}
.rich-content.fixed {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.rich-content.fixed header {
  background: transparent;
  height: 100%;
}
.rich-content.hide-on-swipe {
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.rich-content.hide-on-swipe.faded-out {
  opacity: 0;
}

.rich-content-title {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 1px solid #fff;
  color: #fff;
  font-size: 22px;
  font-weight: 200;
  line-height: 1;
  margin: 0 auto;
  min-height: 125px;
  padding: 15px 20px;
  text-align: center;
  width: 220px;
}
.rich-content-title span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.rich-content-title span > span {
  display: block;
}
.rich-content-title small {
  display: block;
  font-size: 0.4em;
  font-weight: bold;
  margin: 10px 0;
}
.rich-content-title small:first-child {
  margin-top: 0;
}
.rich-content-title small:last-child {
  margin-bottom: 0;
}
.rich-content-title small.first-line {
  margin-top: 10px;
  text-transform: lowercase;
}
.rich-content-title a {
  color: white;
  display: block;
  font-size: 0.4em;
  font-weight: bold;
  margin: 10px 0;
}

.rich-content.black .rich-content-title {
  color: #080808;
  border-color: #080808;
}

.rich-content-video {
  position: relative;
  overflow: hidden;
}
.rich-content-video header {
  background: #000;
  min-height: 300px;
  z-index: 2;
}
.rich-content-video header h2 {
  min-height: 180px;
}
.rich-content-video header h2 .icon-play {
  display: inline-block;
  margin: 0 7px 0 0;
  position: relative;
  top: 2px;
  vertical-align: top;
}
.rich-content-video .video-container {
  z-index: 1;
}
.rich-content-video .pointer-events-none {
  pointer-events: none;
}

.page.image .rich-content.no-absolute {
  position: static;
  width: auto;
}
.page.image .rich-content.no-absolute.paragraph {
  padding: 0 5%;
}
.page.image .rich-content.no-absolute .title, .page.image .rich-content.no-absolute p {
  color: #000;
}

/*
 *  Core Owl Carousel CSS File
 *  v1.21
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-perspective: 1000;
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.carousel {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none;
  position: relative;
  overflow: hidden;
  min-height: 200px;
}
.carousel:focus {
  outline: none;
}
.carousel.home-main-hero {
  background-color: #000;
}
.carousel header {
  overflow: hidden;
}
.carousel .owl-carousel {
  overflow: hidden;
}
.carousel .swipe-guide {
  left: 50%;
  margin: 0 0 0 -100px;
  position: absolute;
  text-align: center;
  top: 48%;
  width: 200px;
}
.carousel.image-carousel .swipe-guide, .carousel.tabbed-carousel .swipe-guide {
  top: auto;
  bottom: 12%;
}
.carousel.tabbed-carousel nav {
  position: relative;
  text-align: center;
}
.carousel.tabbed-carousel nav .caret {
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #080808;
  border-right: 1px solid #080808;
  content: "";
  display: block;
  height: 18px;
  left: 50%;
  margin: -9px 0 0 -18px;
  position: absolute;
  top: 100%;
  width: 18px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}
.carousel.tabbed-carousel nav a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #cacaca;
  max-width: 120px;
  font-size: 14px;
  line-height: 1.1;
}
.carousel.tabbed-carousel nav a.selected {
  color: #080808;
}
.carousel .content-slider-item header {
  min-height: 250px;
}
.carousel .content-slider-item .caption {
  padding: 0 20px;
}
.carousel .content-slider-item .content-title {
  text-align: center;
  font-size: 14px;
  margin: 1.5em 0 1em;
}
.carousel .content-slider-item p {
  font-size: 14px;
  letter-spacing: 1px;
  margin: 20px auto;
  text-align: center;
  margin: 0 10px;
  text-align: center;
}
.carousel .icon-arrow-left, .carousel .icon-arrow-right {
  display: none;
}

.tabbed-carousel-container .paragraph p {
  font-size: 14px;
  letter-spacing: 1px;
  margin: 10px auto;
  text-align: center;
  margin-bottom: 50px;
}

/* Swipe Guide */
.swipe-guide {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
}
.swipe-guide.black {
  color: #080808;
}
.swipe-guide.black .icon-swipe-left, .swipe-guide.black .icon-swipe-right {
  font-size: 6px;
  color: #080808;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
.swipe-guide .icon-swipe-left, .swipe-guide .icon-swipe-right {
  font-size: 6px;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.black .swipe-guide {
  color: #080808;
}
.black .swipe-guide .icon-swipe-left, .black .swipe-guide .icon-swipe-right {
  color: #080808;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* Styling Pagination*/
.pagination .owl-theme .owl-controls {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  margin-top: -20px;
  text-align: center;
  z-index: 100;
}
.pagination .owl-theme .owl-controls .owl-page {
  display: inline-block;
}
.pagination .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 2px 4px;
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #959595;
}
.pagination .owl-theme .owl-controls .owl-page.active span, .pagination owl-page active
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
}
.pagination .owl-buttons .owl-prev, .pagination .owl-buttons .owl-next {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -3.5px;
  color: #959595;
}
.pagination .owl-buttons .owl-prev {
  margin-left: -6px;
}
.pagination .owl-buttons.buttons-1 .owl-prev {
  -moz-transform: translate(-16px, 0);
  -ms-transform: translate(-16px, 0);
  -webkit-transform: translate(-16px, 0);
  transform: translate(-16px, 0);
}
.pagination .owl-buttons.buttons-1 .owl-next {
  -moz-transform: translate(16px, 0);
  -ms-transform: translate(16px, 0);
  -webkit-transform: translate(16px, 0);
  transform: translate(16px, 0);
}
.pagination .owl-buttons.buttons-2 .owl-prev {
  -moz-transform: translate(-32px, 0);
  -ms-transform: translate(-32px, 0);
  -webkit-transform: translate(-32px, 0);
  transform: translate(-32px, 0);
}
.pagination .owl-buttons.buttons-2 .owl-next {
  -moz-transform: translate(32px, 0);
  -ms-transform: translate(32px, 0);
  -webkit-transform: translate(32px, 0);
  transform: translate(32px, 0);
}
.pagination .owl-buttons.buttons-3 .owl-prev {
  -moz-transform: translate(-48px, 0);
  -ms-transform: translate(-48px, 0);
  -webkit-transform: translate(-48px, 0);
  transform: translate(-48px, 0);
}
.pagination .owl-buttons.buttons-3 .owl-next {
  -moz-transform: translate(48px, 0);
  -ms-transform: translate(48px, 0);
  -webkit-transform: translate(48px, 0);
  transform: translate(48px, 0);
}
.pagination .owl-buttons.buttons-4 .owl-prev {
  -moz-transform: translate(-64px, 0);
  -ms-transform: translate(-64px, 0);
  -webkit-transform: translate(-64px, 0);
  transform: translate(-64px, 0);
}
.pagination .owl-buttons.buttons-4 .owl-next {
  -moz-transform: translate(64px, 0);
  -ms-transform: translate(64px, 0);
  -webkit-transform: translate(64px, 0);
  transform: translate(64px, 0);
}
.pagination .owl-buttons.buttons-5 .owl-prev {
  -moz-transform: translate(-80px, 0);
  -ms-transform: translate(-80px, 0);
  -webkit-transform: translate(-80px, 0);
  transform: translate(-80px, 0);
}
.pagination .owl-buttons.buttons-5 .owl-next {
  -moz-transform: translate(80px, 0);
  -ms-transform: translate(80px, 0);
  -webkit-transform: translate(80px, 0);
  transform: translate(80px, 0);
}
.pagination .owl-buttons.buttons-6 .owl-prev {
  -moz-transform: translate(-96px, 0);
  -ms-transform: translate(-96px, 0);
  -webkit-transform: translate(-96px, 0);
  transform: translate(-96px, 0);
}
.pagination .owl-buttons.buttons-6 .owl-next {
  -moz-transform: translate(96px, 0);
  -ms-transform: translate(96px, 0);
  -webkit-transform: translate(96px, 0);
  transform: translate(96px, 0);
}
.pagination .owl-buttons.buttons-7 .owl-prev {
  -moz-transform: translate(-112px, 0);
  -ms-transform: translate(-112px, 0);
  -webkit-transform: translate(-112px, 0);
  transform: translate(-112px, 0);
}
.pagination .owl-buttons.buttons-7 .owl-next {
  -moz-transform: translate(112px, 0);
  -ms-transform: translate(112px, 0);
  -webkit-transform: translate(112px, 0);
  transform: translate(112px, 0);
}
.pagination .owl-buttons.buttons-8 .owl-prev {
  -moz-transform: translate(-128px, 0);
  -ms-transform: translate(-128px, 0);
  -webkit-transform: translate(-128px, 0);
  transform: translate(-128px, 0);
}
.pagination .owl-buttons.buttons-8 .owl-next {
  -moz-transform: translate(128px, 0);
  -ms-transform: translate(128px, 0);
  -webkit-transform: translate(128px, 0);
  transform: translate(128px, 0);
}
.pagination .owl-buttons.buttons-9 .owl-prev {
  -moz-transform: translate(-144px, 0);
  -ms-transform: translate(-144px, 0);
  -webkit-transform: translate(-144px, 0);
  transform: translate(-144px, 0);
}
.pagination .owl-buttons.buttons-9 .owl-next {
  -moz-transform: translate(144px, 0);
  -ms-transform: translate(144px, 0);
  -webkit-transform: translate(144px, 0);
  transform: translate(144px, 0);
}
.pagination .owl-buttons.buttons-10 .owl-prev {
  -moz-transform: translate(-160px, 0);
  -ms-transform: translate(-160px, 0);
  -webkit-transform: translate(-160px, 0);
  transform: translate(-160px, 0);
}
.pagination .owl-buttons.buttons-10 .owl-next {
  -moz-transform: translate(160px, 0);
  -ms-transform: translate(160px, 0);
  -webkit-transform: translate(160px, 0);
  transform: translate(160px, 0);
}

.challenges .owl-theme .owl-controls .owl-page span {
  width: 11px;
  height: 11px;
  margin: 2px 4px;
  background: #000;
  border: 2px solid #fff;
}

.cards-carousel {
  position: relative;
  color: #000;
  text-align: center;
  min-height: 150px;
}
.cards-carousel .icon-left-arrow, .cards-carousel .icon-right-arrow {
  position: absolute;
  top: 44%;
  font-size: 30px;
  text-decoration: none;
  display: none;
}
.cards-carousel .icon-left-arrow {
  left: 4%;
}
.cards-carousel .icon-right-arrow {
  right: 4%;
}
.cards-carousel .h1 {
  font-size: 35px;
  font-weight: 200;
  margin-bottom: 16px;
}
.cards-carousel .h2 {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 11px;
}
.cards-carousel .h3 {
  font-size: 14px;
}
.cards-carousel .auto-renew-info {
  text-transform: uppercase;
}
.cards-carousel .auto-renew-info a {
  text-transform: uppercase;
  text-decoration: underline;
}
.cards-carousel .auto-renew-info strong {
  display: inline;
}
.cards-carousel .carousel-container {
  position: relative;
}
.cards-carousel .owl-carousel {
  width: 94%;
  margin: 0 auto;
}
.cards-carousel .owl-carousel .item {
  border: #fefefe 1px solid;
  color: #000;
  border: #ccc 1px solid;
  margin: 0 10%;
  font: 100%/1.3 "Graphik Web", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
}
.cards-carousel .owl-carousel .item .circle {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 500px;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
  margin: 30px auto 30px auto;
  text-align: center;
  padding-bottom: 0;
}
.cards-carousel .owl-carousel .item .circle span {
  font-size: 13px;
  display: block;
  margin-top: 12px;
}
.cards-carousel .owl-carousel .item .circle span small {
  display: block;
  font-size: 11px;
}
.cards-carousel .owl-carousel .item .circle i {
  font-size: 38px;
  line-height: 36px;
  display: block;
}
.cards-carousel .owl-carousel .item .circle strong {
  font-weight: bold;
  display: block;
}
.cards-carousel .owl-carousel .item p {
  line-height: 21px;
  max-width: 80%;
  margin: 0 auto 16px auto;
}
.cards-carousel .owl-carousel .item p span {
  display: block;
}
.cards-carousel .owl-carousel .item a {
  color: #000;
}
.cards-carousel .owl-carousel .item ul.inline-list li {
  display: inline;
}
.cards-carousel .owl-carousel .item ul.inline-list li a {
  display: inline-block;
}
.cards-carousel .owl-carousel .item ul li {
  margin-bottom: 12px;
  display: block;
}
.cards-carousel .owl-carousel .item ul li span {
  font-size: 12px;
  display: inline-block;
  margin-right: 3px;
}
.cards-carousel .owl-carousel .item ul li span.icon-rotate {
  font-size: 18px;
}
.cards-carousel .owl-carousel .item ul li span.icon-envelope {
  font-size: 16px;
}
.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: 11px;
}
.cards-carousel.single-item .item {
  border: none;
  padding: 0;
  max-width: none;
}

.spa-layout a:hover {
  cursor: pointer;
}
.spa-layout > [class*='module-'] {
  display: none;
}
.spa-layout .page.loading {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.v2 {
  color: #666;
  font-size: 14px;
    /*
    Header Container

    Headline used for pages with forms

    Markup:
    <header class="header-container">
        <h1>Add Card</h1>
        <p>This amount will be charged.</p>
    </header>

    Styleguide 10.1.1
    */
}
.v2 p {
  color: #666;
}
.v2 .error {
  color: red;
}
.v2 .limit-width {
  max-width: 60%;
  margin: 0 auto;
}
.v2 .page.white a, .v2 .page.btn-mobile-cta a {
  color: white;
}
.v2 .page.white a.white, .v2 .page.btn-mobile-cta a.white, .v2 .page.white a.btn-mobile-cta, .v2 .page.btn-mobile-cta a.btn-mobile-cta {
  color: black !important;
  text-decoration: none;
}
.v2 .page.black a {
  color: black;
}
.v2 .page.black a.facebook-id {
  text-transform: uppercase;
  font-weight: bold;
  color: #3B5999;
}
.v2 .page.black a.black {
  color: white !important;
  text-decoration: none;
}
.v2 .header-container {
  background: #000;
  border-top: 1px solid #676767;
  color: #fff;
  padding: 28px 24px;
  text-align: center;
  margin-bottom: 50px;
}
.v2 .header-container h1 {
  font-size: 26px;
  font-weight: 200;
  margin-bottom: 10px;
  letter-spacing: 10px;
}
.v2 .header-container p {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}
.v2 .connected-block {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  font-size: 13px;
}
.v2 .connected-block .connected-label {
  letter-spacing: 2.3px;
  font-weight: bold;
  display: inline;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  color: #000;
  font-size: 14px;
}
.v2 .connected-block .icon-question-circle {
  color: #7d888e !important;
  cursor: help;
}
.v2 .connected-block .tootip-connected {
  position: relative;
}
.v2 .connected-block .tool-tip-show {
  visibility: visible !important;
}
.v2 .connected-block .tootip-text {
  visibility: hidden;
  position: absolute;
  background-color: #7c878e;
  width: 200px;
  height: 90px;
  color: #fff;
  padding: 10px;
  top: -120px;
  left: -145px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  transition: all .25s ease-out;
  transform: translateY(10px);
  pointer-events: none;
  letter-spacing: normal;
  font-size: 13px;
  text-transform: uppercase;
  text-align: left;
  font-family: 'Graphik Web';
  line-height: 16px;
  z-index: 990;
  display: block;
}
.v2 .connected-block .activate-connected-btn {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 1.2em 1.5em;
  position: relative;
  text-align: center;
  width: 250px;
  text-transform: uppercase;
  color: white !important;
  background: #000;
  cursor: pointer;
  margin: 20px auto;
  display: block;
}
.v2 .connected-block .connected-link-label {
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  line-height: 30px;
  margin: 0;
}
.v2 .connected-block .connected-link-label a {
  font-size: 12px;
}
.v2 .connected-block .connected-val {
  padding-top: 10px;
  letter-spacing: 2.3px;
  margin: 0;
}
.v2 .membership-price {
  display: block;
  text-align: center;
  font-size: 12px;
}
.v2 .membership-price strong {
  font-size: 16px;
}
.v2 .middle-wrapper {
  vertical-align: middle;
  width: 100%;
}
.v2 .middle-wrapper h3 {
  max-width: 280px;
  font-size: 32px;
  margin-bottom: 0.8em;
  margin: 0 auto;
}
.v2 .middle-wrapper h3 small {
  margin-bottom: 20px;
  margin: 0 auto;
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
.v2 .middle-wrapper .description {
  max-width: 280px;
  font-size: 14px;
  text-align: center;
  margin: 0 auto;
}
.v2 .middle-wrapper .description a {
  text-transform: uppercase;
}
.v2 .agreement .flip-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  display: inline-block;
}

.connected-code-block {
  color: black;
  font-size: 13px;
}
.connected-code-block .btn-style, .connected-code-block .con-info-block .submitbtn, .connected-code-block .con-info-block .cancelbtn {
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  border-width: 1px;
  border-style: solid;
  padding: 1.2em 1.5em;
  box-sizing: border-box;
  border-color: #080808;
  font-family: "Graphik Web", sans-serif;
  cursor: hand;
  cursor: pointer;
}
.connected-code-block p {
  color: black;
  margin: 0;
}
.connected-code-block p.error-msg {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
.connected-code-block p.server-side-msg {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
.connected-code-block p.user-code-val, .connected-code-block p.pin-code-val {
  margin-bottom: 30px;
}
.connected-code-block .error {
  color: red;
}
.connected-code-block .page.white a, .connected-code-block .page.btn-mobile-cta a {
  color: white;
}
.connected-code-block .page.white a.white, .connected-code-block .page.btn-mobile-cta a.white, .connected-code-block .page.white a.btn-mobile-cta, .connected-code-block .page.btn-mobile-cta a.btn-mobile-cta {
  color: black !important;
  text-decoration: none;
}
.connected-code-block .page.black a {
  color: black;
}
.connected-code-block .page.black a.black {
  color: white !important;
  text-decoration: none;
}
.connected-code-block .header-container {
  background: #000;
  border-top: 1px solid #676767;
  color: #fff;
  padding: 28px 24px;
  text-align: center;
  margin-bottom: 50px;
}
.connected-code-block .header-container h1 {
  font-size: 26px;
  font-weight: 200;
  margin-bottom: 10px;
  letter-spacing: 10px;
}
.connected-code-block .header-container p {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}
.connected-code-block .connected-code-descrpt {
  width: 60%;
  text-align: center;
  margin: 0 auto 60px auto;
  letter-spacing: 2.3px;
  line-height: 26px;
}
.connected-code-block .con-info-block {
  margin: 0 auto 64px auto;
  text-align: left;
  letter-spacing: 4px;
  font-size: 13px;
  line-height: 27px;
}
.connected-code-block .con-info-block .pin-label {
  letter-spacing: 2.3px;
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  padding-right: 10px;
}
.connected-code-block .con-info-block .code-label {
  letter-spacing: 2.3px;
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  padding-right: 10px;
}
.connected-code-block .con-info-block .pin-req-label {
  color: #7d888e;
  padding-right: 10px;
}
.connected-code-block .con-info-block .code-req-label {
  color: #7d888e;
  padding-right: 10px;
}
.connected-code-block .con-info-block .recommend-label {
  padding-top: 20px;
}
.connected-code-block .con-info-block .connected-btn-blk {
  margin-top: 20px;
}
.connected-code-block .con-info-block .submitbtn {
  width: 100%;
  float: none;
  height: 56px;
  background: #000;
  color: #fff;
}
.connected-code-block .con-info-block .cancelbtn {
  width: 100%;
  height: 56px;
  background: #fff;
  color: #000;
}
.connected-code-block .narrow {
  width: 70%;
}
.connected-code-block .narrow h6 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2.3px;
  margin: 0;
  padding-bottom: 10px;
}
.connected-code-block .narrow fieldset {
  margin-bottom: 20px;
}

.info-block {
  margin: 0 auto 64px auto;
  text-align: center;
  letter-spacing: 4px;
  font-size: 13px;
  line-height: 27px;
}
.info-block > div h6 {
  margin-bottom: 0;
}
.info-block > div p {
  letter-spacing: 4px;
}
.info-block > div a {
  font-size: 12px;
  text-decoration: underline;
  text-transform: uppercase;
}

.presentation-table .row [class*='col-'] .col-padding a {
  display: block;
  text-align: center;
}

.settings-table {
  font-size: 14px;
  text-align: center;
}
.settings-table .row {
  border-top: none;
  padding: 7% 7% 5% 7%;
  border-bottom: #d0d3d3 1px solid;
}
.settings-table .row [class*='col-'] {
  height: auto !important;
}
.settings-table .row [class*='col-'] .col-padding {
  height: auto !important;
}
.settings-table .row h3 {
  font-size: 28px;
  text-align: center;
  padding: 0;
  margin: 0;
  font-weight: 100;
}
.settings-table .row p {
  color: #666;
}
.settings-table .row .btn-mobile-cta {
  margin-bottom: 10%;
}
.settings-table .row .col-1-2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}

.white .settings-table .row, .btn-mobile-cta .settings-table .row,
.black .settings-table .row {
  border-top: none;
}

.three-points-table {
  color: #666;
  line-height: 135%;
}
.three-points-table .row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  border: none;
}
.three-points-table .row h3 {
  font-weight: 200;
  font-size: 28px;
  text-align: center;
  margin-top: 4%;
  margin-bottom: 8%;
  line-height: 130%;
}
.three-points-table .row [class*='col-'] {
  height: auto !important;
  border: none;
}
.three-points-table .row [class*='col-'] .col-padding {
  padding-left: 6%;
  padding-right: 6%;
  border: none;
  width: auto !important;
  height: auto !important;
  border: none;
}
.three-points-table .row [class*='col-'] .col-padding img {
  width: auto;
  margin-bottom: 7%;
}
.three-points-table .row [class*='col-'] .col-padding h4 {
  margin-bottom: 4%;
  font-size: 14px;
  line-height: 140%;
}

.circle {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #ddd;
}

.bubbles-grid li {
  margin-bottom: 14%;
}
.bubbles-grid li img {
  margin-bottom: 4%;
}
.bubbles-grid li p {
  text-align: center;
  padding: 0 10%;
}
.bubbles-grid li p a {
  display: inline-block;
}

.pthorizontal ul .article-hero {
  padding: 12% 10% 6% 10%;
}

.centered-copy {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

.dtm-pt-science-based-results .module-3col-points h3.title {
  margin-bottom: 38px;
}
.dtm-pt-science-based-results .module-3col-points p {
  line-height: 25px;
}
.dtm-pt-science-based-results .module-3col-points .row {
  padding-bottom: 0;
}
.dtm-pt-science-based-results .module-3col-points .row [class*='col-'] {
  border: none;
  padding-bottom: 0;
  margin-bottom: 76px;
}
.dtm-pt-science-based-results .module-3col-points .row [class*='col-'] .col-padding {
  width: auto;
}

/**
 * Backbone.Modal Styles Start Here
 */
/* Modal positioning */
.bbm-wrapper {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  padding: 50px 10px;
  overflow-x: auto;
  overflow-y: scroll;
}

.bbm-wrapper * {
  box-sizing: border-box;
}

.bbm-modal {
  border-radius: 3px;
  margin: auto;
  width: auto;
  max-width: 550px;
}

.bbm-views {
  width: 100%;
  box-sizing: border-box;
}

.bbm-wrapper {
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: background-color 0.3s;
}

.bbm-modal {
  background: white;
  color: #000;
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.9);
}
.bbm-modal a {
  color: #000;
}

.page.purchase .bbm-modal a {
  color: #000;
}

/* BLOCKS */
.bbm-modal__topbar,
.bbm-modal__bottombar {
  padding: 0 30px;
}

.bbm-modal__topbar > ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}

.bbm-modal__tab {
  display: inline-block;
  padding: 15px 10px;
}

.bbm-modal__tab a {
  font-weight: bold;
  color: #999999;
}

.bbm-modal__tab a:hover, .bbm-modal__tab a.active {
  color: #222222;
}

.bbm-modal__title {
  padding: 20px 0 19px;
  margin: 0;
  font-weight: normal;
  color: #312d3a;
}

.bbm-modal__section {
  padding: 0 30px 30px 30px;
  margin-top: 0px;
  color: #575656;
}

.bbm-modal__section p {
  color: #575656;
}

.bbm-modal__section p:last-child {
  padding: 0;
  margin-bottom: 0;
}

.bbm-modal__section a {
  color: #ff643c;
}

.bbm-modal__section h3 {
  margin: 0;
}

.bbm-modal__bottombar {
  padding: 18px;
  text-align: right;
  margin-top: 30px;
}

/* MODULES */
.bbm-group {
  content: "";
  display: table;
  clear: both;
}

.bbm-button {
  display: inline-block;
  color: rgba(49, 45, 58, 0.8);
  text-decoration: none;
  font-weight: 500;
  position: relative;
  padding: 10px 14px;
  border-radius: 3px;
  background: #fcfcfc;
  background-image: -o-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%);
  background-image: -moz-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%);
  background-image: -webkit-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%);
  background-image: -ms-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%);
  background-image: linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.bbm-button.inactive {
  opacity: 0.5;
  pointer-events: none;
}

.bbm-button:active {
  background-image: -o-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%);
  background-image: -moz-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%);
  background-image: -webkit-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%);
  background-image: -ms-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%);
  background-image: linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%);
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}

/* ANIMATIONS */
/* Open modal */
@-webkit-keyframes bbm-open {
  0% {
    -webkit-transform: matrix(0.99126, 0, 0, 0.99126, 0, 43.8813);
    opacity: 0.1259;
  }
  4% {
    -webkit-transform: matrix(0.99295, 0, 0, 0.99295, 0, 45.06809);
    opacity: 0.29544;
  }
  8% {
    -webkit-transform: matrix(0.99467, 0, 0, 0.99467, 0, 46.26922);
    opacity: 0.46703;
  }
  12% {
    -webkit-transform: matrix(0.99619, 0, 0, 0.99619, 0, 47.33355);
    opacity: 0.61908;
  }
  16% {
    -webkit-transform: matrix(0.99743, 0, 0, 0.99743, 0, 48.19991);
    opacity: 0.74284;
  }
  20% {
    -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.86067);
    opacity: 0.83724;
  }
  24% {
    -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33658);
    opacity: 0.90523;
  }
  28% {
    -webkit-transform: matrix(0.99952, 0, 0, 0.99952, 0, 49.66049);
    opacity: 0.9515;
  }
  32% {
    -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8675);
    opacity: 0.98107;
  }
  36% {
    -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98966);
    opacity: 0.99852;
  }
  40% {
    -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05361);
    opacity: 1.00766;
  }
  44% {
    -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.08);
    opacity: 1.01143;
  }
  48% {
    -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08394);
    opacity: 1.01199;
  }
  52% {
    -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07589);
    opacity: 1.01084;
  }
  56% {
    -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06265);
    opacity: 1.00895;
  }
  60% {
    -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04833);
    opacity: 1.0069;
  }
  64% {
    -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03518);
    opacity: 1.00503;
  }
  68% {
    -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02421);
    opacity: 1.00346;
  }
  72% {
    -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01567);
    opacity: 1.00224;
  }
  76% {
    -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00941);
    opacity: 1.00134;
  }
  80% {
    -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00506);
    opacity: 1.00072;
  }
  84% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223);
    opacity: 1.00032;
  }
  88% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005);
    opacity: 1.00007;
  }
  92% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956);
    opacity: 0.99994;
  }
  96% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99913);
    opacity: 0.99988;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
    opacity: 1;
  }
}
.bbm-modal--open {
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: bbm-open;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  -webkit-transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
}

/* Open a stacked modal */
@-webkit-keyframes bbm-stacked {
  0% {
    -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187);
    opacity: 0.93705;
  }
  4% {
    -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192);
    opacity: 0.85228;
  }
  8% {
    -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078);
    opacity: 0.76648;
  }
  12% {
    -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645);
    opacity: 0.69046;
  }
  16% {
    -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009);
    opacity: 0.62858;
  }
  20% {
    -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933);
    opacity: 0.58138;
  }
  24% {
    -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342);
    opacity: 0.54739;
  }
  28% {
    -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951);
    opacity: 0.52425;
  }
  32% {
    -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325);
    opacity: 0.50946;
  }
  36% {
    -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034);
    opacity: 0.50074;
  }
  40% {
    -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639);
    opacity: 0.49617;
  }
  44% {
    -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001);
    opacity: 0.49429;
  }
  48% {
    -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606);
    opacity: 0.494;
  }
  52% {
    -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411);
    opacity: 0.49458;
  }
  56% {
    -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736);
    opacity: 0.49553;
  }
  60% {
    -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167);
    opacity: 0.49655;
  }
  64% {
    -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482);
    opacity: 0.49749;
  }
  68% {
    -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579);
    opacity: 0.49827;
  }
  72% {
    -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433);
    opacity: 0.49888;
  }
  76% {
    -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059);
    opacity: 0.49933;
  }
  80% {
    -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494);
    opacity: 0.49964;
  }
  84% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777);
    opacity: 0.49984;
  }
  88% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995);
    opacity: 0.49996;
  }
  92% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044);
    opacity: 0.50003;
  }
  96% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088);
    opacity: 0.50006;
  }
  100% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43);
    opacity: 0.5;
  }
}
.bbm-modal--stacked {
  -webkit-animation-duration: 0.43333s;
  -webkit-animation-name: bbm-stacked;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  -webkit-transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
}

/* Close a stacked modal */
@-webkit-keyframes bbm-stacked-reverse {
  0% {
    -webkit-transform: matrix(0.99123, 0, 0, 0.99123, 0, 43.86266);
    opacity: 0.56162;
  }
  4% {
    -webkit-transform: matrix(0.99293, 0, 0, 0.99293, 0, 45.05306);
    opacity: 0.64665;
  }
  8% {
    -webkit-transform: matrix(0.99465, 0, 0, 0.99465, 0, 46.25785);
    opacity: 0.7327;
  }
  12% {
    -webkit-transform: matrix(0.99618, 0, 0, 0.99618, 0, 47.32543);
    opacity: 0.80896;
  }
  16% {
    -webkit-transform: matrix(0.99742, 0, 0, 0.99742, 0, 48.19443);
    opacity: 0.87103;
  }
  20% {
    -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.8572);
    opacity: 0.91837;
  }
  24% {
    -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33456);
    opacity: 0.95247;
  }
  28% {
    -webkit-transform: matrix(0.99951, 0, 0, 0.99951, 0, 49.65946);
    opacity: 0.97568;
  }
  32% {
    -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8671);
    opacity: 0.99051;
  }
  36% {
    -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98963);
    opacity: 0.99926;
  }
  40% {
    -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05377);
    opacity: 1.00384;
  }
  44% {
    -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08024);
    opacity: 1.00573;
  }
  48% {
    -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08419);
    opacity: 1.00601;
  }
  52% {
    -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07612);
    opacity: 1.00544;
  }
  56% {
    -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06284);
    opacity: 1.00449;
  }
  60% {
    -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04848);
    opacity: 1.00346;
  }
  64% {
    -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03529);
    opacity: 1.00252;
  }
  68% {
    -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02428);
    opacity: 1.00173;
  }
  72% {
    -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01572);
    opacity: 1.00112;
  }
  76% {
    -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00944);
    opacity: 1.00067;
  }
  80% {
    -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00508);
    opacity: 1.00036;
  }
  84% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223);
    opacity: 1.00016;
  }
  88% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005);
    opacity: 1.00004;
  }
  92% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956);
    opacity: 0.99997;
  }
  96% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99912);
    opacity: 0.99994;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
    opacity: 1;
  }
}
.bbm-modal--stacked-reverse {
  -webkit-animation-duration: 0.43333s;
  -webkit-animation-name: bbm-stacked-reverse;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  -webkit-transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
}

/* Close a modal */
@-webkit-keyframes bbm-close {
  0% {
    -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187);
    opacity: 0.8741;
  }
  4% {
    -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192);
    opacity: 0.70456;
  }
  8% {
    -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078);
    opacity: 0.53297;
  }
  12% {
    -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645);
    opacity: 0.38092;
  }
  16% {
    -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009);
    opacity: 0.25716;
  }
  20% {
    -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933);
    opacity: 0.16276;
  }
  24% {
    -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342);
    opacity: 0.09477;
  }
  28% {
    -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951);
    opacity: 0.0485;
  }
  32% {
    -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325);
    opacity: 0.01893;
  }
  36% {
    -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034);
    opacity: 0.00148;
  }
  40% {
    -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639);
    opacity: -0.00766;
  }
  44% {
    -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001);
    opacity: -0.01143;
  }
  48% {
    -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606);
    opacity: -0.01199;
  }
  52% {
    -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411);
    opacity: -0.01084;
  }
  56% {
    -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736);
    opacity: -0.00895;
  }
  60% {
    -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167);
    opacity: -0.0069;
  }
  64% {
    -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482);
    opacity: -0.00503;
  }
  68% {
    -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579);
    opacity: -0.00346;
  }
  72% {
    -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433);
    opacity: -0.00224;
  }
  76% {
    -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059);
    opacity: -0.00134;
  }
  80% {
    -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494);
    opacity: -0.00072;
  }
  84% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777);
    opacity: -0.00032;
  }
  88% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995);
    opacity: -7e -5;
  }
  92% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044);
    opacity: 6.0e-05;
  }
  96% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088);
    opacity: 0.00012;
  }
  100% {
    -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43);
    opacity: 0;
  }
}
.bbm-modal--close {
  -webkit-animation-duration: 0.43333s;
  -webkit-animation-name: bbm-close;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  -webkit-transform-origin: 50% 50%;
  -webkit-backface-visibility: hidden;
}

.bbm-centered-text {
  text-align: center;
}
.bbm-centered-text .bbm-modal__section p {
  text-align: center;
}

.bbm-modal .button.small, .bbm-modal .small.btn-mobile-cta {
  display: block;
}
.bbm-modal .button.small.black:not(.todo), .bbm-modal .small.black.btn-mobile-cta:not(.todo) {
  color: white;
}
.bbm-modal a {
  cursor: pointer;
}

/**
 * Backbone.Modal Styles End Here
 */
nav.buttons {
  *zoom: 1;
}
nav.buttons:after {
  content: "";
  display: table;
  clear: both;
}
nav.buttons a {
  display: block;
  float: left;
  letter-spacing: 0.22em;
  line-height: 1.3;
  padding: 1em 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
nav.buttons a.inline {
  display: inline-block;
  float: none;
  padding-left: 1em;
  padding-right: 1em;
  width: auto;
}
nav.buttons a.half-button {
  width: 50%;
}
nav.buttons a.third-button {
  width: 33.33%;
}
nav.buttons a.quarter-button {
  width: 25%;
}

.button-container {
  padding: 1.3em 0;
  margin-top: 30px;
}
.button-container.centered {
  text-align: center;
}
.button-container.bottom-space {
  margin-bottom: 15px;
}
.button-container.no-space {
  padding: 0;
  margin-top: 0;
}
.button-container.no-margin {
  margin-top: 0;
}
.button-container.block {
  padding: 0;
  margin: 0 auto;
}
.button-container.block .button.box, .button-container.block .btn-mobile-cta {
  display: block !important;
}

.button, .btn-mobile-cta {
  font-family: "Graphik Web", sans-serif;
  cursor: hand;
  cursor: pointer;
}
.button.white, .btn-mobile-cta {
  border-color: #080808;
  background: #fff;
  color: #080808;
}
.button.white.no-border, .no-border.btn-mobile-cta {
  border-color: #fff;
}
.button.black, .black.btn-mobile-cta {
  border-color: #080808;
  background: #080808;
  color: #fff;
}
.button.black.white-border, .black.white-border.btn-mobile-cta {
  border-color: #fff;
}
.button.cta, .cta.btn-mobile-cta {
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
.button.cta span, .cta.btn-mobile-cta span {
  display: block;
  font-size: 52px;
}
.button.small, .small.btn-mobile-cta {
  font-size: 11px;
  font-weight: bold;
  padding: 1.4em 0;
}
.button.ex-small, .ex-small.btn-mobile-cta {
  padding: 1.25em;
}
.button.header-button, .header-button.btn-mobile-cta {
  border-width: 1px;
  border-style: solid;
  padding: 1.2em 1.5em;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  border-color: #fff;
  color: #fff;
}
.button.box, .btn-mobile-cta {
  border-width: 1px;
  border-style: solid;
  padding: 1.2em 1.5em;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.button.box.small, .small.btn-mobile-cta {
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
.button.fat, .fat.btn-mobile-cta {
  display: inline-block;
  padding: 1.5em 3em;
}
.button.fat.black, .fat.black.btn-mobile-cta {
  border: 1px solid #4a4a4a;
}
.button.tab-trigger, .tab-trigger.btn-mobile-cta {
  border-width: 1px;
  border-style: solid;
  padding: 1.2em 1.5em;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
  border-left-width: 0;
  border-right-width: 0;
  display: block;
  margin: -1px 0 0;
  position: relative;
}
.button.tab-trigger.active:after, .tab-trigger.active.btn-mobile-cta:after {
  background: #fff;
  border-bottom: 1px solid #080808;
  border-right: 1px solid #080808;
  content: "";
  display: block;
  height: 18px;
  left: 50%;
  margin: -9px 0 0 -9px;
  position: absolute;
  top: 100%;
  width: 18px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.button.inline, .inline.btn-mobile-cta {
  display: inline-block;
}
.button.bottom-space, .bottom-space.btn-mobile-cta {
  margin-bottom: 15px;
}
.button.transparent, .transparent.btn-mobile-cta {
  background: transparent;
}
.button.transparent.black, .transparent.black.btn-mobile-cta {
  border: 1px solid;
  color: #000;
}
.button.transparent.white, .transparent.btn-mobile-cta {
  border: 1px solid;
  color: #fff;
}

.button-group {
  text-align: center;
  margin-bottom: 4%;
}

.btn-mobile-cta {
  width: 100%;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
}

form {
  overflow: hidden;
  margin: 0 auto;
  max-width: 480px;
  padding: 0 15px;
  font-family: 'Graphik Web';
  font-weight: 200;
}
form.simple-form.spa-member-upgrade input[type=text] {
  text-align: left;
  color: #fff;
  border-color: #fff;
}
form.simple-form.spa-member-upgrade .button, form.simple-form.spa-member-upgrade .btn-mobile-cta {
  border: none;
  margin: 0.5% 0;
}
form.simple-form .checkbox-replacement {
  border: 2px solid #000;
  border: 2px solid rgba(0, 0, 0, 0.5);
}
form.white, form.btn-mobile-cta {
  color: white;
}
form.black {
  color: black;
}
form hr {
  border-top: none;
  border-bottom: 1px solid;
}
form.personal-information fieldset label {
  font-weight: normal;
  letter-spacing: 0.14em;
}
form fieldset {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 99%;
  min-width: 0;
}
form fieldset > label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
form fieldset.center {
  text-align: center;
}
form a {
  color: inherit;
  text-transform: uppercase;
  text-decoration: underline;
}
form a.button, form a.btn-mobile-cta {
  text-decoration: none;
}
form .form-section {
  overflow: hidden;
  margin-top: 30px;
}
form .separator {
  margin: 10px 0;
  text-align: center;
}
form .title {
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Graphik Web', sans-serif;
}
form input {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
form input + input {
  border-top: none !important;
}
form a.button.box, form a.btn-mobile-cta, form .button.box, form .btn-mobile-cta {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
form.white .button, form.btn-mobile-cta .button, form.white .btn-mobile-cta, form.btn-mobile-cta .btn-mobile-cta {
  boder-color: #fff !important;
}
form.white input[type="text"], form.btn-mobile-cta input[type="text"], form.white input[type="password"], form.btn-mobile-cta input[type="password"], form.white input[type="tel"], form.btn-mobile-cta input[type="tel"], form.white input[type="email"], form.btn-mobile-cta input[type="email"], form.white input[type="number"], form.btn-mobile-cta input[type="number"] {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
form.white input::-webkit-input-placeholder, form.btn-mobile-cta input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.5);
}
form.white input:-moz-placeholder, form.btn-mobile-cta input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.5);
}
form.white input::-moz-placeholder, form.btn-mobile-cta input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
form.white input:-ms-input-placeholder, form.btn-mobile-cta input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.5);
}
form.medium {
  max-width: 640px;
}
form.large {
  max-width: 820px;
}
form.large .title {
  font-size: 24px;
}
form.large fieldset {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding: 0 5px;
}
form.large fieldset.full {
  width: 100%;
}
form.large fieldset.three-quarter {
  width: 65%;
}
form.large fieldset.half {
  width: 50%;
}
form.large fieldset.half-medium {
  width: 100%;
}
form.large fieldset.quarter {
  width: 35%;
}
form.large fieldset.fieldset-row {
  float: none;
  clear: both;
  width: 100%;
}
form.large fieldset.fieldset-row legend, form.large fieldset.fieldset-row .title {
  font-weight: bold;
}
form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #1a1a1a;
  border: 0;
  display: block;
  color: #fff;
  font-family: 'Graphik Web', sans-serif;
  font-size: 16px;
  min-height: 120px;
  padding: 15px 20px;
  resize: none;
  text-transform: uppercase;
  width: 100%;
}
form textarea.description {
  background: #FFFFFF;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
}
form textarea.mixedCase {
  text-transform: none;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGP6zwCDTAxwQJAJAPqHBQbZLUDgAAAAAElFTkSuQmCC');
  background: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  border-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  display: block;
  width: 100%;
  height: 56px;
  border: 1px solid #080808;
  margin: 0px auto;
  padding: 14px 30px;
  color: #080808;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Graphik Web';
  font-weight: 200;
  font-size: 20px;
  outline: none;
}
input[type="text"].white, input[type="text"].btn-mobile-cta, input[type="password"].white, input[type="password"].btn-mobile-cta, input[type="tel"].white, input[type="tel"].btn-mobile-cta, input[type="email"].white, input[type="email"].btn-mobile-cta, input[type="number"].white, input[type="number"].btn-mobile-cta {
  border-color: #fff;
  color: #fff;
}
input[type="text"].error, input[type="password"].error, input[type="tel"].error, input[type="email"].error, input[type="number"].error {
  border-color: red !important;
}
input[type="text"]::-webkit-outer-spin-button, input[type="password"]::-webkit-outer-spin-button, input[type="tel"]::-webkit-outer-spin-button, input[type="email"]::-webkit-outer-spin-button, input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="text"]::-webkit-inner-spin-button, input[type="password"]::-webkit-inner-spin-button, input[type="tel"]::-webkit-inner-spin-button, input[type="email"]::-webkit-inner-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="password"] {
  text-transform: none;
}

input[type="text"]::-ms-clear, input[type="password"]::-ms-reveal {
  display: none;
}

input[type="button"], input[type="submit"], button {
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #000;
  background: transparent;
  padding: 0.8em 1em;
}

.dropdown {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  min-width: 50px;
  height: 56px;
  line-height: 56px;
  border: 1px solid #080808;
  margin: 0px auto;
  background: transparent;
  color: #080808;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Graphik Web';
  font-weight: 200;
  font-size: 20px;
  outline: none;
  /* Fix for DPLAT-4898 */
}
.dropdown + .dropdown {
  border-left: none;
}
.dropdown.inline {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: auto;
}
.dropdown.half {
  float: left;
  width: 50%;
}
.dropdown.quarter {
  float: left;
  width: 25%;
}
.dropdown.sports {
  height: auto;
}
.dropdown select {
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-transform: capitalize;
}
.dropdown .option {
  color: #fff;
}
.dropdown .option.open:after {
  display: inline-block;
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.dropdown .option:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
  content: "\e60b";
  font-size: 16px;
  float: right;
  margin-right: 6px;
  height: 0;
}

form.white .dropdown, form.btn-mobile-cta .dropdown {
  border-color: #fff;
  color: #fff;
}
form.black .dropdown {
  border-color: #080808;
  color: #080808;
}
form.black .dropdown .option {
  color: #080808;
}
form .dropdown.error {
  border-color: red;
  color: red;
}

.checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.checkbox input {
  display: none;
}
.checkbox.inline .checkbox-replacement {
  border: 0;
}
.checkbox.checked .checkbox-replacement:before {
  display: block;
}
.checkbox.error .checkbox-replacement {
  border-color: red !important;
}
.checkbox.small .checkbox-replacement {
  border: 1px solid rgba(255, 255, 255, 0.5);
  height: 10px;
  margin-top: 5px;
  width: 10px;
}
.checkbox.small .checkbox-replacement:before {
  font-size: 24px;
  top: -1px;
  left: -6px;
}
.checkbox.small .span {
  font-size: 12px;
}
.checkbox .checkbox-replacement {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  margin-top: -2px;
  border: 2px solid #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0);
  cursor: pointer;
}
.checkbox .checkbox-replacement:before {
  display: none;
  position: absolute;
  font-size: 38px;
  top: -12px;
  left: -10px;
}
.checkbox .label {
  display: block;
  margin-left: 26px;
  font-size: 14px;
  letter-spacing: 2px;
}

form.white .checkbox-replacement, form.btn-mobile-cta .checkbox-replacement {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
}
form.black .checkbox-replacement {
  border-color: rgba(0, 0, 0, 0.5);
  color: #080808;
}

.radio {
  display: block;
  margin: 0 0 20px;
}
.radio.inline {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 15px 10px;
}
.radio input[type="radio"] {
  display: none;
}
.radio.selected .radio-replacement:after {
  display: block;
}
.radio.error .radio-replacement {
  border-color: red !important;
}
.radio .radio-replacement {
  border: 1px solid gray;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  position: relative;
  top: 4px;
  width: 16px;
}
.radio .radio-replacement:after {
  background: #fff;
  border-radius: 10px;
  content: '';
  display: none;
  height: 6px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 6px;
}
.radio .label {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.extra {
  text-align: center;
  font-size: 14px;
}
.extra a {
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 14px;
}

form.forms-spa {
  margin-top: 40px;
}
form.forms-spa input[type="radio"] {
  -webkit-appearance: radio;
  box-sizing: border-box;
}
form.forms-spa .fancy-switch {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
form.forms-spa .fancy-switch .switch-label {
  font-size: 27px;
  font-weight: 200;
}
form.forms-spa .fancy-switch .switch-label::before {
  content: attr(data-on);
}
form.forms-spa .fancy-switch .switch-label::after {
  content: "/" attr(data-off);
}
form.forms-spa .fancy-switch .switch-label.off::before {
  color: #ddd;
}
form.forms-spa .fancy-switch .switch-label.off::after {
  color: #333;
}
form.forms-spa .fancy-switch .switch-label.on::before {
  color: #333;
}
form.forms-spa .fancy-switch .switch-label.on::after {
  color: #ddd;
}
form.forms-spa .select-wrapper {
  max-width: 100%;
}
form.forms-spa .collapsible {
  padding-top: 10px;
  display: none;
}
form.forms-spa .expiration-date .select-wrapper {
  width: 50%;
  float: left;
}
form.forms-spa .expiration-date .select-wrapper.date {
  display: none;
}
form.forms-spa .disabled {
  border-color: #444;
}
form.forms-spa .disabled .option {
  color: #444;
}
form.forms-spa fieldset {
  padding: 0;
}
form.forms-spa fieldset div[data-error] {
  font-size: 14px;
  margin: 4px 0;
}
form.forms-spa fieldset > div {
  box-sizing: border-box;
  width: 100%;
  padding: 0 5px;
  margin-bottom: 15px;
  float: left;
}
form.forms-spa fieldset > div.quarter {
  width: 50%;
}
form.forms-spa fieldset label {
  margin-bottom: 4px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.16em;
}
form.forms-spa fieldset.static-fieldset {
  margin-bottom: 10px;
}
form.forms-spa fieldset.static-fieldset div {
  margin-bottom: 0;
}
form.forms-spa fieldset.phone-fields > div > div label {
  display: none;
}
form.forms-spa fieldset.phone-fields > div > div:nth-child(3) .fancy-select {
  opacity: 0;
}
form.forms-spa fieldset.weight-field {
  overflow: hidden;
}
form.forms-spa fieldset.weight-field > fieldset {
  float: left;
}
form.forms-spa fieldset.weight-field > fieldset:nth-child(1) {
  width: 80%;
}
form.forms-spa fieldset.weight-field > fieldset:nth-child(2) {
  width: 10%;
}
form.forms-spa fieldset.weight-field .weight-unit {
  padding-top: 40px;
  padding-left: 10px;
}
form.forms-spa fieldset.measure-unit-field label, form.forms-spa fieldset.gender-field label {
  display: none;
}
form.forms-spa fieldset.measure-unit-field li, form.forms-spa fieldset.gender-field li {
  display: inline-block;
}
form.forms-spa fieldset.measure-unit-field li label, form.forms-spa fieldset.gender-field li label {
  display: inline;
}
form.forms-spa fieldset.membership-agreement-fields {
  margin-top: 0;
}
form.forms-spa fieldset .agreement {
  line-height: 140%;
  padding: 8px;
}
form.forms-spa hr {
  border: none;
  border-bottom: #ddd 1px solid;
  margin-bottom: 40px;
}
form.forms-spa .form-error {
  text-align: center;
  padding-bottom: 18px;
}
form.forms-spa .error {
  color: red;
}
form.forms-spa .error input[type="text"],
form.forms-spa .error input[type="password"] {
  border: 1px solid red;
}
form.forms-spa .error .dropdown,
form.forms-spa .error .checkbox-replacement {
  border-color: red;
}
form.forms-spa .error .dropdown > .option,
form.forms-spa .error .checkbox-replacement > .option {
  color: red;
}
form.forms-spa .error .checkbox a {
  color: red !important;
}
form.forms-spa .error p[data-error] {
  font-size: 12px;
  margin: 10px 0;
}

.wizard.step1 form fieldset input {
  height: 77px;
  font-weight: 200;
}

.onboarding .join-schedule-form fieldset textarea {
  margin-top: 40px;
}

.toggle {
  font-size: 27px;
  font-weight: 200;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  color: #ddd;
}
.toggle i, .toggle b {
  transition: color 0.5s;
  -moz-transition: color 0.5s;
  /* Firefox 4 */
  -webkit-transition: color 0.5s;
  /* Safari and Chrome */
  -o-transition: color 0.5s;
  /* Opera */
}
.toggle.off i {
  color: #ccc;
}
.toggle.off b {
  color: #333;
}
.toggle.on i {
  color: #333;
}
.toggle.on b {
  color: #ccc;
}

.billing-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  position: fixed;
}
.billing-overlay .popup {
  left: 0;
  top: 80px;
  z-index: 2;
  color: #000;
  margin: 0 auto;
  max-width: 100%;
  min-height: 200px;
  position: relative;
  background: #efefef;
  padding: 30px 30px 10px;
}
.billing-overlay .popup h2 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 15px;
}
.billing-overlay .popup .icon-close {
  top: 20px;
  right: 20px;
  cursor: pointer;
  position: absolute;
}
.billing-overlay .popup .button-container {
  margin-top: 0;
  text-align: center;
}
.billing-overlay .popup .button-container .button, .billing-overlay .popup .button-container .btn-mobile-cta {
  width: 50%;
}
.billing-overlay .overlay {
  position: fixed;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}

.columns-layout h1 {
  max-width: 70%;
}
.columns-layout .cta-wrapper {
  text-align: center;
}
.columns-layout.text-only ul {
  max-width: none;
}
.columns-layout.text-only ul .column p {
  text-align: center;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 20px auto;
  text-align: center;
}
.columns-layout .column, .columns-layout .big-circle-column {
  width: 100%;
}
.columns-layout .column img, .columns-layout .big-circle-column img {
  display: block;
  width: 75px;
  height: 75px;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
  border-radius: 500px;
  margin: 20px auto;
}
.columns-layout .column .content, .columns-layout .big-circle-column .content {
  padding: 0 10px;
}
.columns-layout .column .content .title, .columns-layout .column .content p, .columns-layout .column .content .content-wrapper, .columns-layout .big-circle-column .content .title, .columns-layout .big-circle-column .content p, .columns-layout .big-circle-column .content .content-wrapper {
  text-align: center;
  margin: 0 auto;
}
.columns-layout .column .content .title, .columns-layout .big-circle-column .content .title {
  font-weight: bold;
  font-size: 1em;
  margin: 5px auto;
}
.columns-layout .column .content p, .columns-layout .column .content .content-wrapper, .columns-layout .big-circle-column .content p, .columns-layout .big-circle-column .content .content-wrapper {
  font-size: 14px;
  letter-spacing: 1px;
  margin: 20px auto;
  text-align: center;
  font-size: 12px;
  margin: 10px auto;
}
.columns-layout .column .content .content-wrapper ul li, .columns-layout .big-circle-column .content .content-wrapper ul li {
  line-height: 21px;
}
.columns-layout .column .content .content-wrapper ul li:first-child, .columns-layout .big-circle-column .content .content-wrapper ul li:first-child {
  font-weight: 700;
}
.columns-layout .big-circle-column img {
  border: 1px solid #b3b3b3;
}

.grid-container {
  *zoom: 1;
  width: 100%;
}
.grid-container:after {
  content: "";
  display: table;
  clear: both;
}
.grid-container .column {
  display: block;
  float: left;
}
.grid-container .column.half {
  width: 50%;
}

.dropdown-component {
  border-bottom: 1px solid #b3b3b3;
  display: inline-block;
  padding: 3px 20px 3px 3px;
  position: relative;
}
.dropdown-component:after {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 0;
  top: 13px;
  width: 7px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dropdown-component.expanded li {
  display: block;
}
.dropdown-component li {
  display: none;
}
.dropdown-component li.active {
  display: block;
}

.page.club-detail .rich-content header h2 small.firts-line {
  text-transform: lowercase;
}
.page.club-detail .columns-layout ul .big-circle-column {
  margin-bottom: 36px;
}

.subregion-list {
  *zoom: 1;
  padding: 20px 0;
}
.subregion-list:after {
  content: "";
  display: table;
  clear: both;
}
.subregion-list .subrerion-title {
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
}

.club-list {
  *zoom: 1;
  background-color: #ccc;
  padding-bottom: 20px;
}
.club-list:after {
  content: "";
  display: table;
  clear: both;
}
.club-list ul {
  padding: 20px;
}
.club-list ul li {
  box-sizing: border-box;
  padding: 0 20px;
  min-height: 75px;
  background-color: white;
  text-align: center;
  margin: 10px;
}
.club-list ul li .icon-dropdown {
  transform: scaleY(-1);
}
.club-list ul li.collapsed .club-body, .club-list ul li.collapsed .icon-close {
  display: none;
}
.club-list ul li.collapsed .icon-dropdown {
  transform: scaleY(1);
}

.club-location {
  position: relative;
  *zoom: 1;
  border: 1px solid black;
  border-left: none;
  border-right: none;
}
.club-location:after {
  content: "";
  display: table;
  clear: both;
}
.club-location.club-map-marker-detail {
  display: none;
  position: absolute;
  width: 284px;
  top: 10px;
  right: 10px;
  background-color: white;
  padding: 10px;
  z-index: 9999;
}
.club-location.club-map-marker-detail .club-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative;
}
.club-location.club-map-marker-detail .club-body {
  margin-bottom: 0;
}
.club-location.club-location-region {
  border: none;
}
.club-location .icon-close,
.club-location .icon-dropdown {
  position: absolute;
  right: -8px;
  top: 27%;
}
.club-location .icon-dropdown {
  font-size: 32px;
  font-weight: bold;
}
.club-location .club-title {
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  margin: 0;
  padding: 20px 0;
  position: relative;
}
.club-location .club-title .clubStatus {
  display: block;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
}
.club-location .club-body {
  margin-bottom: 20px;
}
.club-location .club-detail .club {
  padding: 5%;
  text-align: center;
}
.club-location .club-detail .club p, .club-location .club-detail .club h1 {
  margin: 4px 0;
}
.club-location .club-detail .club p {
  font-size: 12px;
  letter-spacing: 1px;
}
.club-location .club-detail .club h1 {
  font-size: 30px;
  font-weight: normal;
}
.club-location .club-detail .club hr {
  max-width: 40px;
  border-bottom: 0;
  border-color: #000;
  margin: 20px auto;
}
.club-location .club-detail .club a {
  text-decoration: underline;
}
.club-location .club-detail .club a.icon-close, .club-location .club-detail .club a.icon-dropdown {
  text-decoration: none;
}
.club-location .club-detail .club-hours {
  padding: 0 5%;
  margin: 30px 0;
}
.club-location .club-detail .club-hours hr {
  max-width: 40px;
  border-bottom: 0;
  border-color: #000;
  margin: 30px auto;
}
.club-location .club-detail .club-hours .period {
  margin: 16px 0;
  *zoom: 1;
}
.club-location .club-detail .club-hours .period:after {
  content: "";
  display: table;
  clear: both;
}
.club-location .club-detail .club-hours .period span {
  font-size: 14px;
  display: block;
  text-align: center;
}
.club-location .club-detail .club-hours .period span.day-name {
  text-transform: uppercase;
}
.club-location .club-detail .club-hours .box.button, .club-location .club-detail .club-hours .btn-mobile-cta {
  max-width: 55%;
  margin: 30px auto;
}
.club-location .club-detail .classPdfLink {
  padding: 15px 0;
  display: block;
  text-decoration: underline;
}
.club-location .map-container {
  background: #000;
}
.club-location .map-container .custom-marker {
  width: 300px;
}
.club-location .map-container .custom-marker.active {
  margin: 0;
}
.club-location .map-container .custom-marker h5 {
  font-size: 20px;
}

.page > div.tpl-titlecallout:not(:first-child),
.page > div.tpl-htmlcallout:not(:first-child),
.page > div.tpl-imagecarousel:not(:first-child),
.html-callout + .club-finder.module {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.club-detail .module {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 25px;
}
.club-detail .module:last-child {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.club-detail .module #lead-page-wrapper {
  margin-bottom: -40px;
  border-bottom: 0px solid #fff;
}
.club-detail .module #lead-page-wrapper .row > div {
  opacity: 1 !important;
}
.club-detail .module.dtm-club-module-header {
  margin-top: 36px;
}
.club-detail .module.dtm-club-module-header .module-header {
  height: auto;
}
.club-detail .row {
  border: 0;
}
.club-detail .row [class*='col-'] {
  border: 0;
}
.club-detail .service-list {
  font-size: 14px;
  margin-top: -5px;
  line-height: 24px;
  letter-spacing: 2px;
}
.club-detail .service-list h6 {
  line-height: 20px;
  margin-bottom: 6px;
  letter-spacing: 2px;
}
.club-detail .service-list ul {
  margin-left: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.club-detail .club-info h6 {
  letter-spacing: 0;
  margin-bottom: 2px;
  text-transform: none;
}
.club-detail .club-info p {
  font-size: 14px;
  margin-bottom: 22px;
}
.club-detail .club-info p small {
  font-size: 12px;
}
.club-detail .club-info .button, .club-detail .club-info .btn-mobile-cta {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-bottom: 5px solid #000;
}
.club-detail .club-info .button.black, .club-detail .club-info .black.btn-mobile-cta {
  letter-spacing: 3px;
}
.club-detail .club-info .club-highlights {
  padding-top: 5px;
  margin-bottom: 10px;
}
.club-detail .club-info .club-highlights .highlight-items {
  width: 100%;
  display: table;
}
.club-detail .club-info .club-highlights li {
  font-size: 14px;
  line-height: 24px;
  margin-left: 16px;
  margin-bottom: 6px;
  letter-spacing: 2px;
  text-transform: uppercase;
  list-style-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzMiA3OS4xNTkyODQsIDIwMTYvMDQvMTktMTM6MTM6NDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyRjg3RDlCQUJDRjExRTZCMERDOENFRjMxQ0MxRUQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyRjg3RDlDQUJDRjExRTZCMERDOENFRjMxQ0MxRUQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDJGODdEOTlBQkNGMTFFNkIwREM4Q0VGMzFDQzFFRDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDJGODdEOUFBQkNGMTFFNkIwREM4Q0VGMzFDQzFFRDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAIAAoDAREAAhEBAxEB/8QAXwABAQAAAAAAAAAAAAAAAAAACAkBAQAAAAAAAAAAAAAAAAAAAAAQAAAEAggHAAAAAAAAAAAAABQVFhcAGSETowQFJQcnZ9cYOGgpOREBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Aspre2Tra19eDozNl3ist5kQ6tb48vbLy2zrITsOHfdTUVwxa7ekkA+vdT4J9ifFD6CckbaA//9k=);
}
.club-detail .club-info .club-highlights li:nth-child(odd) {
  margin-right: 0;
}
.club-detail .club-info .about-club {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #EFEFEF;
}
.club-detail .club-info .about-club h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 12px;
  letter-spacing: 4px;
  font-family: 'Graphik Medium';
}
.club-detail .club-info .about-club p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 11px;
}
.club-detail .club-info .about-club .button, .club-detail .club-info .about-club .btn-mobile-cta {
  width: 232px;
  margin-top: 7px;
  border-bottom: 0;
  display: inline-block;
  padding: 16px 0 15px;
}
.club-detail .club-info .club-address {
  line-height: 20px;
  margin-bottom: 30px;
}
.club-detail .club-info .club-address .time-slot {
  width: 100%;
  display: table;
}
.club-detail .club-info .club-address .time-slot time {
  float: left;
  text-transform: uppercase;
}
.club-detail .club-info .club-address .time-slot strong,
.club-detail .club-info .club-address .time-slot span {
  float: left;
  clear: left;
  margin-right: 4px;
}
.club-detail .club-info .club-address .button, .club-detail .club-info .club-address .btn-mobile-cta {
  display: inline-block;
}
.club-detail .club-info .club-address .amenities-links {
  clear: both;
  margin: 20px 0 17px;
}
.club-detail .club-info .club-address .amenities-links li a {
  font-size: 14px;
  text-transform: capitalize;
  border-bottom: 2px solid #000;
}
.club-detail .upcoming-classes ul {
  margin-bottom: 25px;
}
.club-detail .upcoming-classes ul li {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.club-detail .upcoming-classes h4 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 24px;
  letter-spacing: 4px;
  font-weight: normal;
  font-family: 'Graphik Medium';
}
.club-detail .upcoming-classes strong {
  display: block;
}
.club-detail .upcoming-classes time {
  display: block;
}
.club-detail .upcoming-classes .button, .club-detail .upcoming-classes .btn-mobile-cta {
  line-height: 20px;
  padding: 12px 22px;
  letter-spacing: 3px;
  display: inline-block;
}
.club-detail .weekly-class-count .content {
  text-align: center;
}
.club-detail .weekly-class-count #category-id {
  border: 5px solid #000;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.club-detail .weekly-class-count #category-id:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.club-detail .weekly-class-count #category-id .inner-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.club-detail .weekly-class-count #category-id .inner-content .content {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.club-detail .weekly-class-count #category-id .inner-content .content .title {
  font-size: 70px;
  margin: 0;
  letter-spacing: 2px;
  font-family: 'Graphik Medium';
  font-weight: normal;
  line-height: 1;
}
.club-detail .weekly-class-count #category-id .inner-content .content p {
  font-size: 14px;
  letter-spacing: 2px;
  margin: 10px 0 0 0;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

a.underline {
  text-decoration: underline;
}
a.underline:hover {
  text-decoration: none;
}

.feature-info .tier-x-logo {
  width: auto;
  margin-bottom: 19px;
}
.classSportsClub .feature-info .tier-x-logo {
  margin-bottom: 10px;
}
.feature-info.right-bottom-overlapped, .feature-info.left-bottom-overlapped {
  min-height: 157px;
  margin-top: -16%;
}
.feature-block .feature-info.right-bottom-overlapped, .feature-block .feature-info.left-bottom-overlapped {
  padding: 20px;
  background: #fff;
  position: static;
}
.feature-info.right-bottom-overlapped .description, .feature-info.left-bottom-overlapped .description {
  line-height: 20px !important;
}
.feature-info.right-bottom-overlapped .header, .feature-info.left-bottom-overlapped .header {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  font-family: 'Graphik Medium';
  margin-bottom: 24px !important;
  letter-spacing: 4px !important;
}
.feature-info.center-middle {
  top: 50%;
  left: 50%;
  width: 180px;
  height: 150px;
  display: table;
  position: absolute;
  text-align: center;
  margin: -75px -90px;
  box-sizing: border-box;
}
.feature-info.center-middle .table-cell {
  display: table-cell;
  vertical-align: middle;
}
.feature-info.center-middle .description {
  display: none;
}
.feature-block .feature-info.center-middle .title {
  text-align: center;
}
.feature-block .feature-info.center-middle .header {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 4px;
  font-family: 'Graphik Medium';
}
.feature-info.right-bottom {
  background: #fff !important;
}
@media (max-width: 767px) {
  .feature-block .feature-info.right-bottom {
    padding: 20px 0;
  }
}
.feature-block .feature-info.right-bottom .header {
  font-size: 30px;
  line-height: 30px;
}
.feature-info .service-hours {
  width: 100%;
  display: table;
}
.feature-info .service-hours p {
  margin-bottom: 0;
}
.feature-info .service-hours dl {
  font-size: 14px;
}
.feature-info .service-hours dl dt {
  float: left;
  clear: both;
  min-width: 104px;
  font-weight: 600;
  line-height: 20px;
  margin-right: 4px;
  margin-bottom: 3px;
}
.feature-info .service-hours dl dd {
  float: left;
  line-height: 20px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.feature-info .service-hours dl dd:last-child {
  margin-bottom: 0;
}
.feature-block .feature-info {
  padding: 10px;
  background: rgba(255, 255, 255, 0.85);
}
.feature-block .feature-info .button, .feature-block .feature-info .btn-mobile-cta {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  letter-spacing: 2px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-bottom: 3px solid #000;
}
.feature-block .feature-info .button:after, .feature-block .feature-info .btn-mobile-cta:after {
  content: "";
  height: 11px;
  display: block;
}
.feature-block .feature-info .title {
  color: #7D888E;
  font-size: 12px;
  margin-top: 0px;
  font-weight: 600;
  text-align: left;
  line-height: 20px;
  margin-bottom: 0px;
  letter-spacing: 2px;
}
.feature-block .feature-info .header {
  margin-bottom: 10px;
  letter-spacing: 2px;
}
.feature-block .feature-info .description {
  font-size: 14px;
  line-height: 20px;
}

.explore_membership_options {
  font-size: 14px;
  min-height: 200px;
  padding: 30px 24px;
  box-sizing: border-box;
}
.explore_membership_options.black {
  color: #fff;
  background: #000;
}
.explore_membership_options.black .button, .explore_membership_options.black .btn-mobile-cta {
  color: #000;
  background: #fff;
}
.explore_membership_options .header {
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: 'Graphik Medium';
}
.classSportsClub .explore_membership_options .header {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 5px;
}
.explore_membership_options .description {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 26px;
}
.explore_membership_options .button, .explore_membership_options .btn-mobile-cta {
  color: #fff;
  width: 232px;
  display: block;
  padding: 13px 0;
  font-size: 14px;
  font-weight: 600;
  background: #000;
  line-height: 20px;
  text-align: center;
  letter-spacing: 3px;
  margin: 90px auto 0;
  text-transform: uppercase;
}

.classSportsClub .upcoming-overlapping {
  margin-bottom: 21px !important;
}
.classSportsClub .feature-info.right-bottom-overlapped .description, .classSportsClub .feature-info.left-bottom-overlapped .description {
  line-height: 20px !important;
}
.classSportsClub .feature-info.right-bottom-overlapped .header, .classSportsClub .feature-info.left-bottom-overlapped .header {
  margin-bottom: 18px !important;
}
.classSportsClub .club-detail .module-header, .classSportsClub .club-detail .stickModuleHeader .module-header {
  font-family: 'BodoniStd';
  font-size: 30px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 5px;
  color: #000000;
  font-weight: normal;
  transition: all .5s;
}
.classSportsClub .explore_membership_options .header {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 4px;
  font-family: 'BodoniStd';
}
.classSportsClub .feature-block .feature-info .header {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 11px;
  font-weight: normal;
  font-family: 'BodoniStd';
  letter-spacing: 4px !important;
}
.classSportsClub .feature-block .feature-info .descreption {
  margin-bottom: 12px;
}
.classSportsClub .feature-block .feature-info .button, .classSportsClub .feature-block .feature-info .btn-mobile-cta {
  line-height: 20px;
}

.social-module-footer,
.social-module-footer-copy {
  left: 0;
  right: 0;
  width: 100%;
  z-index: 899;
  min-height: 75px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
  text-align: center;
  letter-spacing: 2px;
  padding: 14px 0 15px;
  background-color: #fff;
  box-sizing: border-box;
  border-top: 1px solid #d8d8d8;
  box-shadow: 0 -1px 2px #dedede;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  transition: position 0.05s ease-out;
}
.social-module-footer p,
.social-module-footer-copy p {
  margin: 0;
}
.social-module-footer #follow,
.social-module-footer-copy #follow {
  font-size: 12px;
  color: #7D888E;
  margin-bottom: 6px;
}
.social-module-footer #eqx,
.social-module-footer-copy #eqx {
  font-size: 12px;
}
.social-module-footer .slash,
.social-module-footer-copy .slash {
  font-size: 12px;
  margin: 0px 8px;
  font-weight: bold;
  color: #7D888E;
}
.social-module-footer.stick-bottom,
.social-module-footer-copy.stick-bottom {
  position: fixed;
  bottom: 0;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

.club-detail.has-highlights .module:last-child {
  padding-bottom: 40px;
}

.desktop-image, .hero-image-sports-club .rich-content header img.desktop-image,
.tablet-image,
.hero-image-sports-club .rich-content header img.tablet-image, .large-image, .hero-image-sports-club .rich-content header img.large-image {
  display: none;
}

.mobile-image, .hero-image-sports-club .rich-content header img.mobile-image {
  display: block;
}

.upcoming-event .title {
  color: #7D888E;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin: 0px auto;
  text-align: left;
  text-transform: uppercase;
}
.upcoming-event .header {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 18px;
  letter-spacing: 2px;
  font-weight: normal;
  font-family: "Bodoni Std";
  text-transform: uppercase;
}
.upcoming-event .description {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 20px;
}
.upcoming-event .app-link {
  font-size: 12px;
  color: #000000;
}
.upcoming-event .button, .upcoming-event .btn-mobile-cta {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  letter-spacing: 2px;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-bottom: 3px solid #000;
  padding-bottom: 1px !important;
}
.upcoming-event .image-box {
  margin-bottom: 30px !important;
}
.upcoming-event .text-box {
  margin-bottom: 30px !important;
  padding-left: 0;
}

.see-all-events {
  width: 200px;
  display: block;
  font-size: 14px;
  padding: 14px 0;
  font-weight: 600;
  text-align: center;
  letter-spacing: 3px;
  margin: 0 auto !important;
  text-transform: uppercase;
}

.club-redesign-hero-image.rich-content header h2 {
  top: 73%;
  left: 76%;
  background-color: #FFFFFF;
}
.club-redesign-hero-image.rich-content .rich-content-title {
  font-family: "Bodoni Std";
  font-size: 50px;
  line-height: 50px;
  letter-spacing: 8px;
  color: #000000;
}
.club-redesign-hero-image.rich-content .rich-content-title span {
  text-align: left;
  padding-left: 15px;
}

.hero-image-sports-club .swipe-guide {
  display: none !important;
}
.classSportsClub .hero-image-sports-club {
  margin: 10px;
}
.classSportsClub .hero-image-sports-club .rich-content header {
  max-height: 640px;
}
.hero-image-sports-club .feature-info {
  right: 0;
  padding: 10px 0 0;
  position: relative !important;
}
.hero-image-sports-club .feature-info .header {
  color: #000000;
  font-size: 34px;
  line-height: 34px;
  font-family: "Bodoni Std";
  letter-spacing: 5px !important;
}
.hero-image-sports-club .feature-info .title {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 2px;
  color: #7D888E;
}
.hero-image-sports-club.pagination .owl-buttons .owl-next,
.hero-image-sports-club.pagination .owl-buttons .owl-prev {
  display: none;
}
.hero-image-sports-club .icon-right-arrow {
  font-size: 28px;
}
.hero-image-sports-club .icon-left-arrow {
  font-size: 28px;
}

.for-fitness-club {
  left: 0;
  top: 45%;
  right: 0;
  display: block;
  text-align: center;
  position: absolute;
}
.for-fitness-club .header {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 5px;
  font-family: 'Graphik Medium';
}

.for-sports-club {
  display: none;
}

.classSportsClub .for-fitness-club {
  display: none;
}
.classSportsClub .for-sports-club {
  display: block;
}

.module-header {
  height: 42px;
  color: #ced7d7;
  margin: 0 auto;
  font-size: 42px;
  line-height: 42px;
  text-align: center;
  letter-spacing: 8px;
  font-weight: normal;
  font-family: 'Graphik Medium';
}

.stickModuleHeader {
  opacity: 0;
  transform-origin: top;
  transition: transform 1s ease;
  color: #ced7d7;
  font-size: 42px;
  text-align: center;
  background: #fff;
  padding: 0;
  line-height: 42px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 899;
  letter-spacing: 8px;
  font-family: 'Graphik Medium';
}
.stickModuleHeader.changed {
  opacity: 1;
}
.classSportsClub .stickModuleHeader {
  font-family: 'BodoniStd';
  color: #000;
}

.holiday-hours {
  font-size: 14px;
}
.holiday-hours h4 {
  font-size: 14px;
}

.mob-tab-margin-bottom-20-40 {
  margin-bottom: 20px;
}

.stacked-element-left,
.stacked-element-right {
  width: 50%;
  box-sizing: border-box;
}

.stacked-element-left {
  float: left;
  padding-right: 20px;
}

.stacked-element-right {
  float: left;
  padding-left: 20px;
}

.summersweepstakes .row {
  border: none;
}
.summersweepstakes .row [class*='col-'] {
  border: none;
}
.summersweepstakes .about-summer-sweeps {
  margin-top: 37px;
  text-align: center;
}
.summersweepstakes .about-summer-sweeps h1 {
  font-size: 26px;
  line-height: 41px;
  margin-bottom: 26px;
  letter-spacing: 3px;
}
.summersweepstakes .about-summer-sweeps p {
  font-size: 14px;
  margin-bottom: 35px;
}
.summersweepstakes .feature-info .error-description {
  color: #ff0000;
}
.summersweepstakes .feature-info a {
  text-decoration: underline;
}
.summersweepstakes .feature-info .header {
  text-align: center;
}
.summersweepstakes .feature-info .actionView {
  min-height: 98px;
}
.summersweepstakes .feature-info .actionView .error-loader {
  height: 66px;
  position: relative;
}
.summersweepstakes .feature-info .actionView .thank-you-msg {
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 3px;
}
.summersweepstakes .feature-info .actionView .thank-you-msg p {
  font-size: 18px;
  line-height: 34px;
}
.summersweepstakes .feature-info .actionView .opt-in,
.summersweepstakes .feature-info .actionView .thank-you-msg {
  display: none;
}
.summersweepstakes .feature-info.right-bottom-overlapped {
  margin-top: 0;
}
.summersweepstakes .feature-info .loginRequired {
  top: 30px;
  left: 27px;
  z-index: 9;
  display: none;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  letter-spacing: 3px;
}
.summersweepstakes .feature-info p {
  font-size: 14px;
}
.summersweepstakes .feature-info ul {
  margin-left: 27px;
}
.summersweepstakes .feature-info li {
  font-size: 14px;
  margin-bottom: 14px;
  list-style-type: disc;
}
.summersweepstakes .feature-info label {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: inline-block;
}
.summersweepstakes .feature-info label.required {
  color: #ff0000;
}
.summersweepstakes .feature-info label.required a {
  color: #ff0000;
}
.summersweepstakes .feature-info .button, .summersweepstakes .feature-info .btn-mobile-cta {
  width: 100%;
  display: block;
  padding: 17px !important;
  border-bottom: none !important;
}
.summersweepstakes .feature-info .button:disabled, .summersweepstakes .feature-info .btn-mobile-cta:disabled {
  opacity: .5;
}
.summersweepstakes .winnerPrizes {
  margin-top: 55px;
  text-align: center;
}
.summersweepstakes .winnerPrizes a {
  text-decoration: underline;
}
.summersweepstakes .winnerPrizes h2 {
  margin-bottom: 66px;
}
.summersweepstakes .winnerPrizes li {
  font-size: 14px;
  margin-bottom: 24px;
}
.summersweepstakes .winnerPrizes li strong {
  display: block;
  margin-bottom: 3px;
}
.summersweepstakes .winnerPrizes p {
  font-size: 14px;
  margin-top: 70px;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
.summersweepstakes .winnerPrizes p a {
  display: inline-block;
}

.select-wrapper {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #080808;
  font-size: 20px;
  margin-top: -12px;
  position: relative;
  text-transform: uppercase;
}
.select-wrapper.error {
  border-color: red !important;
}
.select-wrapper .option {
  color: #080808;
}
.select-wrapper .option.open:after {
  display: inline-block;
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.select-wrapper .option:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  content: "\e60b";
  margin-left: 10px;
  font-size: 22px;
  z-index: 1;
}
.select-wrapper select {
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  font-size: 18px;
}
.select-wrapper.white, .select-wrapper.btn-mobile-cta {
  position: relative;
  display: block;
  max-width: 90%;
  border: 1px solid #fff;
  margin: 10px auto;
  padding: 12px 30px;
  padding-top: 7px;
}
.select-wrapper.white .option, .select-wrapper.btn-mobile-cta .option {
  color: #fff;
}
.select-wrapper.white .option:after, .select-wrapper.btn-mobile-cta .option:after {
  position: absolute;
  top: 33%;
  right: 6px;
  content: "\e60b";
  font-size: 20px;
}
.select-wrapper.small {
  border: 0;
  border-bottom: 1px solid #fff;
  display: inline-block;
  font-size: 24px;
  padding-left: 0;
  padding-right: 25px;
}
.select-wrapper.small .option:after {
  right: 0;
}
.select-wrapper span {
  display: inline-block;
  width: auto;
}

.schedule-visit {
  background: #000;
  *zoom: 1;
}
.schedule-visit:after {
  content: "";
  display: table;
  clear: both;
}
.schedule-visit .schedule-visit-wrapper {
  max-width: 740px;
  padding: 2%;
  margin: 0 auto;
}
.schedule-visit .schedule-visit-wrapper .sav-thanks small {
  font-size: 25px;
}
.schedule-visit .button, .schedule-visit .btn-mobile-cta {
  display: block;
  max-width: 280px;
  margin: 60px auto;
}
.schedule-visit .hidden {
  display: none;
}
.schedule-visit .content-wrapper {
  padding: 0 2%;
}
.schedule-visit .content-wrapper .select-wrapper .option {
  font-size: 20px;
}
.schedule-visit .content-wrapper div, .schedule-visit .content-wrapper input {
  font-size: 20px;
  font-weight: 200;
  font-family: "Graphik Web", sans-serif;
  text-transform: uppercase;
  outline: none;
  letter-spacing: 3px;
}
.schedule-visit .content-wrapper input {
  -webkit-appearance: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-radius: 0px;
  display: block;
  width: 90%;
  max-width: 90%;
  min-width: 90%;
  border: 1px solid #fff;
  margin: 10px auto;
  padding: 12px 30px;
  background: transparent;
  color: #fff;
  text-align: center;
}
.schedule-visit .content-wrapper input.half {
  width: 48%;
  margin: 1% 0;
}
.schedule-visit .content-wrapper input.error {
  border-bottom: 1px solid red;
  border-color: red;
}
.schedule-visit .content-wrapper div {
  margin: 20px 0;
  text-align: center;
  color: #989797;
}
.schedule-visit .content-wrapper div small {
  display: block;
  margin: 20px 0;
  font-size: 0.7em;
  font-weight: normal;
  color: #fff;
}
.schedule-visit .content-wrapper .submit {
  margin: 0 auto;
}

.club-detail .region-dropdown {
  display: none;
}

.tabs-container .tab {
  display: none;
}
.tabs-container .tab.tab-active {
  display: block;
}
.tabs-container .tab > .two-cols {
  padding: 0 20px;
  padding-top: 40px;
  padding-bottom: 20px;
}
.tabs-container .tabs-navigation {
  display: none;
}

.two-cols {
  text-align: center;
}
.two-cols .caption h4 {
  display: none;
}
.two-cols .carousel {
  position: relative;
}
.two-cols .carousel .owl-carousel {
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}
.two-cols .carousel .swipe-guide {
  font-size: 12px;
  bottom: 10px;
  top: auto;
  z-index: 1;
}
.two-cols .carousel .swipe-guide .icon-swipe-left, .two-cols .carousel .swipe-guide .icon-swipe-right {
  font-size: 5px;
}
.two-cols p {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
}
.two-cols .rounded {
  border-top-left-radius: 263px;
  border-top-right-radius: 263px;
  border-bottom-left-radius: 263px;
  border-bottom-right-radius: 263px;
  display: block;
  height: 263px;
  margin: 25px auto;
  width: 263px;
}

.simple-tabs-container h3 {
  margin: 2.5em 0 1em;
}
.simple-tabs-container p {
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0 20px 30px;
  padding: 0 10px;
  text-align: center;
}
.simple-tabs-container .tab-active {
  padding-top: 30px;
}

.columns-layout .two-cols h4 {
  display: block;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 2px;
}
.columns-layout .two-cols p {
  padding: 0 20px;
}

.tabs-simple {
  display: table;
  width: 100%;
}
.tabs-simple .tabs-nav-centered {
  display: inline-block;
}
.tabs-simple .tabs-nav {
  display: table;
  margin: 0 auto 20px auto;
  overflow: hidden;
}
.tabs-simple .tabs-nav li {
  float: left;
}
.tabs-simple .tabs-content {
  width: 100%;
}
.tabs-simple .tabs-content > div {
  display: none;
}
.tabs-simple .tabs-content > .active {
  display: block;
}
.tabs-simple.tabs-simple-ui-blocky .tabs-nav ul {
  border: 1px solid #000;
  overflow: hidden;
}
.tabs-simple.tabs-simple-ui-blocky .tabs-nav ul li {
  padding: 10px 40px;
  cursor: pointer;
}
.tabs-simple.tabs-simple-ui-blocky .tabs-nav ul li.active {
  cursor: default;
  background: #080808;
}
.tabs-simple.tabs-simple-ui-blocky .tabs-nav ul li.active a {
  color: #fff;
}

.nearme {
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
  padding: 25px 20px 20px;
  text-align: center;
  min-height: 390px;
}
.nearme.nearme-classes {
  border-top: 0;
}
.nearme.nearme-spa .button, .nearme.nearme-spa .btn-mobile-cta {
  margin-top: 25px;
}
.nearme .overlay {
  width: 100%;
  background: #fff;
  height: 100%;
  position: absolute;
  z-index: 100;
  opacity: 0.3;
}
.nearme .overlay.disabled {
  pointer-events: none;
}
.nearme .icon-marker-o {
  min-height: 50px;
  font-size: 64px;
  margin: 0 0 20px;
}
.nearme h4 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 20px;
}
.nearme .tab-headline {
  margin-bottom: 32px;
}
.nearme .club-finder-widget.extra-vertical-margin {
  margin-top: 60px;
}
.nearme p {
  font-size: 20px;
  font-weight: 200;
  margin: 0 0 0.6em;
}
.nearme .club-information {
  background: #fff;
  margin: 25px 0 0;
  padding: 0;
}
.nearme .club-information .wrapper {
  margin: 0 auto;
  width: auto;
}
.nearme .club-information .wrapper address {
  width: 200px;
  margin: 0 auto;
}
.nearme .club-information .wrapper address span {
  display: inline;
  text-transform: none;
  font-size: 12px;
  margin-bottom: 0;
}
.nearme .club-information .wrapper .buttons {
  display: inline-block;
}
.nearme .club-information .wrapper .buttons a {
  width: 287px;
}
.nearme .club-information .wrapper span {
  color: #333;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.nearme .club-information address, .nearme .club-information a.link {
  color: #333;
}
.nearme .club-information a.link {
  font-size: 12px;
  text-decoration: underline;
}
.nearme .club-information a.link.club {
  color: #000;
}

.club-selector h4 {
  min-height: 40px;
}
.club-selector .map-container {
  min-height: 450px;
}
.club-selector .map-container .icon-marker-o {
  margin-top: -40px;
  display: block;
}

.nearest-club {
  position: relative;
}
.nearest-club #map {
  height: 362px;
  max-height: 500px;
  background: #000;
}
.nearest-club .nearest-map header h3 {
  margin: 0;
  margin-top: -120px;
}
.nearest-club .nearest-map header h2 {
  margin-top: -15px;
}
.nearest-club .nearest-map .pin {
  position: absolute;
  bottom: 100px;
  width: 100%;
  color: white;
  text-align: center;
  font-size: 52px;
}
.nearest-club .nearest-map nav.buttons-container {
  *zoom: 1;
}
.nearest-club .nearest-map nav.buttons-container:after {
  content: "";
  display: table;
  clear: both;
}
.nearest-club .nearest-map nav.buttons-container a {
  border: none;
  display: block;
  width: 48%;
  padding-left: 1%;
  padding-right: 1%;
  float: left;
}

.paragraph {
  *zoom: 1;
  padding-left: 10px;
  padding-right: 10px;
}
.paragraph:after {
  content: "";
  display: table;
  clear: both;
}
.paragraph img {
  display: block;
  margin: 20px auto;
  width: 90%;
  border-top-left-radius: 900px;
  border-top-right-radius: 900px;
  border-bottom-left-radius: 900px;
  border-bottom-right-radius: 900px;
  border-radius: 900px;
}
.paragraph h6 {
  text-align: center;
}
.paragraph p {
  font-size: 14px;
  letter-spacing: 1px;
  margin: 20px auto;
  text-align: center;
  line-height: 1.6;
}
.paragraph.white, .paragraph.btn-mobile-cta {
  color: white;
}
.paragraph.black {
  color: black;
}

.paragraph-block h2 {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
}

.article-list > div {
  min-height: 290px;
  border-top: 1px solid #b2b2b2;
}
.article-list .post-info-container {
  display: table;
  width: 100%;
}
.article-list .post-info-container .posts-info {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.article-list .post-info-container .posts-info h3 {
  margin-top: 17px;
}
.article-list .articles {
  border-bottom: 1px solid #b2b2b2;
}
.article-list .articles article a {
  *zoom: 1;
  display: block;
}
.article-list .articles article a:after {
  content: "";
  display: table;
  clear: both;
}
.article-list .articles article .cover, .article-list .articles article .info {
  float: right;
  width: 50%;
}
.article-list .articles article .cover {
  position: relative;
  overflow: hidden;
}
.article-list .articles article .cover img {
  display: block;
  width: 100%;
}
.article-list .articles article .cover:before {
  z-index: 100;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-left: 10px solid #fff;
  content: "";
  display: block;
  height: 0;
  width: 0;
  left: 9px;
  bottom: 45%;
  margin: -9px 0 0 -9px;
  position: absolute;
}
.article-list .articles article:first-child .cover, .article-list .articles article:first-child .info {
  float: left;
}
.article-list .articles article:first-child .cover:before {
  z-index: 100;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  content: "";
  display: block;
  height: 0;
  width: 0;
  right: 0;
  left: auto;
  bottom: 45%;
  margin: -9px 0 0 -9px;
  position: absolute;
}
.article-list .articles article .info {
  width: 40%;
  padding-left: 10%;
}
.article-list .articles article span, .article-list .articles article h6, .article-list .articles article p {
  font-size: 14px;
  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;
  padding-top: 40px;
}
.article-list .articles article p {
  display: none;
}

.article-hero {
  padding: 120px 113px;
  text-align: center;
}

.module.dtm-pt-upcoming-sessions,
.module.dtm-pt-inventory-training-qblog-3-column {
  padding-top: 0;
  margin-top: 0;
}

.page.personaltraining {
  margin-bottom: -40px;
}

.carousel-hero {
  color: #fff;
  position: relative;
  text-align: center;
  margin-bottom: 45px;
  background: #000;
  margin-top: -19px;
  overflow: hidden;
  height: 454px;
}
.carousel-hero .contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.carousel-hero .contents > div h1 {
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 40px;
  margin-top: 20px;
  padding-top: 20px;
}
.carousel-hero .contents > div .subhead-area {
  position: relative;
}
.carousel-hero .contents > div h3 {
  font-size: 14px;
  font-weight: 100;
  padding-top: 30px;
  margin-bottom: 10px;
}
.carousel-hero .contents > div .cards-carousel .icon-left-arrow, .carousel-hero .contents > div .cards-carousel .icon-right-arrow {
  top: 40%;
}
.carousel-hero .contents > div .cards-carousel .icon-left-arrow {
  left: 2.4%;
}
.carousel-hero .contents > div .cards-carousel .icon-right-arrow {
  right: 2.4%;
}
.carousel-hero .contents > div .cards-carousel .owl-carousel {
  max-width: 77%;
}
.carousel-hero .contents > div .cards-carousel .owl-carousel .item {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.carousel-hero .contents > div .cards-carousel .owl-carousel .item .h2, .carousel-hero .contents > div .cards-carousel .owl-carousel .item h2 {
  margin-bottom: 20px;
}
.carousel-hero .contents > div .cards-carousel .owl-carousel .item p {
  margin-bottom: 19px;
}
.carousel-hero .contents > div .cards-carousel .owl-carousel .item .inline-list {
  margin-bottom: 2px;
}
.carousel-hero .contents > div .cards-carousel .owl-carousel .item a {
  color: #fff;
}
.carousel-hero .contents > div .cards-carousel .owl-carousel .item ul li {
  display: inline-block;
}
.carousel-hero .contents > div a.button.white, .carousel-hero .contents > div a.btn-mobile-cta {
  color: #000;
  border: none;
}
.carousel-hero .contents > div .show-in-cal-mobile {
  margin-top: 12px;
  font-size: 12px;
  text-decoration: underline;
}
.carousel-hero .contents > div .hero-cta {
  text-align: center;
  color: #fff;
  display: block;
  margin-bottom: 18px;
}
.carousel-hero .contents > div .hero-cta span {
  padding: 30px 50px 10px 50px;
  margin: 0 auto;
  display: inline-block;
  background: none;
  border: #fff 1px solid;
  max-width: 320px;
}
.carousel-hero .contents > div .hero-cta span strong {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 100;
  text-transform: uppercase;
}
.carousel-hero .contents > div .hero-cta span p {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 100;
}
.carousel-hero .contents > div a {
  color: #fff;
}
.carousel-hero .paragraph {
  padding-left: 0;
  padding-right: 0;
}
.carousel-hero .paragraph .button-container {
  padding: 0 34px 34px 34px;
}

.module-3col-points .row {
  border: none;
  padding: 0 10% 80px 10%;
}
.module-3col-points .row [class*='col-'] .col-padding {
  border: none;
  padding: 0 8%;
  width: 80%;
  text-align: center;
}
.module-3col-points .row [class*='col-'] .col-padding h5 {
  margin-bottom: 10px;
}

.region-list ul {
  max-width: 280px;
  margin: 0 auto;
  *zoom: 1;
  text-align: center;
}
.region-list ul:after {
  content: "";
  display: table;
  clear: both;
}
.region-list ul li {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
}
.region-list ul li img, .region-list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  border-radius: 999px;
}
.region-list ul li a {
  position: absolute;
  left: 0;
  top: 0;
  color: white;
  padding-top: 32px;
  font-size: 28px;
  font-weight: 400;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.region-list ul li a small {
  display: block;
  font-size: 10px;
  font-weight: 600;
}
.region-list ul li a:hover {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGP6nwaDTAxwQJAJAFw0BwQt41GeAAAAAElFTkSuQmCC');
  background: rgba(255, 255, 255, 0.4);
}

.geo-offline {
  display: none;
  background: #ddd;
  padding: 18px 16px 1px 16px;
  margin: 0 2%;
  position: relative;
}
.geo-offline a.close {
  position: absolute;
  top: 4px;
  right: 7px;
  display: block;
}

.region-selector {
  padding: 40px 10px;
  text-align: center;
  background-color: #0a0a0a;
}
.region-selector img {
  display: block;
  margin: 0 auto 20px;
  width: 120px;
  height: 120px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  border-radius: 999px;
}
.region-selector .select-wrapper {
  border-bottom: 1px solid white;
  display: inline-block;
  padding: 0;
}
.region-selector .select-wrapper .option {
  color: white;
  font-size: 40px;
  font-weight: 100;
}

.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js:-moz-full-screen {
  position: absolute;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: Arial,sans-serif;
}

.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .1em;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
  color: #fff;
}

.video-js .vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

.vjs-fade-in {
  display: block !important;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .1s,opacity .1s;
  -moz-transition: visibility .1s,opacity .1s;
  -ms-transition: visibility .1s,opacity .1s;
  -o-transition: visibility .1s,opacity .1s;
  transition: visibility .1s,opacity .1s;
}

.vjs-fade-out {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1.5s,opacity 1.5s;
  -moz-transition: visibility 1.5s,opacity 1.5s;
  -ms-transition: visibility 1.5s,opacity 1.5s;
  -o-transition: visibility 1.5s,opacity 1.5s;
  transition: visibility 1.5s,opacity 1.5s;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

.vjs-default-skin .vjs-hidden {
  display: none;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-default-skin {
  color: #ccc;
}

.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  background: #323232;
  background: rgba(100, 100, 100, 0.5);
}

.vjs-default-skin .vjs-slider:focus {
  background: #464646;
  background: rgba(100, 100, 100, 0.7);
  -webkit-box-shadow: 0 0 2em white;
  -moz-box-shadow: 0 0 2em white;
  box-shadow: 0 0 2em white;
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.vjs-default-skin .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  height: 3em;
  background-color: #000;
  background-color: rgba(7, 40, 50, 0.7);
  font-style: normal;
  font-weight: 400;
  font-family: Arial,sans-serif;
}

.vjs-default-skin .vjs-control {
  outline: 0;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em;
}

.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0 0 1em white;
}

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}

.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}

.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: .6em;
  margin: 1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: .5em;
  background: #66A8CC url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: .5em;
  height: .5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: .9em;
  top: -.2em;
  left: -.2em;
  width: 1em;
  height: 1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}

.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: .3em;
  height: 1em;
  top: -1em;
  -webkit-transition: top .4s,height .4s,font-size .4s,-webkit-transform .4s;
  -moz-transition: top .4s,height .4s,font-size .4s,-moz-transform .4s;
  -o-transition: top .4s,height .4s,font-size .4s,-o-transform .4s;
  transition: top .4s,height .4s,font-size .4s,transform .4s;
}

.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  -webkit-transition: top .2s,height .2s,font-size .2s,-webkit-transform .2s;
  -moz-transition: top .2s,height .2s,font-size .2s,-moz-transform .2s;
  -o-transition: top .2s,height .2s,font-size .2s,-o-transform .2s;
  transition: top .2s,height .2s,font-size .2s,transform .2s;
}

.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-play-progress {
  background: #66A8CC url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.4);
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: .1em;
}

.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em;
}

.vjs-default-skin .vjs-current-time {
  float: left;
}

.vjs-default-skin .vjs-duration {
  float: left;
}

.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}

.vjs-time-divider {
  float: left;
  line-height: 3em;
}

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}

.vjs-default-skin .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 2em;
  left: 2em;
  width: 12em;
  height: 8em;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #282828;
  background-color: rgba(7, 40, 50, 0.7);
  border: .3em solid #323232;
  border-color: rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -webkit-transition: border .4s,-webkit-box-shadow .4s,-webkit-transform .4s;
  -moz-transition: border .4s,-moz-box-shadow .4s,-moz-transform .4s;
  -o-transition: border .4s,-o-box-shadow .4s,-o-transform .4s;
  transition: border .4s,box-shadow .4s,transform .4s;
}

.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  border-color: white;
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 0 3em #fff;
  -moz-box-shadow: 0 0 3em #fff;
  box-shadow: 0 0 3em #fff;
  -webkit-transition: border 0s,-webkit-box-shadow 0s,-webkit-transform 0s;
  -moz-transition: border 0s,-moz-box-shadow 0s,-moz-transform 0s;
  -o-transition: border 0s,-o-box-shadow 0s,-o-transform 0s;
  transition: border 0s,box-shadow 0s,transform 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  font-size: 3em;
  line-height: 2.66;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 5em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -.5em;
  margin-top: -.5em;
  opacity: .75;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e00a";
  font-family: VideoJS;
  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 .1em #000;
}

.vjs-default-skin .vjs-loading-spinner:after {
  content: "\e00a";
  font-family: VideoJS;
  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, 0.5);
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #000;
  background-color: rgba(7, 40, 50, 0.7);
  -webkit-box-shadow: -20px -20px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: .3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight: 400;
  text-align: center;
  text-transform: lowercase;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}

.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  color: #111;
  outline: 0;
  -webkit-box-shadow: 0 0 1em white;
  -moz-box-shadow: 0 0 1em white;
  box-shadow: 0 0 1em white;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em;
  font-weight: 700;
  cursor: default;
}

.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}

.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em white;
  -moz-box-shadow: 0 0 1em white;
  box-shadow: 0 0 1em white;
}

/* Equinox Theme */
.video-js {
  width: 100% !important;
  height: 100% !important;
}
.video-js.hidden {
  display: none !important;
}
.video-js.vjs-fullscreen {
  max-height: none;
}
.video-js video {
  height: 100% !important;
}

.vjs-default-skin .vjs-big-play-button, .vjs-volume-handle.vjs-slider-handle, .vjs-default-skin .vjs-seek-handle.vjs-slider-handle, .vjs-fullscreen-control {
  display: none;
}

.vjs-default-skin .vjs-volume-control {
  margin-right: 10px;
}

.vjs-default-skin .vjs-control-bar {
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: 2;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAEklEQVR4nGNiSINBJgY4IMgEAGMfAgkLKo4IAAAAAElFTkSuQmCC');
  background: rgba(0, 0, 0, 0.4);
  -moz-transition: bottom 0.5s;
  -o-transition: bottom 0.5s;
  -webkit-transition: bottom 0.5s;
  transition: bottom 0.5s;
}

.vjs-default-skin:hover .vjs-control-bar {
  bottom: 0;
}

.vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level {
  background: #fff;
}

.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
  text-shadow: none;
}

.video-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.splash-slider .slide-show .slide {
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.splash-slider .slide-show .slide.active {
  opacity: 1;
  height: auto;
  overflow: initial;
  z-index: 2;
}

.html-callout {
  padding: 0px;
}

.subtitle-module {
  text-align: center;
}
.subtitle-module header.subititle-box {
  padding: 20px 0;
}
.subtitle-module h2 {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
}
.subtitle-module h2.rich-content-title {
  display: table;
}
.subtitle-module h2.rich-content-title span {
  font-size: 1.3em;
}
.subtitle-module p.subtitle-body {
  width: 70%;
  margin: 10px auto 25px;
  font-size: 0.85em;
}
.subtitle-module a {
  color: inherit;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 13px;
}
.subtitle-module.white, .subtitle-module.btn-mobile-cta {
  color: white;
}

.subtitle-message {
  text-align: center;
  padding: 0 30px;
}

.membership-list:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.membership-list .membership-container.closed .membership-tab:after {
  content: "+";
  top: 20%;
}
.membership-list .membership-container.closed .membership-tier {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.membership-list .membership-container.closed .membership-tab {
  border-bottom: none;
}
.membership-list .membership-container.closed:last-child .membership-tab {
  border-bottom: 1px solid white;
}
.membership-list .membership-tab {
  position: relative;
  color: white;
  text-align: center;
  padding: 20px 0;
  border: 1px solid white;
  border-left: none;
  border-right: none;
  font-weight: bold;
  font-size: 14px;
}
.membership-list .membership-tab:after {
  content: "-";
  position: absolute;
  right: 15px;
  top: 18%;
  font-size: 25px;
}
.membership-list .membership-tier {
  padding: 50px 60px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.membership-list .membership-tier small {
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.membership-list .membership-tier .description {
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.16em;
}
.membership-list .membership-tier hr {
  border: none;
  margin: 25px 0;
}
.membership-list .membership-tier .membership-price-info {
  display: table;
  width: 100%;
}
.membership-list .membership-tier .membership-price-info .membership-price {
  display: table-cell;
  vertical-align: middle;
}
.membership-list .membership-tier .membership-price-info .membership-promotion {
  display: table-row;
}
.membership-list .membership-tier .membership-price {
  display: block;
  text-align: center;
  font-size: 12px;
}
.membership-list .membership-tier .membership-price strong {
  font-size: 16px;
}
.membership-list .membership-tier .membership-promotion {
  text-transform: uppercase;
  text-align: center;
  color: #E4C069;
  font-size: 13px;
  font-weight: bold;
}
.membership-list .membership-tier .membership-promotion p {
  margin: 10px 0;
  padding: 0 10px;
}
.membership-list .membership-tier .total {
  font-size: 14px;
}
.membership-list .membership-tier .total .item-due {
  margin: 2px 0;
}
.membership-list .membership-tier .total .item-due:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.membership-list .membership-tier .total .total-due {
  margin-top: 15px;
}
.membership-list .membership-tier .total span {
  display: block;
  float: left;
}
.membership-list .membership-tier .total span.price {
  float: right;
}
.membership-list .membership-tier a.button, .membership-list .membership-tier a.btn-mobile-cta {
  display: block;
  max-width: 70%;
  margin: 0 auto;
}

.membership-total {
  overflow: hidden;
}
.membership-total .col {
  padding: 50px;
  text-align: center;
  border: 1px solid white;
  border-left: none;
  border-right: none;
}
.membership-total .col + .col {
  border-top: none;
}
.membership-total small {
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.membership-total h3 {
  margin-bottom: 20px;
}
.membership-total .auto-renew-info {
  text-align: center;
}
.membership-total .auto-renew-info a {
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 4px;
  font-size: 12px;
}
.membership-total .auto-renew-info strong {
  display: inline;
}
.membership-total .cta {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 12px;
  color: white;
  letter-spacing: 4px;
  margin-top: 10px;
}
.membership-total .club-info {
  display: none;
}
.membership-total .due-total .cta {
  margin-bottom: 40px;
}
.membership-total .total {
  font-size: 13px;
  letter-spacing: 2px;
}
.membership-total .total .item-due {
  margin: 2px 0;
}
.membership-total .total .item-due:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.membership-total .total .total-due {
  margin-top: 15px;
}
.membership-total .total span {
  display: block;
  float: left;
}
.membership-total .total span.price {
  float: right;
}
.membership-total a.button, .membership-total a.btn-mobile-cta {
  max-width: 70%;
  margin: 20px auto;
}
.membership-total .location a {
  margin: 0;
}

/* Share Module */
section.social-share .title {
  margin-top: 0;
}
section.social-share p strong {
  text-transform: uppercase;
}

.main-social-icons {
  text-align: center;
  margin-bottom: 45px;
}
.main-social-icons li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 4px;
}
.main-social-icons li a {
  display: block;
  width: 82px;
  height: 82px;
  line-height: 81px;
  border-top-left-radius: 55px;
  border-top-right-radius: 55px;
  border-bottom-left-radius: 55px;
  border-bottom-right-radius: 55px;
  border-radius: 55px;
  border: 1px solid #fff;
  font-size: 1.2em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.main-social-icons li a:hover {
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
}
.main-social-icons.black li a {
  border: 1px solid #080808;
  color: #080808;
}
.main-social-icons.black li a:hover {
  background: rgba(0, 0, 0, 0.4);
  color: #080808;
}

.page.image .main-social-icons li a {
  border: 1px solid #080808;
  color: #080808;
}
.page.image .main-social-icons li a:hover {
  background: rgba(0, 0, 0, 0.4);
  color: #080808;
}

.range-selection {
  margin: 0 20px;
}
.range-selection.black .track, .range-selection.black .thumb, .range-selection.black .reference {
  background: #000;
}
.range-selection.black .caption {
  color: rgba(0, 0, 0, 0.5);
}
.range-selection.black .current .caption {
  color: black;
}
.range-selection .overflow-wrapper {
  overflow: hidden;
}
.range-selection .answers li {
  display: none;
  text-transform: uppercase;
}
.range-selection .answers li.active {
  display: block;
}
.range-selection .track-wrapper {
  margin: 0 0 15px;
  padding: 15px 0;
  position: relative;
}
.range-selection .track {
  background: #fff;
  height: 3px;
  position: relative;
}
.range-selection .track-shadow {
  background: rgba(0, 0, 0, 0.7);
  height: 400%;
  min-width: 20px;
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  z-index: 2;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.range-selection .track-shadow.animating {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.range-selection .thumb {
  background: #fff;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  display: block;
  height: 20px;
  margin-left: -10px;
  padding: 0;
  position: relative;
  top: -5px;
  width: 20px;
  z-index: 3;
}
.range-selection .thumb.inactive {
  background: #666;
}
.range-selection .reference {
  background: #fff;
  border-radius: 10px;
  display: block;
  height: 8px;
  position: absolute;
  top: -2px;
  width: 8px;
  z-index: 1;
}
.range-selection .caption {
  color: rgba(255, 255, 255, 0.5);
  display: none;
  font-size: 14px;
  font-weight: bold;
  left: 50%;
  letter-spacing: 0.1em;
  margin: 0 0 0 -90px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 30px;
  width: 180px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.range-selection .current .caption {
  color: white;
  font-size: 20px;
  top: 40px;
}

#pt-session-detail .cancel-btn {
  margin-top: 60px;
}
#pt-session-detail .reschedule-btn {
  margin-bottom: 15px;
}
#pt-session-detail .footer-btn {
  text-align: center;
}
#pt-session-detail .footer-btn * {
  display: inline;
  width: auto;
  float: none;
}
#pt-session-detail .footer-btn .back-btn {
  margin-right: 30px;
}

.class-module {
  display: block;
  border-top: 1px solid #b2b2b2;
  padding: 48px 30px;
  position: relative;
  text-align: center;
  /* Class overlay confirmation */
}
.class-module.black-bg {
  background: #000;
  border-top: 0;
  color: #fff;
}
.class-module .prev-class {
  color: #fff;
  position: absolute;
  left: 27px;
  top: 282px;
  z-index: 200;
}
.class-module .prev-class span:before {
  font-size: 30px;
}
.class-module .next-class {
  color: #fff;
  position: absolute;
  right: 27px;
  top: 282px;
  z-index: 200;
}
.class-module .next-class span:before {
  font-size: 30px;
}
.class-module p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 37px;
}
.class-module p .fb-friend-class {
  text-transform: uppercase;
  font-weight: bold;
}
.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: 76px;
  height: 76px;
  margin: 0 auto 21px;
}
.class-module .rounded.grey-bg {
  background: #7c878e;
  color: #fff;
}
.class-module .rounded > span {
  display: inline-block;
  padding: 31px 0;
}
.class-module .class-detail {
  text-transform: uppercase;
}
.class-module .class-detail li {
  font-size: 15px;
  font-weight: 200;
  line-height: 26px;
}
.class-module .class-detail li.bold {
  font-weight: 400;
}
.class-module .class-detail li.big-font {
  font-size: 20px;
  letter-spacing: 2px;
}
.class-module .class-detail li.medium-font {
  letter-spacing: 1px;
}
.class-module .class-detail li.small-font {
  font-size: 12px;
  letter-spacing: 1px;
}
.class-module .share-text, .class-module .underlined-small-link {
  letter-spacing: 1px;
}
.class-module .share-text {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: 25px;
  text-transform: uppercase;
}
.class-module .social-buttons {
  padding: 10px 0;
}
.class-module .social-buttons a {
  padding: 0 15px;
  color: #fff;
}
.class-module .social-buttons a.black {
  color: #000;
}
.class-module .underlined-small-link {
  display: block;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-decoration: underline;
  text-transform: uppercase;
}
.class-module .underlined-small-link.black {
  color: #000;
}
.class-module h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
.class-module .owl-item > div {
  position: relative;
}

.confirmation-message-module {
  display: block;
  text-align: center;
  padding: 0 10%;
}

.member-callout {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 0 10%;
  text-align: center;
  text-transform: uppercase;
}

.forgotuser .extra p {
  margin-bottom: 0;
}

.forgotpassword .extra p {
  margin-bottom: 0;
}
.forgotpassword #RecoverPassword_UserName {
  text-transform: none;
}

.reset-password h6, .reset-password p {
  text-align: center;
}
.reset-password input[type='password'] {
  padding-bottom: 22px;
  letter-spacing: 1px;
  font-size: 22px;
}

.start .extra p {
  margin-bottom: 0;
}

.classes-filter {
  background-color: #000;
  padding: 18px 0 10px;
  text-align: center;
  position: relative;
}
.classes-filter h2 {
  font-size: 25px;
  font-weight: 200;
  color: #fff;
  line-height: 1.7;
}
.classes-filter .sub-header {
  margin-bottom: 21px;
}
.classes-filter .sub-header a {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 0 5px;
  display: inline-block;
  color: #747474;
  letter-spacing: 1px;
}
.classes-filter .selected-filters {
  font-size: 11px;
  color: #fff;
  letter-spacing: 1.98px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.classes-filter .selected-filters strong {
  display: none;
  font-weight: 700;
  text-transform: uppercase;
}
.classes-filter .selected-filters span {
  font-weight: 400;
}
.classes-filter .edit-save-filters {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4.2px;
  padding: 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.classes-filter .edit-save-filters.active {
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 0;
}
.classes-filter .edit-save-filters .icon-filters {
  font-size: 30px;
  margin-right: 10px;
  vertical-align: middle;
}
.classes-filter .filter-edit {
  display: none;
  padding: 0 20px;
}
.classes-filter .edit-favorites {
  font-size: 11px;
  text-transform: uppercase;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.3);
  margin: 15px 0 25px;
  display: block;
}
.classes-filter .filters li {
  position: relative;
}
.classes-filter .filters li .autocomplete {
  background-color: #2e2e2e;
  padding: 11px;
  margin-bottom: 7px;
  display: block;
  position: relative;
  text-align: left;
  text-transform: uppercase;
}
.classes-filter .filters li .autocomplete:before {
  font-size: 18px;
  color: #979797;
  margin-right: 12px;
  margin-left: 2px;
}
.classes-filter .filters li .autocomplete .remove-filter {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.classes-filter .filters li .autocomplete .remove-filter:after {
  content: '+';
  font-size: 26px;
  color: #8a8a8a;
  line-height: 0;
}
.classes-filter .filters li .autocomplete input[type="text"] {
  width: auto;
  height: auto;
  display: inline;
  width: 80%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  color: #838383;
  letter-spacing: 0.2em;
  text-align: left;
}
.classes-filter .filters li .autocomplete input[type="text"]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #838383;
}
.classes-filter .filters li .autocomplete input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #838383;
}
.classes-filter .filters li .autocomplete input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #838383;
}
.classes-filter .filters li .autocomplete input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #838383;
}
.classes-filter .filters li .autocomplete .autocomplete-toggler {
  content: '\e639';
  font-size: 12px;
  color: #979797;
  position: absolute;
  right: 15px;
  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%);
}
.classes-filter .filters li .autocomplete.active {
  background-color: #7c878e;
}
.classes-filter .filters li .autocomplete.active input[type="text"] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.classes-filter .filters li .autocomplete.active input[type="text"]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.5);
}
.classes-filter .filters li .autocomplete.active input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.5);
}
.classes-filter .filters li .autocomplete.active input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
.classes-filter .filters li .autocomplete.active input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.5);
}
.classes-filter .filters li .autocomplete.active:before {
  display: none;
}
.classes-filter .filters li .autocomplete.active .remove-filter {
  right: 13px;
}
.classes-filter .filters li .autocomplete.active .remove-filter:after {
  content: '\e60e';
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 20px;
}
.classes-filter .filters li .autocomplete.active + ul {
  display: block;
}
.classes-filter .filters li ul:not(.resultFoundAtBeginning, .resultFoundAfterBeginning) {
  position: absolute;
  z-index: 20;
  width: 100%;
  margin-top: -2px;
  background-color: #7c878e;
}
.classes-filter .filters li ul li {
  position: relative;
  text-align: left;
}
.classes-filter .filters li ul li:first-child a {
  border-top: 0;
}
.classes-filter .filters li ul li.item-title:after, .classes-filter .filters li ul li.region-title:after {
  top: 3px;
}
.classes-filter .filters li ul li:after {
  content: '\e613';
  font-family: 'icomoon';
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 30px;
  z-index: 20;
  top: 18px;
}
.classes-filter .filters li ul li a {
  font-family: "Graphik Web", sans-serif;
  background-color: #7c878e;
  font-size: 16px;
  letter-spacing: 1px;
  font-size: 14px;
}
.classes-filter .filters li ul li a.selected:before {
  font-family: "icomoon";
  content: '\e638';
  font-size: 8px;
  font-weight: 700;
  color: #fff;
  margin-right: 10px;
  position: absolute;
  left: 65px;
  top: 5px;
}
.classes-filter .filters li ul li.active:after {
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.classes-filter .filters li ul a.single:after {
  display: none;
}
.classes-filter .filters li ul ul[data-region] {
  position: static;
  display: none;
}
.classes-filter .filters li ul ul[data-region].open {
  display: block;
}
.classes-filter .filters li ul ul[data-region] li:after {
  content: '\e613';
  font-family: 'icomoon';
  font-size: 12px;
  color: #fff;
  position: absolute;
  right: 4em;
}
.classes-filter .filters li ul ul[data-region] li a {
  display: block;
  color: #dfdfdf;
  padding-left: 45px;
}
.classes-filter .filters li ul ul[data-region] ul[data-facilities] li a {
  padding-left: 65px;
}
.classes-filter .filters li ul ul[data-region] ul[data-facilities] li:after {
  left: 8px;
}
.classes-filter .filters li ul ul[data-facilities], .classes-filter .filters li ul ul[data-items] {
  position: static;
  display: none;
}
.classes-filter .filters li ul ul[data-facilities].open, .classes-filter .filters li ul ul[data-items].open {
  display: block;
}
.classes-filter .filters li ul ul[data-facilities] li:after, .classes-filter .filters li ul ul[data-items] li:after {
  display: none;
}
.classes-filter .filters li ul ul[data-facilities] li a, .classes-filter .filters li ul ul[data-items] li a {
  display: block;
  color: #dfdfdf;
  padding-left: 60px;
}
.classes-filter .filters li ul ul[data-facilities] li a:after, .classes-filter .filters li ul ul[data-items] li a:after {
  left: 62px;
  top: 0px;
}
.classes-filter .filters li .focused {
  background-color: #fff;
}
.classes-filter .filters li .focused input[type="text"] {
  font-size: 14px;
  color: #7c878e;
}
.classes-filter .filters li .focused input[type="text"]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #7c878e;
}
.classes-filter .filters li .focused input[type="text"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #7c878e;
}
.classes-filter .filters li .focused input[type="text"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #7c878e;
}
.classes-filter .filters li .focused input[type="text"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #7c878e;
}
.classes-filter .filters li .focused:before {
  content: '\e63d';
}
.classes-filter .filters li .focused .autocomplete-toggler {
  margin-top: -0.4em;
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -ms-transform: rotate(45deg);
}
.classes-filter .added-filters {
  margin: 30px;
}
.classes-filter .added-filters li {
  padding: 5px;
  margin-bottom: 3px;
  font-size: 12px;
  color: #fff;
  display: block;
  text-transform: uppercase;
}
.classes-filter .added-filters li span {
  font-family: 'Graphik Web';
  letter-spacing: 1.8px;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: underline;
}
.classes-filter .added-filters li + li.clear-filters {
  display: inline-block;
}
.classes-filter .added-filters li.clear-filters {
  cursor: pointer;
  display: none;
  color: #ccc;
  color: rgba(255, 255, 255, 0.5);
}
.classes-filter .added-filters li.icon-clubs:before {
  content: "\e609";
}
.classes-filter .added-filters li.icon-instructors:before {
  content: "\e611";
}
.classes-filter .added-filters li.icon-categories:before, .classes-filter .added-filters li.icon-class-categories:before {
  content: "\e614";
}
.classes-filter .added-filters li:before, .classes-filter .added-filters li a:before {
  margin-right: 10px;
  color: #7f7f7f;
}
.classes-filter .added-filters li a:before {
  margin-left: 10px;
}

.class-strike-container {
  position: relative;
}
.class-strike-container .class-strike {
  padding: 2%;
  color: white;
  text-align: left;
  padding-left: 5%;
}
.class-strike-container .class-strike .rules-anchor {
  color: white;
  text-decoration: underline;
}
.class-strike-container .class-strike p {
  margin: 0 0 0.1em;
  padding-right: 12%;
}
.class-strike-container .class-strike.warning {
  background-color: #FDBF12;
}
.class-strike-container .class-strike.danger {
  background-color: #ED1F23;
}
.class-strike-container .class-strike .icon-close-slim {
  color: white;
  position: absolute;
  right: 7%;
  top: 40%;
  font-size: large;
}

.classes-calendar {
  position: relative;
  background-color: #efefef;
}
.classes-calendar #mobile-class-count {
  text-align: center;
  color: #ccc;
  background-color: #000;
  text-transform: uppercase;
  font-size: 12px;
}
.classes-calendar ul {
  background-color: #000;
  font-size: 0;
}
.classes-calendar ul:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.classes-calendar ul li {
  font-size: initial;
  text-align: center;
}
.classes-calendar ul li a {
  position: relative;
  display: block;
  padding: 18px 12px;
  width: 14.28%;
  background: #000;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.classes-calendar ul li a.current p {
  color: #fff;
}
.classes-calendar ul li a p {
  font-size: 10px;
  font-weight: 700;
  line-height: .8;
  margin: 0 0 -3px;
  color: rgba(255, 255, 255, 0.2);
}
.classes-calendar ul li a small {
  font-size: 11px;
  color: white;
}
.classes-calendar ul li a p, .classes-calendar ul li a small {
  text-transform: uppercase;
}
.classes-calendar ul li a.mobile-current:after, .classes-calendar ul li a.mobile-first:after {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid white;
}
.classes-calendar .nav-arrows {
  width: 100%;
  height: 40px;
  position: relative;
  background: #000;
  color: white;
}
.classes-calendar .nav-arrows .current-week {
  text-align: center;
  padding-top: 7px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.classes-calendar .nav-arrows .icon-left-arrow, .classes-calendar .nav-arrows .icon-right-arrow {
  color: inherit;
  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%);
}
.classes-calendar .nav-arrows .icon-left-arrow {
  left: 30px;
}
.classes-calendar .nav-arrows .icon-right-arrow {
  right: 30px;
}
.classes-calendar .classes-timeline {
  display: none;
}

.offer-hero {
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #000;
  overflow: hidden;
  position: relative;
}
.offer-hero .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.offer-hero .h1, .offer-hero h1 {
  margin-bottom: 80px;
  font-size: 30px;
  font-weight: 100;
  text-align: center;
  padding-top: 90px;
  color: #fff;
}
.offer-hero p {
  background: #fff;
  margin-bottom: 0;
  padding: 90px 80px;
  text-align: center;
  margin: 0 auto 0 auto;
}
.offer-hero section {
  background: #fff;
  width: 100%;
}
.offer-hero section nav {
  margin: 0 0 42px 0;
  margin-bottom: 0;
}
.offer-hero section .sub-links {
  text-align: center;
  font-size: 12px;
  text-decoration: underline;
  padding-bottom: 16px;
  margin-top: 0;
}
.offer-hero .paragraph {
  padding-left: 0;
}

.bike-classes-container {
  min-height: 100px;
  position: relative;
  background-color: #efefef;
}

.classes-list div.empty, .bike-classes-container div.empty {
  padding: 40px;
  background: white;
  margin: 10px;
  text-align: center;
}
.classes-list div.empty h2, .bike-classes-container div.empty h2 {
  font-weight: 200;
  font-size: 40px;
}
.classes-list div.empty p, .bike-classes-container div.empty p {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.classes-list div.empty .no-results-button, .bike-classes-container div.empty .no-results-button {
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 0 10px;
}
.classes-list div.empty.small, .bike-classes-container div.empty.small {
  padding: 10px;
}
.classes-list div.empty.small h2, .bike-classes-container div.empty.small h2 {
  font-size: 28px;
}
.classes-list div.empty.small p, .bike-classes-container div.empty.small p {
  font-size: 12px;
}
.classes-list .loader-holder, .bike-classes-container .loader-holder {
  position: relative;
  min-height: 160px;
}
.classes-list .error-state, .bike-classes-container .error-state {
  position: relative;
}

.classes-list .toggle-day, .classes-list .day-dates {
  display: none;
}
.classes-list .day-dates .class-count {
  float: right;
  color: rgba(0, 0, 0, 0.5);
}
.classes-list .day-dates .current-day .class-count {
  color: #C0C0C0;
}
.classes-list .classes-day {
  display: none;
}
.classes-list .classes-day.current {
  display: block;
}
.classes-list li {
  background-color: #fff;
  border-top: 4px solid #efefef;
  list-style-type: none;
}
.classes-list li .wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.classes-list li .wrapper:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.classes-list li .wrapper .availability {
  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%);
}
.classes-list li .wrapper .availability p, .classes-list li .wrapper .availability span {
  display: block;
  width: 48px;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
.classes-list li .wrapper .availability p {
  height: 48px;
  line-height: 48px;
  color: #fff;
}
.classes-list li .wrapper .availability p.full {
  background-color: #333f48;
  color: #fff;
}
.classes-list li .wrapper .availability p.full:before {
  font-size: 10px;
  content: 'Full';
}
.classes-list li .wrapper .availability p.full + span {
  display: none;
}
.classes-list li .wrapper .availability span {
  margin-top: 10px;
}
.classes-list li .wrapper .class-info-hit-state {
  display: inline-block;
  padding: 20px;
  width: 80%;
  margin-top: 2%;
}
.classes-list li .wrapper .class-info-hit-state .class-info {
  width: 75%;
  float: left;
  padding-left: 80px;
  position: relative;
}
.classes-list li .wrapper .class-info-hit-state .class-info h2 {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 0px;
}
.classes-list li .wrapper .class-info-hit-state .class-info p {
  font-size: 11px;
  text-transform: uppercase;
  margin: 8px 0;
}
.classes-list li .wrapper .class-info-hit-state .class-info p span {
  font-family: 'Graphik Web';
}
.classes-list li .wrapper .class-info-hit-state .class-info p span strong {
  color: #cc3333;
}
.classes-list li .wrapper .class-info-hit-state .class-info p:before {
  margin-right: 10px;
  color: #cdcdce;
}
.classes-list li .wrapper .add-to-calendar {
  position: absolute;
  cursor: pointer;
  text-align: center;
  right: 0;
  top: 0;
  height: 100%;
  width: 20%;
}
.classes-list li .wrapper .add-to-calendar .loader {
  width: 60px;
  left: -10px;
}
.classes-list li .wrapper .add-to-calendar .class-added {
  font-size: 25px;
  position: absolute;
  top: 40%;
  left: 34%;
}
.classes-list li .wrapper .add-to-calendar .grey-popup {
  background: #333f48;
  position: absolute;
  width: 200px;
  right: 47px;
  top: 50%;
  -webkit-transform: translateY(-50%);
}
.classes-list li .wrapper .add-to-calendar .grey-popup.closed {
  display: none;
}
.classes-list li .wrapper .add-to-calendar .grey-popup:before {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #333f48;
  position: absolute;
  top: 35px;
  right: -7px;
}
.classes-list li .wrapper .add-to-calendar .grey-popup p {
  color: #fff;
  font-size: 13px;
  font-weight: 200;
  margin: 0;
  padding: 27px 35px;
  text-align: center;
  text-transform: uppercase;
}
.classes-list li .wrapper .add-to-calendar .grey-popup a {
  color: #fff;
  text-decoration: underline;
}
.classes-list li .wrapper .add-to-calendar .add {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 26px;
  color: #d0d3d3;
}
.classes-list li .wrapper .add-to-calendar .add:hover {
  color: #333f48;
}
.classes-list li .wrapper .add-to-calendar .message {
  position: absolute;
  display: table;
  right: 0;
  top: 0;
  padding: 10px;
  width: 120px;
  height: 100%;
  background: #333f48;
  font-size: 10px;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.classes-list li .wrapper .add-to-calendar .message.closed {
  -moz-transform: translateX(140px);
  -ms-transform: translateX(140px);
  -webkit-transform: translateX(140px);
  transform: translateX(140px);
}
.classes-list li .wrapper .add-to-calendar .message .copy {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 1.4;
}
.classes-list li .wrapper .add-to-calendar .message .copy .icon-check {
  font-size: 28px;
  color: #fff;
}
.classes-list li .wrapper .add-to-calendar .message hr {
  max-width: 30px;
  margin: 10px auto;
  border-top: 1px solid white;
  border-bottom: none;
}
.classes-list li .wrapper .add-to-calendar .message a {
  display: inline;
  text-decoration: underline;
  color: white;
  font-size: 10px;
}
.classes-list li .wrapper .add-to-calendar .message p {
  margin-bottom: 0;
  text-transform: uppercase;
  color: white;
}
.classes-list .print-button {
  display: none;
}

.group-title h2 {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin: 40px auto;
}
.group-title h2 span {
  letter-spacing: 2px;
  display: block;
}
.group-title h2 small {
  display: block;
  font-size: 12px;
  width: 188px;
  margin: 10px auto 0;
  text-transform: none;
  letter-spacing: 1px;
}

.groupfitness .tpl-scheduleavisit {
  margin-top: -20px;
}
.groupfitness.overlay:before {
  opacity: 1;
  height: 100%;
  z-index: 900;
}
.groupfitness:before {
  content: '';
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 0;
  top: 0;
  transition: .5s opacity;
}
.groupfitness .recommended-classes {
  min-height: 0;
}

.grid-active {
  display: none;
}
.grid-active .close {
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 35px;
  color: #fff;
  z-index: 110;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  transition-delay: .7s;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  border-radius: 100%;
}
.grid-active.active .close {
  opacity: 1;
}

.quilt-overlay {
  background-color: #fff;
  display: none;
  height: 100%;
}
.quilt-overlay .quilt-overlay-image {
  position: relative;
}
.quilt-overlay .quilt-overlay-image .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 118px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quilt-overlay .quilt-overlay-info {
  padding: 40px 20px;
  text-align: center;
}
.quilt-overlay .quilt-overlay-info span {
  display: block;
  font-size: 22px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.quilt-overlay .quilt-overlay-info p {
  font-size: 12px;
  letter-spacing: .96px;
  line-height: 1.7;
  margin-bottom: 45px;
}
.quilt-overlay .quilt-overlay-info .button, .quilt-overlay .quilt-overlay-info .btn-mobile-cta {
  font-size: 11px;
}

[class*="grid-image-"], .quilt-overlay {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  transition: width 500ms, height 500ms, top 500ms, left 500ms;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
[class*="grid-image-"] img, .quilt-overlay img {
  opacity: 1;
  transition: opacity 500ms ease, transform 500ms ease;
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  -ms-transition: opacity 500ms ease, -ms-transform 500ms ease;
}
[class*="grid-image-"].active, .quilt-overlay.active {
  width: 100%;
  position: fixed;
  z-index: 901;
  overflow: hidden;
  overflow-y: scroll;
  display: none;
}
[class*="grid-image-"].active img, [class*="grid-image-"].active .quilt-overlay-info, .quilt-overlay.active img, .quilt-overlay.active .quilt-overlay-info {
  opacity: 0;
}
[class*="grid-image-"].active.overlay img, [class*="grid-image-"].active.overlay .quilt-overlay-info, .quilt-overlay.active.overlay img, .quilt-overlay.active.overlay .quilt-overlay-info {
  transition-delay: .7s;
  opacity: 1;
}
[class*="grid-image-"].active.overlay .category-icon, .quilt-overlay.active.overlay .category-icon {
  width: 120px;
}

.group-grid [class*="grid-image-"] img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.group-grid {
  width: 100%;
}
.group-grid * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.group-grid .new-from-eq {
  background-color: #333f48;
  text-align: center;
  position: relative;
}
.group-grid .new-from-eq:before {
  content: '';
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.group-grid .new-from-eq > a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 3.96px;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.group-grid .new-from-eq > a label {
  font-size: 20px;
  display: block;
}
.group-grid .new-from-eq > a button {
  font-size: 11px;
  font-weight: 500;
  margin-top: 25px;
}
.group-grid:after,
.group-grid div:after {
  content: "";
  display: table;
  clear: both;
}
.group-grid [class*='col-'] {
  float: left;
}
.group-grid [class*='col-'] span {
  position: absolute;
  z-index: 10;
  text-align: center;
  width: 100%;
  display: block;
  top: 50%;
  margin: -10px auto 0;
  padding: 0 10%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 2px;
}
.group-grid img {
  vertical-align: top;
}
.group-grid .col-2-3 {
  width: 66.66667%;
}
.group-grid .col-1-3 {
  width: 33.33333%;
}
.group-grid .col-1-2 {
  width: 100%;
}
.group-grid .col-1-4 {
  width: 25%;
}
.group-grid .col-1-8 {
  width: 12.5%;
}
.group-grid .col-1 {
  width: 100%;
}
.group-grid .col-3-5 {
  width: 60%;
}
.group-grid .col-2-5 {
  width: 40%;
}
.group-grid .is-mobile > div:last-child {
  margin-top: -2px;
}

.tpl-groupfitnessquilt + div.module {
  margin-top: -2px;
  padding-top: 0;
}

.group-detail {
  display: none;
  position: absolute;
  background-color: #fff;
  top: 50px;
  width: 100%;
  z-index: 5;
}
.group-detail p {
  text-align: center;
  padding: 0 30px;
  line-height: 1.6em;
  font-size: 13px;
}
.group-detail p a {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  text-decoration: underline;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.5);
}
.group-detail h3 {
  margin: 36px 15px;
}
.group-detail h4 {
  font-size: 14px;
  text-align: center;
  padding: 25px 0 20px;
}
.group-detail .hero {
  position: relative;
}
.group-detail .hero .controls {
  display: none;
  position: absolute;
  z-index: 10;
  right: 20px;
  bottom: 48px;
}
.group-detail .hero .controls span {
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.group-detail .hero .controls span:first-child {
  margin-right: 15px;
}
.group-detail .hero .owl-controls {
  position: absolute;
  bottom: 30px;
}
.group-detail .hero .owl-controls .owl-page span {
  background: #fff;
  margin: 2px;
  width: 6px;
  height: 6px;
}
.group-detail .hero .icon-close-2 {
  border: 1px #fff solid;
  height: 38px;
  width: 38px;
  border-radius: 100%;
  display: block;
  position: absolute;
  color: #fff;
  cursor: pointer;
  top: 18px;
  right: 15px;
  z-index: 10;
}
.group-detail .hero .icon-close-2:before {
  font-size: 36px;
  text-align: center;
  position: absolute;
  display: block;
  margin-top: -18px;
  width: 100%;
  top: 50%;
}
.group-detail .hero .icon-close-2:hover {
  background-color: #fff;
  color: #000;
}
.group-detail .side-content hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}
.group-detail .side-content .details {
  padding: 40px 0;
}
.group-detail .side-content .details .icon-training {
  background-color: #7C878E;
  width: 75px;
  height: 75px;
  display: block;
  border-radius: 100%;
  margin: 20px auto 40px;
  position: relative;
}
.group-detail .side-content .details .icon-training:before {
  color: #FFF;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  width: 100%;
}
.group-detail .side-content .details .uppercase {
  margin-top: 25px;
}
.group-detail .side-content .upcoming {
  padding: 20px 0 80px;
}
.group-detail .side-content .upcoming hr {
  border: none;
  border-top: 1px solid #000;
  width: 20%;
}
.group-detail .side-content .upcoming .controls {
  position: relative;
  display: none;
}
.group-detail .side-content .upcoming .controls span {
  position: absolute;
  font-size: 25px;
  cursor: pointer;
  right: 20px;
  top: 70px;
  z-index: 10;
}
.group-detail .side-content .upcoming .controls span:first-child {
  left: 20px;
  right: auto;
}
.group-detail .side-content .upcoming .statics {
  margin: 0 auto;
  padding: 20px;
}
.group-detail .side-content .upcoming .statics .static-item {
  padding-top: 10px;
  clear: left;
}
.group-detail .side-content .upcoming .statics .static-item .caption,
.group-detail .side-content .upcoming .statics .static-item .line-graph {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  float: left;
}
.group-detail .side-content .upcoming .statics .static-item .caption {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 800;
  padding-left: 20px;
}
.group-detail .side-content .upcoming .statics .static-item .line-graph {
  padding-right: 15px;
}
.group-detail .side-content .upcoming .statics .static-item .line-graph .display {
  display: block;
  background-color: #d0d3d3;
  height: 14px;
  width: 100%;
}
.group-detail .side-content .upcoming .statics .static-item:first-child {
  padding-top: 0;
}
.group-detail .side-content .upcoming .statics .static-item:nth-child(2) .display {
  background-color: #7c878e;
}
.group-detail .side-content .upcoming .statics .static-item:nth-child(3) .display {
  background-color: #455460;
}
.group-detail .side-content .upcoming .button-container {
  margin-top: 10px;
}
.group-detail .side-content .upcoming .button-container a {
  letter-spacing: 2px;
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: 1.2em;
  font-size: 11px;
}

.bar-chart-horizontal .class-module.fpo-module .bar-chart {
  overflow: visible;
  clear: both;
  text-align: center;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart {
  height: 180px;
  width: 50%;
  position: relative;
  margin: 0;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bg-lines {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bg-lines span {
  width: 24.3%;
  height: 100%;
  border-right: 1px dashed #ccc;
  display: inline-block;
  position: relative;
  top: 0;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container {
  height: 22%;
  position: relative;
  width: 100%;
  margin-bottom: 3%;
  display: block;
  padding: 0;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container .bar {
  height: 100%;
  width: 66%;
  background-color: #867F7C;
  z-index: 20;
  bottom: 0;
  float: left;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container .bar.strength {
  background-color: #d0d3d3;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container .bar.cardio {
  background-color: #7c878e;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container .bar.flexibility {
  background-color: #333f48;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container .bar.regeneration {
  background-color: #1d242a;
}
.bar-chart-horizontal .class-module.fpo-module .bar-chart .chart .bar-container .bar .label {
  position: absolute;
  top: 9px;
  font-size: 18px;
  display: block;
  font-weight: 400;
  letter-spacing: 0.14em;
  color: #7c878e;
  text-align: right;
  left: 110%;
  text-transform: uppercase;
  font-family: 'Graphik Medium';
}

.module-container {
  padding: 46px 33px 54px;
  text-align: center;
  text-transform: uppercase;
}
.module-container.personal-info {
  position: relative;
  padding: 20px 15px 34px;
}
.module-container p.required {
  color: #ff0000;
}
.module-container h3 {
  font-size: 20px;
  font-weight: 200;
}
.module-container h3 span {
  color: #c7c7c7;
  font-weight: 700;
}
.module-container h3 span.suffix {
  position: relative;
  top: -8px;
  left: 2px;
}
.module-container .half-container {
  display: inline-block;
  text-align: center;
}
.module-container .half-container .info .empty {
  height: 43px;
  width: 28px;
  margin: 0 auto;
}
.module-container .half-container .info .empty span {
  width: 60%;
  height: 2px;
  background-color: #a3a3a3;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
}
.module-container .half-container .edit {
  display: none;
}
.module-container .half-container.editable {
  display: block;
  margin-top: 20px;
}
.module-container .half-container h3 {
  font-size: 25px;
  font-weight: 200;
  letter-spacing: 2px;
  margin: 0;
}
.module-container .half-container span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}
.module-container .half-container.gender {
  float: right;
  position: absolute;
  top: 20px;
  right: 12%;
  width: 28%;
}
.module-container .half-container.age {
  float: left;
  width: 48%;
  margin-top: 20px;
}
.module-container .half-container.weight, .module-container .half-container.height {
  width: 100%;
  margin: 25px 0px;
}
.module-container .half-container.weight .input-container input, .module-container .half-container.height .input-container.metric input {
  width: 125px;
}
.module-container .input-container {
  margin-top: 25px;
}
.module-container .input-container.metric, .module-container .input-container.imperial {
  display: none;
}
.module-container .input-container.metric input, .module-container .input-container.imperial input {
  width: 54px;
}
.module-container .input-container input {
  display: inline-block;
  border: 1px solid #c7c7c7;
  font-size: 25px;
  font-weight: 200;
  letter-spacing: 2px;
  width: 50%;
  height: 41px;
  padding: 2px;
}
.module-container .input-container input.error {
  border-color: #f00;
}
.module-container .input-container label.suffix {
  font-size: 11px;
  font-weight: 500;
  color: #C7C7C7;
  margin-right: 4px;
  margin-left: 4px;
  position: relative;
  top: -6px;
}
.module-container .input-container span {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
}
.module-container .input-container .select-wrapper {
  font-size: 40px;
  letter-spacing: 2px;
  margin: 0 20px;
}
.module-container .input-container .select-wrapper.box, .module-container .input-container .select-wrapper.btn-mobile-cta {
  border: 1px solid #c7c7c7;
  height: 35px;
  vertical-align: top;
  width: 48%;
  margin: 0 1px 2px;
  padding: 2px;
  padding-right: 10px;
  display: inline-block;
}
.module-container .input-container .select-wrapper.box select, .module-container .input-container .select-wrapper.btn-mobile-cta select {
  letter-spacing: 0;
  text-transform: uppercase;
}
.module-container .input-container .select-wrapper.box .option, .module-container .input-container .select-wrapper.btn-mobile-cta .option {
  width: 100%;
  font-size: 21px;
  font-weight: 200;
  letter-spacing: -1px;
  margin-top: 0;
}
.module-container .input-container .select-wrapper.box .option:after, .module-container .input-container .select-wrapper.btn-mobile-cta .option:after {
  font-size: 12px;
  margin-top: -4px;
  position: absolute;
  right: 3px;
  top: 50%;
  color: #c7c7c7;
}
.module-container .half-container.age {
  width: 50%;
}
.module-container .half-container.age .input-container {
  width: 100%;
  display: inline-block;
}
.module-container .half-container.height .info.imperial, .module-container .half-container.height .info.metric {
  display: none;
}
.module-container .half-container.gender .input-container {
  text-align: center;
  font-size: 32px;
  font-weight: 200;
  color: #797979;
  width: 110px;
  margin-top: 58px;
}
.module-container .half-container.gender .input-container label.gender-select {
  cursor: pointer;
  height: 40px;
  display: inline-block;
}
.module-container .half-container.gender .input-container label.gender-select.selected {
  color: #000;
}
.module-container .half-container.gender .input-container label.gender-select input {
  display: none;
}
.module-container .half-container.gender .input-container span {
  width: 100%;
  color: #000;
}
.module-container .half-container.gender .input-container span.error {
  color: #f00;
}
.module-container a.edit-info {
  display: none;
}
.module-container a.save-info {
  display: none;
  position: relative;
  min-width: 70px;
}
.module-container .underlined-link {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 22px;
}
.module-container .circles-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 324px;
  text-align: left;
}
.module-container .circles-wrapper .goals-container {
  display: block;
}
.module-container .circles-wrapper .goals-container .circles-container {
  display: inline-block;
  margin-bottom: 23px;
  text-align: center;
  vertical-align: top;
  width: 49%;
}
.module-container .circles-wrapper .goals-container .circles-container:last-child {
  margin-bottom: 0;
}
.module-container .circles-wrapper .goals-container .circles-container .rounded-button span {
  margin: 0 auto;
}
.module-container .circles-wrapper .goals-container .circles-container span {
  display: block;
  font-size: 10px;
  margin: 12px auto 0;
  width: 74px;
}
.module-container .circles-wrapper .circles-container {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: top;
  width: 49%;
}
.module-container .circles-wrapper .circles-container .rounded-button span {
  margin: 0 auto;
}
.module-container .circles-wrapper .circles-container .rounded-button .add-goal {
  color: #b2b2b2;
}
.module-container .circles-wrapper .circles-container .rounded-button .add-goal span {
  font-weight: 700;
}
.module-container .circles-wrapper .circles-container span {
  display: block;
  font-size: 10px;
  margin: 12px auto 0;
  width: 74px;
}
.module-container .small-circles-container {
  display: inline-block;
  margin-bottom: 16px;
  text-align: left;
  width: 45%;
}
.module-container .small-circles-container:nth-child(odd) {
  margin-right: 8%;
}
.module-container .small-circles-container .rounded-button {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.module-container .small-circles-container .rounded-button.selected .color-circle span {
  color: #fff;
}
.module-container .small-circles-container .rounded-button .rounded {
  width: 30px;
  height: 30px;
}
.module-container .small-circles-container .rounded-button .rounded.color-circle > span {
  font-size: 22px;
  font-weight: 700;
  padding: 5px 0;
}
.module-container .small-circles-container .small-circle-description {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
}
.module-container .small-circles-container .small-circle-description span {
  font-size: 11px;
  font-weight: 700;
  color: #7c878e;
  vertical-align: middle;
}
.module-container .rounded-button {
  display: block;
}
.module-container .rounded-button.selected .rounded.color-circle {
  background: #7c878e;
  border: 1px solid #7c878e;
  color: #fff;
}
.module-container .rounded-button .rounded {
  display: block;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  border-radius: 40px;
  width: 74px;
  height: 74px;
  margin: 0 auto;
}
.module-container .rounded-button .rounded.color-circle {
  background: #fff;
  border: 1px solid #b3b3b3;
  color: #d9d9d9;
}
.module-container .rounded-button .rounded.color-circle > span {
  display: block;
  font-size: 22px;
  margin-top: 0;
  padding: 27px 0;
  text-align: center;
}
.module-container .small-circles-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 324px;
  text-align: left;
}

.profile {
  /* Bike preferences */
}
.profile .header-container {
  background: #000;
  border-top: 1px solid #676767;
  color: #fff;
  padding: 28px 24px;
  text-align: center;
}
.profile .header-container h1 {
  font-size: 25px;
  font-weight: 200;
  margin-bottom: 13px;
}
.profile .header-container p {
  font-size: 11px;
  color: #636363;
  letter-spacing: 1px;
  line-height: 18px;
  text-transform: uppercase;
}
.profile .header-container .rounded {
  display: block;
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
  border-radius: 80px;
  width: 127px;
  height: 127px;
  margin: 18px auto -80px;
}
.profile .header-container .profile-image {
  width: 127px;
  height: 127px;
  margin: 18px auto -80px;
  position: relative;
}
.profile .header-container .profile-image button:focus {
  outline: 0;
  cursor: pointer;
}
.profile .header-container .profile-image .edit {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
  border-radius: 80px;
  width: 127px;
  height: 127px;
  z-index: 10;
  cursor: pointer;
  display: none;
}
.profile .header-container .profile-image .rounded {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
  border-radius: 80px;
  width: 127px;
  height: 127px;
  z-index: 5;
}
.profile .header-container .profile-image .upload-tooltip {
  width: 264px;
  position: absolute;
  top: 145px;
  left: 50%;
  margin-left: -132px;
  background: #7c878e;
  display: none;
  z-index: 100;
}
.profile .header-container .profile-image .upload-tooltip:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 7px 7.5px;
  border-color: transparent transparent #7c878e transparent;
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -7.5px;
}
.profile .header-container .profile-image .upload-tooltip ul li {
  position: relative;
  border-bottom: solid 1px #bec3c7;
}
.profile .header-container .profile-image .upload-tooltip ul li .upload-input {
  width: 264px;
  height: 85px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.profile .header-container .profile-image .upload-tooltip ul li button {
  width: 100%;
  padding: 20px 26px;
  border: 0;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
.profile .header-container .profile-image .upload-tooltip ul li button span {
  font-size: 12px;
}
.profile .profile-upper-container {
  padding: 60px 20px 0;
}
.profile .profile-upper-container .alias-display {
  display: block;
  font-size: 25px;
  font-weight: 200;
  letter-spacing: 3px;
  margin-bottom: 25px;
}
.profile .profile-upper-container .displaying-custom-alias .create-nickname-tout {
  display: none;
}
.profile .profile-upper-container h4 {
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 17px;
  text-align: center;
}
.profile .profile-upper-container h4 small {
  display: block;
  font-size: 9px;
  color: #9d9d9d;
  margin-top: 3px;
}
.profile .profile-upper-container.edit .alias-display {
  display: none;
}
.profile .profile-upper-container.edit h4 {
  margin-bottom: 23px;
}
.profile .profile-upper-container.edit h4 small {
  display: none;
}
.profile .profile-upper-container.edit .profile-name {
  padding-bottom: 17px;
  position: relative;
}
.profile .profile-upper-container.edit .profile-name .name-info p {
  display: none;
}
.profile .profile-upper-container.edit .profile-name .divider-text {
  display: inline-block;
  background: #fff;
  position: absolute;
  bottom: -9px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 40px;
}
.profile .profile-upper-container.edit .profile-name .divider-text span {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.profile .profile-upper-container.edit .profile-name .checkbox {
  display: inline-block;
}
.profile .profile-upper-container.edit .profile-name .checkbox label {
  display: inline-block;
}
.profile .profile-upper-container.edit .profile-name .checkbox label .checkbox-replacement {
  border-color: rgba(127, 127, 127, 0.8);
  width: 12px;
  height: 12px;
}
.profile .profile-upper-container.edit .profile-name .checkbox label .label {
  font-size: 11px;
  font-weight: 700;
  color: #7f7f7f;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 25px;
}
.profile .profile-upper-container.edit .profile-name .checkbox h3 {
  font-size: 25px;
  font-weight: 200;
  color: #7f7f7f;
  letter-spacing: 2px;
  margin-bottom: 4px;
}
.profile .profile-upper-container.edit .profile-name .checkbox.checked label input {
  border-color: rgba(0, 0, 0, 0.8) !important;
  color: #000 !important;
}
.profile .profile-upper-container.edit .profile-name .checkbox.checked label .checkbox-replacement {
  border-color: rgba(0, 0, 0, 0.8);
  color: #000;
  position: relative;
}
.profile .profile-upper-container.edit .profile-name .checkbox.checked label .checkbox-replacement:before {
  font-size: 25px;
  top: -6px;
  left: -8px;
  font-weight: 700;
}
.profile .profile-upper-container.edit .profile-name .checkbox.checked label .label {
  color: #000;
}
.profile .profile-upper-container.edit .profile-name .checkbox.checked h3 {
  color: #000;
}
.profile .profile-upper-container.edit .nickname-info {
  display: block;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container {
  display: none;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container input[placeholder] {
  color: #000;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .nickname-field {
  display: block;
  border: 1px solid #d9d9d9;
  font-size: 25px;
  font-weight: 200;
  color: #000;
  margin: 11px 0 7px;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator {
  display: block;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 14px;
  text-transform: uppercase;
  display: none;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator.first-state {
  display: block;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator.grey {
  color: #636363;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator.valid {
  color: #0f8a63;
  font-weight: 700;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator.valid > span {
  position: relative;
  margin-right: 17px;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator.valid > span:before {
  font-size: 14px;
  position: absolute;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator.invalid {
  color: #d91111;
  font-weight: 700;
}
.profile .profile-upper-container.edit .nickname-info .edit-nickname-container .textfield-validator.invalid > span {
  font-size: 8px;
  margin-right: 3px;
}
.profile .profile-upper-container .profile-name {
  border-bottom: 1px solid #9b9b9b;
  text-align: center;
}
.profile .profile-upper-container .profile-name .checkbox {
  display: none;
}
.profile .profile-upper-container .profile-name p {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 0;
  width: 217px;
  margin: 0 auto;
}
.profile .profile-upper-container .divider-text {
  display: none;
}
.profile .profile-upper-container .nickname-info {
  display: none;
  padding: 28px 0;
  text-align: center;
}
.profile .profile-upper-container .nickname-info .checkbox {
  display: inline-block;
}
.profile .profile-upper-container .nickname-info .checkbox label {
  display: inline-block;
}
.profile .profile-upper-container .nickname-info .checkbox label input {
  border-color: rgba(0, 0, 0, 0.8) !important;
  color: #000 !important;
}
.profile .profile-upper-container .nickname-info .checkbox label .checkbox-replacement {
  border-color: rgba(127, 127, 127, 0.8);
  color: #000;
  width: 12px;
  height: 12px;
}
.profile .profile-upper-container .nickname-info .checkbox label .label {
  font-size: 11px;
  font-weight: 700;
  color: #7f7f7f;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 23px;
}
.profile .profile-upper-container .nickname-info .checkbox h3 {
  display: block;
  font-size: 25px;
  font-weight: 200;
  color: #7f7f7f;
  margin-bottom: 0;
}
.profile .profile-upper-container .nickname-info .checkbox.checked label .checkbox-replacement {
  border-color: rgba(0, 0, 0, 0.8);
  position: relative;
}
.profile .profile-upper-container .nickname-info .checkbox.checked label .checkbox-replacement:before {
  font-size: 25px;
  top: -6px;
  left: -8px;
  font-weight: 700;
}
.profile .profile-upper-container .nickname-info .checkbox.checked label .label {
  color: #000;
}
.profile .profile-upper-container .nickname-info .checkbox.checked h3 {
  display: none;
}
.profile .profile-upper-container .nickname-info .checkbox.checked .edit-nickname-container {
  display: block;
}
.profile .profile-upper-container .nickname-info .checkbox.checked .edit-nickname-container.invalid-textfield input {
  border-color: #d91111;
}
.profile .profile-upper-container .nickname-info .nickname-field, .profile .profile-upper-container .nickname-info .textfield-validator {
  display: none;
}
.profile .line-bottom {
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}
.profile .athlete-level {
  padding: 46px 33px;
}
.profile .athlete-level .range-selection .track-wrapper {
  margin-bottom: 44px;
}
.profile .athlete-level .range-selection .track-wrapper .track {
  background: #d9d9d9;
}
.profile .athlete-level .range-selection .track-wrapper .track .track-shadow {
  background: transparent;
}
.profile .athlete-level .range-selection .track-wrapper .track .track-shadow .thumb {
  background: #7c878e;
}
.profile .athlete-level .range-selection .track-wrapper .track .reference {
  background: #7c878e;
}
.profile .athlete-level .range-selection .answers p {
  font-size: 12px;
  font-weight: 200;
  text-transform: none;
}
.profile .bike-settings.edit-mode .bike-settings-container .steps {
  display: block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container {
  display: none;
  width: 100%;
  height: auto;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row .half-container .info span {
  height: auto;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.seat-height .half-container.seat-height {
  display: block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.seat .half-container.seat {
  display: block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.seat .input span {
  display: none;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.handlebar-height .half-container.handlebar-height {
  display: block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.handlebar .half-container.handlebar {
  display: block;
}
.profile .bike-settings.edit-mode .bike-settings-container .containers-row.handlebar .input span {
  display: none;
}
.profile .bike-settings .get-started {
  padding: 46px 33px 54px;
  text-align: center;
  text-transform: uppercase;
  text-align: center;
}
.profile .bike-settings .get-started p {
  text-transform: none;
  color: #7c878e;
}
.profile .bike-settings .bike-settings-container {
  padding: 46px 15px 54px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
.profile .bike-settings .bike-settings-container h3 {
  font-size: 24px;
  margin: 0;
}
.profile .bike-settings .bike-settings-container.handlebar-container .settings-container .horizontal-selector .seat {
  display: none;
}
.profile .bike-settings .bike-settings-container.handlebar-height-container .settings-container .vertical-selector .seat-height {
  display: none;
}
.profile .bike-settings .bike-settings-container.seat-container .settings-container .horizontal-selector .handlebar {
  display: none;
}
.profile .bike-settings .bike-settings-container.seat-height-container .settings-container .vertical-selector .handlebar-height {
  display: none;
}
.profile .bike-settings .bike-settings-container .steps {
  display: none;
}
.profile .bike-settings .bike-settings-container .steps p {
  margin: 8px 0;
}
.profile .bike-settings .bike-settings-container .steps p:before, .profile .bike-settings .bike-settings-container .steps p:after {
  content: "";
  width: 35%;
  height: 1px;
  background-color: #ccc;
  margin-top: 10px;
}
.profile .bike-settings .bike-settings-container .steps p:before {
  float: left;
}
.profile .bike-settings .bike-settings-container .steps p:after {
  float: right;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container {
  width: 50%;
  float: left;
  margin: 25px 0;
  text-align: center;
  height: 55px;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container .info span {
  display: block;
  margin: 5px auto 0 auto;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  height: 28px;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container .info span.suffix {
  font-size: 10px;
  color: #c7c7c7;
  margin: 0 0 0 5px;
  position: relative;
  top: -6px;
  display: inline-block;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container .info .input span {
  font-size: 25px;
  font-weight: 200;
  letter-spacing: 2px;
  margin: 0;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container.has-suffix .info .input {
  display: inline-block;
}
.profile .bike-settings .bike-settings-container .containers-row .half-container.has-suffix .info .input span {
  color: #000;
}
.profile .bike-settings .bike-settings-container .containers-row.edited .half-container {
  width: 50%;
  float: left;
  height: 80px;
}
.profile .bike-settings .bike-settings-container .containers-row.edited .half-container .info .input {
  display: block;
}
.profile .bike-settings .bike-settings-container .containers-row.edited .half-container .info .input span {
  color: #000;
}
.profile .bike-settings .bike-settings-container .containers-row.seat + .settings-container .horizontal-selector .handlebar {
  display: none;
}
.profile .bike-settings .bike-settings-container .containers-row.seat-height + .settings-container .vertical-selector .handlebar-height {
  display: none;
}
.profile .bike-settings .bike-settings-container .containers-row.handlebar + .settings-container .horizontal-selector .seat {
  display: none;
}
.profile .bike-settings .bike-settings-container .containers-row.handlebar-height + .settings-container .vertical-selector .seat-height {
  display: none;
}
.profile .bike-settings .bike-settings-container .line {
  display: none;
}
.profile .bike-settings .bike-settings-container .underlined-link {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 31px;
}
.profile .bike-settings .bike-settings-container .underlined-link:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.profile .bike-settings .bike-settings-container .settings-container {
  max-width: 500px;
  margin: 0 auto;
  clear: both;
  position: relative;
}
.profile .bike-settings .bike-settings-container .settings-container:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector {
  width: 100%;
  margin: 20px 0;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector .handlebar li {
  margin: 0 7px;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li {
  display: inline-block;
  border-radius: 100%;
  border: solid 2px #7c878e;
  line-height: 1.2;
  width: 39px;
  height: 40px;
  font-size: 30px;
  color: #7c878e;
  position: relative;
  margin: 0 14px;
  cursor: pointer;
  vertical-align: bottom;
  font-weight: lighter;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li:after {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 42px;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li.minus:after {
  content: "-";
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li.plus:after {
  content: "+";
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li.zero:after {
  content: "0";
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li.one:after {
  content: "1";
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li.two:after {
  content: "2";
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li:hover, .profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li.active {
  background-color: #7c878e;
  cursor: pointer;
}
.profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li:hover:after, .profile .bike-settings .bike-settings-container .settings-container .horizontal-selector li.active:after {
  color: #fff;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container {
  width: 100%;
  display: inline-block;
}
.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: -15px;
  position: relative;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container .step {
  width: 100%;
  height: 380px;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container .step img.is-mobile {
  width: auto;
  max-width: 90%;
  max-height: 100%;
  height: auto;
  margin: 0 auto;
}
.profile .bike-settings .bike-settings-container .settings-container .steps-container .tip {
  float: left;
  width: 100%;
  text-transform: none;
  font-size: 12px;
  color: #7c878e;
  margin: 25px 0;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  z-index: 99;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li {
  padding: 3px 20px;
  width: 19px;
}
.no-touch .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:hover, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li.active {
  position: relative;
  cursor: pointer;
}
.no-touch .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:hover span, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li.active span {
  display: block;
}
.no-touch .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:hover:after, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li.active:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-color: #7c878e;
  position: absolute;
  border-radius: 100%;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li.first {
  margin-top: 0;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li.last {
  margin-bottom: 0;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li.last div span {
  top: -4px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li.last div:before {
  content: none;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:first-child, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:last-child {
  background: transparent;
  margin: 10px auto;
  padding: 0;
  width: auto;
  height: auto;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:first-child:before, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:last-child:before {
  content: none;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:first-child:hover, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:last-child:hover {
  width: auto;
  height: auto;
  background: transparent;
  cursor: inherit;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:first-child:hover:after, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li:last-child:hover:after {
  content: none;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li div {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #d0d3d3;
  margin: 0 auto;
  color: #7c878e;
  font-size: 12px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li div span {
  display: none;
  position: relative;
  top: -13px;
  left: -24px;
  font-size: 11px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .seat-height li div:before {
  content: "";
  display: block;
  height: 8px;
  width: 1px;
  position: relative;
  top: 100%;
  margin: 0 auto;
  background-color: #d0d3d3;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li {
  padding: 10px 20px;
  width: 19px;
}
.no-touch .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:hover, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li.active {
  position: relative;
  cursor: pointer;
}
.no-touch .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:hover span, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li.active span {
  display: block;
}
.no-touch .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 {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #7c878e;
  position: absolute;
  border-radius: 100%;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li.first {
  margin-top: 0;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li.last {
  margin-bottom: 0;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li.last div span {
  top: -6px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li.last div:before {
  content: none;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:first-child, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:last-child {
  background: none;
  width: auto;
  height: auto;
  margin: 10px auto;
  padding: 0;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:first-child:before, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:last-child:before {
  content: none;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:first-child:hover, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:last-child:hover {
  width: auto;
  height: auto;
  background: transparent;
  cursor: inherit;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:first-child:hover:after, .profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li:last-child:hover:after {
  content: none;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li div {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #d0d3d3;
  margin: 0 auto;
  color: #7c878e;
  font-size: 12px;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li div:before {
  content: "";
  display: block;
  height: 20px;
  width: 1px;
  position: relative;
  top: 100%;
  margin: 0 auto;
  background-color: #d0d3d3;
}
.profile .bike-settings .bike-settings-container .settings-container .vertical-selector .handlebar-height li div span {
  display: none;
  position: relative;
  top: -25px;
  left: -24px;
  font-size: 11px;
}
.profile .bike-settings .bike-settings-container .controls {
  max-width: 400px;
  margin: 0 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;
}
.profile .cropper-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
}
.profile .cropper-overlay .cropper-wrapper {
  width: 717px;
  height: 631px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -316px;
  margin-left: -358px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
}
.profile .cropper-overlay .cropper-wrapper h1 {
  font-size: 30px;
  font-weight: normal;
  text-align: center;
}
.profile .cropper-overlay .cropper-wrapper p {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.profile .cropper-overlay .cropper-wrapper .buttons-container {
  text-align: center;
}
.profile .cropper-overlay .cropper-wrapper .buttons-container .button, .profile .cropper-overlay .cropper-wrapper .buttons-container .btn-mobile-cta {
  width: 250px;
  margin: 0;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container {
  width: 632px;
  height: 355px;
  overflow: hidden;
  margin-bottom: 50px;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-viewer {
  outline: none;
  border-radius: 50%;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-face {
  border-radius: 50%;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-line {
  background: #acacac;
  opacity: 1;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-line.line-e, .profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-line.line-w {
  width: 1px;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-line.line-n, .profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-line.line-s {
  height: 1px;
}
.profile .cropper-overlay .cropper-wrapper .cropper-container .cropper-point {
  background: #e1e1e1;
  opacity: 1;
}
.profile .cropper-overlay .cropper-wrapper .icon-close {
  position: absolute;
  top: 16px;
  right: 16px;
}

.fb-sharing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.fb-sharing-overlay .fb-box {
  position: fixed;
  top: 51px;
  background: #fff;
  color: #000;
  padding: 38px 28px;
  width: 100%;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fb-sharing-overlay .fb-box a {
  display: block;
  font-size: 12px;
  color: #000;
  text-align: right;
  position: absolute;
  top: 20px;
  right: 20px;
}
.fb-sharing-overlay .fb-box .fb-share-preview {
  margin-top: 20px;
}
.fb-sharing-overlay .fb-box img {
  width: 60px;
  height: 60px;
  margin: 0 10px 8px 0px;
  float: left;
}
.fb-sharing-overlay .fb-box ul {
  max-width: 220px;
  text-align: left;
  float: left;
  text-transform: uppercase;
  margin-bottom: 27px;
}
.fb-sharing-overlay .fb-box ul li {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.6em;
}
.fb-sharing-overlay .fb-box ul li:first-child {
  font-weight: bold;
}
.fb-sharing-overlay .fb-box p {
  font-size: 18px;
  margin: 0;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
}
.fb-sharing-overlay .fb-box form textarea {
  background: #fff;
  border: 2px solid #7f7f7f;
  color: #000;
  font-size: 12px;
  line-height: 1.3em;
  width: 100%;
  min-height: 74px;
  margin: 20px 0;
  padding: 12px;
  resize: none;
  text-align: left;
}
.fb-sharing-overlay .fb-box form input {
  width: 100%;
}

.page.thankyou .main-social-icons li a {
  border: none;
}
.page.thankyou .main-social-icons li a:hover {
  background: transparent;
}
.page.thankyou .rich-content.cta {
  position: static;
}

.new-classes .classes-wrapper {
  margin: 0 50px;
}

.page.cycling-class-detail .header-wrapper {
  height: 190px;
  overflow: hidden;
  position: relative;
}
.page.cycling-class-detail .header-wrapper > a {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 18px;
  left: 20px;
}
.page.cycling-class-detail .title-cta-module {
  text-align: center;
}
.page.cycling-class-detail .title-cta-module h3 {
  font-size: 32px;
  letter-spacing: 4px;
  margin-bottom: 0;
}
.page.cycling-class-detail .title-cta-module h3 small {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 6px;
}
.page.cycling-class-detail .title-cta-module .instructor {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 28px;
  text-transform: uppercase;
}
.page.cycling-class-detail .title-cta-module p {
  font-size: 12px;
  margin-bottom: 0;
}
.page.cycling-class-detail .title-cta-module nav {
  margin-top: 23px;
}
.page.cycling-class-detail .class-results {
  border-top: 1px solid #b2b2b2;
}
.page.cycling-class-detail .class-results .results-columns .result-row {
  padding: 0 30px;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul {
  border-bottom: 1px solid #b2b2b2;
  padding: 34px 0;
  text-align: center;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li:first-child {
  font-weight: 700;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li.position p {
  font-size: 56px;
  font-weight: 200;
  margin-bottom: 8px;
}
.page.cycling-class-detail .class-results .results-columns .result-row ul li.position p sup {
  font-size: 23px;
  font-weight: 400;
  vertical-align: super;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info {
  padding: 0 30px;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container {
  border-bottom: 1px solid #b2b2b2;
  padding: 34px 0;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul {
  display: inline-block;
  width: 49.2%;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul.upper-info {
  margin-bottom: 36px;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul li {
  text-align: center;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul li p {
  font-size: 30px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 0;
}
.page.cycling-class-detail .class-results .results-columns .secondary-info .secondary-info-container ul li p span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  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 {
  text-align: center;
}
.page.cycling-class-detail .class-results .results-columns .class-award p {
  font-size: 12px;
  margin-bottom: 16px;
}
.page.cycling-class-detail .class-results .results-columns .class-award > img {
  width: 80px;
  margin-bottom: 33px;
}
.page.cycling-class-detail .class-results .results-columns .class-award .sharing {
  display: block;
}
.page.cycling-class-detail .class-results .results-columns .class-award .sharing p {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.page.cycling-class-detail .class-results .results-columns .class-award .sharing .sharing-icon {
  padding: 0 10px;
}
.page.cycling-class-detail .graphic {
  background-color: grey;
  margin: 27px 0 22px;
  height: 290px;
}
.page.cycling-class-detail .leaderboard-results {
  padding: 45px 8px;
}
.page.cycling-class-detail .leaderboard-results h3 {
  font-size: 21px;
  font-weight: 200;
  margin-bottom: 23px;
}
.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 {
  display: block;
  background-color: grey;
  height: 350px;
}
.page.cycling-class-detail .common-padding {
  padding: 34px 28px;
}

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

.visitus .module {
  margin-top: 0;
  padding-top: 0;
}

.visitus + footer {
  margin-top: 0;
}

#leads {
  background: #000;
  color: #fff;
  overflow-x: hidden;
}
#leads #leads-thanks,
#leads #leads-error {
  padding: 20px;
  width: 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%;
  padding: 20px;
  line-height: 30px;
  font-size: 28px;
}
#leads #leads-thanks h4,
#leads #leads-error h4 {
  width: auto;
  margin-top: 20px;
}
#leads #error {
  padding: 20px;
  color: red;
  text-transform: uppercase;
  text-align: center;
}
#leads .range-selection {
  width: 86%;
}
#leads .range-selection .track,
#leads .range-selection .reference {
  background: #666;
}
#leads .range-selection .track-shadow {
  width: auto;
  background: none;
}
#leads .range-selection .answers .paragraph {
  padding: 0;
}
#leads .range-selection .answers .paragraph h6 {
  display: block;
}
#leads .range-selection .answers p {
  text-transform: none;
  font-size: 14px;
  height: 46px;
  text-align: left;
  margin: 0;
  max-width: 100%;
  letter-spacing: 0;
  line-height: 1.3;
}
#leads .radio label {
  margin-bottom: 0 !important;
}
#leads .radio .label {
  font-size: 14px;
  letter-spacing: 0;
}
#leads .radio .label .radio-replacement {
  width: 14px;
  height: 14px;
  top: 3px;
}
#leads .radio .label .radio-replacement:after {
  height: 6px;
  left: 4px;
  top: 4px;
  width: 6px;
}
#leads .checkbox .label {
  letter-spacing: 0;
}
#leads.step2 #other-heading {
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px;
}
#leads.step2 #other {
  width: 100%;
  height: 100px;
  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;
  color: #fff;
  background: #1a1a1a;
}
#leads.step2 #leads-form {
  padding-top: 20px;
}
#leads.step2 .row [class*='col-'] {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#leads.step2 .question-heading {
  float: none;
  width: auto;
}
#leads.step2 .question-heading h3 {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  text-align: left;
  font-size: 25px;
  letter-spacing: 0;
}
#leads.step2 .question-heading h4 {
  margin-bottom: 20px;
}
#leads.step2 .answer-options {
  float: none;
  width: auto;
  padding-left: 0;
  text-transform: uppercase;
}
#leads.step2 .answer-options label {
  display: inline-block;
  margin-bottom: 15px;
  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 {
  margin: 20px 0;
  border: none;
  border-bottom: 1px solid #CCC;
}
#leads.step1 #other-heading {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 20px 0;
}
#leads.step1 #other {
  width: 95%;
  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;
  text-align: left !important;
}
#leads.step1 .leads-wrapper .content-wrapper div, #leads.step1 .leads-wrapper .content-wrapper input {
  font-size: 20px;
  font-weight: 200;
  font-family: "Graphik Web", sans-serif;
  text-transform: uppercase;
  outline: none;
  letter-spacing: 3px;
}
#leads.step1 .leads-wrapper .content-wrapper div {
  margin: 20px 0;
  text-align: center;
  color: #989797;
}
#leads.step1 .leads-wrapper .content-wrapper div .row .col-1-2 {
  width: 90%;
  border-bottom: 0;
}
#leads.step1 .leads-wrapper .content-wrapper div small {
  display: block;
  margin: 20px 0;
  font-size: 0.7em;
  font-weight: normal;
  color: #fff;
}
#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'] {
  -webkit-appearance: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-radius: 0px;
  display: block;
  width: 90%;
  max-width: 90%;
  min-width: 90%;
  border: 1px solid #fff;
  margin: 10px auto;
  padding: 12px 30px;
  background: transparent;
  color: #fff;
  text-align: center;
}
#leads.step1 .leads-wrapper .content-wrapper div input[type='text'].error,
#leads.step1 .leads-wrapper .content-wrapper div input[type='email'].error,
#leads.step1 .leads-wrapper .content-wrapper div input[type='tel'].error {
  border-bottom: 1px solid red;
}

/*@import "/assets/js/vendor/bower_components/backgrid/lib/backgrid.css";*/
/*
  backgrid
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT license.
*/
.backgrid-container {
  position: relative;
  display: block;
  width: 100%;
  height: 465px;
  padding: 0;
  overflow: auto;
  border: 0;
}

.backgrid {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.backgrid th,
.backgrid td {
  display: none;
  height: 20px;
  max-width: 250px;
  padding: 4px 5px;
  overflow: hidden;
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  border-bottom: 1px solid #DDD;
}

.backgrid th.renderable,
.backgrid td.renderable {
  display: table-cell;
}

.backgrid th {
  font-weight: bold;
}

.backgrid th.sortable a {
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.backgrid thead th {
  vertical-align: bottom;
  background-color: #f9f9f9;
}

.backgrid thead th a {
  display: block;
}

.backgrid.backgrid-striped tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.backgrid tbody tr.empty {
  font-style: italic;
  color: gray;
}

.backgrid tbody tr.empty td {
  display: inherit;
  text-align: center;
}

.backgrid td.editor {
  padding: 0;
}

.backgrid td.editor,
.backgrid tbody tr:nth-child(odd) td.editor {
  background-color: rgba(82, 168, 236, 0.1);
  outline: 1px solid rgba(82, 168, 236, 0.8);
  outline-offset: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: width, outline, background-color;
  -moz-transition-property: width, outline, background-color;
  -o-transition-property: width, outline, background-color;
  transition-property: width, outline, background-color;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.backgrid td.editor input[type=text] {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  background-color: transparent;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.backgrid td.editor input[type=text]::-ms-clear {
  display: none;
}

.backgrid td.error,
.backgrid tbody tr:nth-child(odd) td.error {
  background-color: rgba(255, 210, 77, 0.1);
  outline: 1px solid #ffd24d;
}

.backgrid td.editor :focus,
.backgrid th.editor :focus {
  outline: 0;
}

.backgrid .sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  border: 0;
  content: "";
}

.backgrid .ascending .sort-caret {
  vertical-align: baseline;
  border-top: none;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #000000;
  border-left: 4px solid transparent;
}

.backgrid .descending .sort-caret {
  vertical-align: super;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: none;
  border-left: 4px solid transparent;
}

.backgrid .string-cell,
.backgrid .uri-cell,
.backgrid .email-cell,
.backgrid .string-cell.editor input[type=text],
.backgrid .uri-cell.editor input[type=text],
.backgrid .email-cell.editor input[type=text] {
  text-align: left;
}

.backgrid .date-cell,
.backgrid .time-cell,
.backgrid .datetime-cell,
.backgrid .number-cell,
.backgrid .integer-cell,
.backgrid .percent-cell,
.backgrid .date-cell.editor input[type=text],
.backgrid .time-cell.editor input[type=text],
.backgrid .datetime-cell.editor input[type=text],
.backgrid .number-cell.editor input[type=text],
.backgrid .integer-cell.editor input[type=text],
.backgrid .percent-cell.editor input[type=text] {
  text-align: right;
}

.backgrid .boolean-cell,
.backgrid .boolean-cell.editor input[type=checkbox] {
  text-align: center;
}

.backgrid .select-cell {
  text-align: center;
}

.backgrid .select-cell.editor {
  padding: 0;
}

.backgrid .select-cell.editor select {
  display: block;
  width: 100%;
  height: 28px;
  padding: 4px 5px;
  margin: 0;
  line-height: 28px;
  vertical-align: middle;
  background-color: white;
  border: 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.backgrid .select-cell.editor select[multiple] {
  height: auto;
}

.backgrid .select-cell.editor :focus {
  border: 0;
  outline: 0;
}

.backgrid .select-cell.editor select::-moz-focus-inner,
.backgrid .select-cell.editor optgroup::-moz-focus-inner,
.backgrid .select-cell.editor option::-moz-focus-inner,
.backgrid .select-cell.editor select::-o-focus-inner,
.backgrid .select-cell.editor optgroup::-o-focus-inner,
.backgrid .select-cell.editor option::-o-focus-inner {
  border: 0;
}

/*@import "/assets/js/vendor/bower_components/backgrid-paginator/backgrid-paginator.css";*/
/*
  backgrid-paginator
  http://github.com/wyuenho/backgrid

  Copyright (c) 2013 Jimmy Yuen Ho Wong and contributors
  Licensed under the MIT license.
*/
.backgrid-paginator {
  text-align: center;
  border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.backgrid-paginator ul {
  display: inline-block;
  *display: inline;
  margin: 5px 0;
  *zoom: 1;
}

.backgrid-paginator ul > li {
  display: inline;
}

.backgrid-paginator ul > li > a,
.backgrid-paginator ul > li > span {
  float: left;
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 30px;
  text-decoration: none;
}

.backgrid-paginator ul > li > a:hover,
.backgrid-paginator ul > .active > a,
.backgrid-paginator ul > .active > span {
  background-color: #f5f5f5;
}

.backgrid-paginator ul > .active > a,
.backgrid-paginator ul > .active > span {
  color: #999999;
  cursor: default;
}

.backgrid-paginator ul > .disabled > span,
.backgrid-paginator ul > .disabled > a,
.backgrid-paginator ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
}

.flexible-slideshow .owl-wrapper {
  height: 300px;
}
.flexible-slideshow.pagination .owl-controls {
  position: absolute;
  top: auto !important;
  bottom: 0px;
}
.flexible-slideshow.pagination .owl-controls .owl-page span {
  background: #fff;
  border: 1px solid #959595;
}
.flexible-slideshow.pagination .owl-pagination {
  display: block;
}
.flexible-slideshow .slide-item {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}
.flexible-slideshow .slide-item .foreground-image {
  position: absolute;
  max-height: 300px;
  width: auto;
  z-index: 100;
  top: 0;
  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 .cta-wrapper {
  position: absolute;
  z-index: 120;
  bottom: 30px;
  width: 100%;
  text-align: center;
}
.flexible-slideshow .slide-item .cta-wrapper .button, .flexible-slideshow .slide-item .cta-wrapper .btn-mobile-cta {
  border: none;
  padding: 1.25em 2em;
  display: block;
  width: 50%;
  margin: 0 auto;
}
.flexible-slideshow .violator {
  position: relative;
  z-index: 120;
  display: table;
  height: 27px;
  width: 100%;
  font-size: 9px;
  text-align: center;
}
.flexible-slideshow .violator h6 {
  max-width: 80%;
  display: table-cell;
  vertical-align: middle;
}
.flexible-slideshow .violator[data-align="left"] {
  text-align: left;
}
.flexible-slideshow .violator[data-align="left"] h6 {
  padding-right: 20%;
}
.flexible-slideshow .violator[data-align="center"] {
  text-align: center;
}
.flexible-slideshow .violator[data-align="center"] h6 {
  padding: 0 20%;
}
.flexible-slideshow .violator[data-align="right"] {
  text-align: right;
}
.flexible-slideshow .violator[data-align="right"] h6 {
  padding-right: 20%;
}

.page-snap-enabled .homepage .flexible-slideshow {
  height: 350px;
}
.page-snap-enabled .homepage .flexible-slideshow .owl-wrapper, .page-snap-enabled .homepage .flexible-slideshow .slide-item {
  height: 350px;
}
.page-snap-enabled .homepage .flexible-slideshow .slide-item {
  padding-top: 50px;
}
.page-snap-enabled .homepage .flexible-slideshow .foreground-image {
  top: 50px;
}
.page-snap-enabled .homepage .page-snap:first-child .flexible-slideshow {
  height: 300px;
}
.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: 300px;
}
.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;
}

.dtm-slider {
  display: none;
}
.dtm-slider:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 210;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.automatic-calories-overlay {
  display: none;
}
.automatic-calories-overlay.log-weight-overlay .close-overlay {
  top: 10px;
}
.automatic-calories-overlay.open {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 250;
  background-color: rgba(0, 0, 0, 0.7);
}
.automatic-calories-overlay .icon-close {
  font-size: 13px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  width: 30px;
  height: 30px;
  text-align: center;
}
.automatic-calories-overlay .icon-close:before {
  padding-top: 9px;
  display: block;
}
.automatic-calories-overlay .automatic-calories-container {
  background-color: #fff;
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  padding: 36px 30px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.automatic-calories-overlay .automatic-calories-container h1 {
  font-size: 25px;
  font-weight: 400;
  line-height: 1.1;
}
.automatic-calories-overlay .automatic-calories-container > p {
  font-size: 11px;
  margin: 15px 0 30px;
}
.automatic-calories-overlay .automatic-calories-container .personal-info-container {
  border-top: 1px solid #7f7f7f;
  border-bottom: 1px solid #7f7f7f;
  padding: 10px 0;
  margin-bottom: 30px;
}
.automatic-calories-overlay .automatic-calories-container .personal-info-container > p {
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
.automatic-calories-overlay .automatic-calories-container .personal-info-container > p.required {
  margin-top: 4px;
  color: #ff0000;
}
.automatic-calories-overlay .automatic-calories-container .personal-info-container .loader {
  width: 100%;
}
.automatic-calories-overlay .button, .automatic-calories-overlay .btn-mobile-cta {
  margin: 0;
  width: 100%;
}

.automatic-calories-tour {
  display: none;
  top: 50px;
  /* Override pagination styles for owl slider */
}
.automatic-calories-tour.open {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 210;
  background-color: rgba(0, 0, 0, 0.7);
}
.automatic-calories-tour .icon-close-slim {
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  width: 30px;
  height: 30px;
  text-align: center;
}
.automatic-calories-tour .icon-close-slim:before {
  padding-top: 9px;
  display: block;
}
.automatic-calories-tour .button, .automatic-calories-tour .btn-mobile-cta {
  margin: 0;
  width: 100%;
}
.automatic-calories-tour .owl-carousel {
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(88%, #3e464a));
  background: linear-gradient(to bottom, #000000 0%, #3e464a 88%);
  height: 100%;
  padding-bottom: 45px;
}
.automatic-calories-tour .owl-carousel .slide-item {
  padding: 42px;
  text-align: center;
}
.automatic-calories-tour .owl-carousel .main-title {
  font-size: 12px;
  font-weight: 100;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: inline-block;
}
.automatic-calories-tour .owl-carousel .main-title + img {
  width: 55px;
  display: block;
  margin: 50px auto 25px;
}
.automatic-calories-tour .owl-carousel h1 {
  font-weight: 100;
  letter-spacing: 2px;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 20px;
}
.automatic-calories-tour .owl-carousel p {
  font-size: 11px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.4);
}
.automatic-calories-tour .owl-carousel .button, .automatic-calories-tour .owl-carousel .btn-mobile-cta {
  margin-top: 10px;
  max-width: 261px;
  display: inline-block;
}
.automatic-calories-tour.pagination .owl-theme .owl-controls {
  bottom: 55px;
}
.automatic-calories-tour.pagination .owl-theme .owl-controls .owl-page span {
  background-color: #fff;
}

/*
	Lead Popup
*/
#lead-popup-wrapper {
  position: absolute;
  z-index: 10000000;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#lead-popup-wrapper .loader {
  position: absolute;
  top: 150px;
  background: transparent;
}
#lead-popup-wrapper #lead-popup-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
#lead-popup-wrapper #lead-popup-content {
  display: none;
  position: relative;
  z-index: 2;
  top: 2%;
  left: 0;
  min-height: 300px;
}
#lead-popup-wrapper #lead-popup-content .close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}

/*
	Lead Popup and Page
*/
#lead-popup-content,
#lead-page-wrapper,
.referrals-thank-you {
  margin: 0 auto;
  max-width: 800px;
  color: #000;
  background: #efefef;
}
#lead-popup-content h2,
#lead-page-wrapper h2,
.referrals-thank-you h2 {
  margin-bottom: 20px;
  padding: 0 30px;
  font-weight: normal;
  font-size: 34px;
  color: #000;
}
#lead-popup-content h3,
#lead-page-wrapper h3,
.referrals-thank-you h3 {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  color: #000;
}
#lead-popup-content p, #lead-popup-content small,
#lead-page-wrapper p,
#lead-page-wrapper small,
.referrals-thank-you p,
.referrals-thank-you small {
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 1;
  color: #000;
  line-height: 22px;
}
#lead-popup-content .no-mar-bt,
#lead-page-wrapper .no-mar-bt,
.referrals-thank-you .no-mar-bt {
  margin-bottom: 0 !important;
}
#lead-popup-content .mar-top-25,
#lead-page-wrapper .mar-top-25,
.referrals-thank-you .mar-top-25 {
  margin-top: -25px !important;
}
#lead-popup-content .mar-bt40,
#lead-page-wrapper .mar-bt40,
.referrals-thank-you .mar-bt40 {
  margin-bottom: 40px !important;
}
#lead-popup-content .mar-rt12,
#lead-page-wrapper .mar-rt12,
.referrals-thank-you .mar-rt12 {
  margin-right: 12px !important;
}
#lead-popup-content .loaderAnim,
#lead-page-wrapper .loaderAnim,
.referrals-thank-you .loaderAnim {
  position: relative;
}
#lead-popup-content .separator,
#lead-page-wrapper .separator,
.referrals-thank-you .separator {
  width: 30%;
  margin: 0 auto 40px;
  border-bottom: 1px solid #000;
}
#lead-popup-content .required,
#lead-page-wrapper .required,
.referrals-thank-you .required {
  padding-bottom: 40px;
}
#lead-popup-content .title-description,
#lead-page-wrapper .title-description,
.referrals-thank-you .title-description {
  text-transform: uppercase;
  letter-spacing: 3px;
}
#lead-popup-content .inline-heading,
#lead-page-wrapper .inline-heading,
.referrals-thank-you .inline-heading {
  text-align: left !important;
}
#lead-popup-content .inline-heading h3,
#lead-page-wrapper .inline-heading h3,
.referrals-thank-you .inline-heading h3 {
  margin-bottom: 0;
}
#lead-popup-content .inline-heading *,
#lead-page-wrapper .inline-heading *,
.referrals-thank-you .inline-heading * {
  display: inline-block;
  text-transform: uppercase;
}
#lead-popup-content .button.box, #lead-popup-content .btn-mobile-cta,
#lead-page-wrapper .button.box,
#lead-page-wrapper .btn-mobile-cta,
.referrals-thank-you .button.box,
.referrals-thank-you .btn-mobile-cta {
  padding: 15px 70px;
  width: 250px;
  font-size: 14px;
}
#lead-popup-content .button.box.submitting, #lead-popup-content .submitting.btn-mobile-cta,
#lead-page-wrapper .button.box.submitting,
#lead-page-wrapper .submitting.btn-mobile-cta,
.referrals-thank-you .button.box.submitting,
.referrals-thank-you .submitting.btn-mobile-cta {
  cursor: default;
}
#lead-popup-content .content-wrapper,
#lead-page-wrapper .content-wrapper,
.referrals-thank-you .content-wrapper {
  margin: 0 5%;
  padding: 2%;
}
#lead-popup-content .content-wrapper div,
#lead-page-wrapper .content-wrapper div,
.referrals-thank-you .content-wrapper div {
  margin-bottom: 20px;
  text-align: center;
}
#lead-popup-content .content-wrapper div .row,
#lead-page-wrapper .content-wrapper div .row,
.referrals-thank-you .content-wrapper div .row {
  margin-bottom: 30px;
  border: none;
}
#lead-popup-content .content-wrapper div .row [class*='col-'],
#lead-page-wrapper .content-wrapper div .row [class*='col-'],
.referrals-thank-you .content-wrapper div .row [class*='col-'] {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#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 {
  margin-bottom: 25px;
  width: 100%;
}
#lead-popup-content .control-form .control-title,
#lead-page-wrapper .control-form .control-title,
.referrals-thank-you .control-form .control-title {
  display: block;
  margin: auto;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  text-align: left;
}
#lead-popup-content .control-form .control-title.error,
#lead-page-wrapper .control-form .control-title.error,
.referrals-thank-you .control-form .control-title.error {
  border: none;
  color: red;
}
#lead-popup-content .control-form .control .col,
#lead-page-wrapper .control-form .control .col,
.referrals-thank-you .control-form .control .col {
  display: inline-block;
  margin: 0;
}
#lead-popup-content .control-form .control input[type='text'],
#lead-popup-content .control-form .control input[type='email'],
#lead-popup-content .control-form .control input[type='tel'],
#lead-popup-content .control-form .control textarea,
#lead-page-wrapper .control-form .control input[type='text'],
#lead-page-wrapper .control-form .control input[type='email'],
#lead-page-wrapper .control-form .control input[type='tel'],
#lead-page-wrapper .control-form .control textarea,
.referrals-thank-you .control-form .control input[type='text'],
.referrals-thank-you .control-form .control input[type='email'],
.referrals-thank-you .control-form .control input[type='tel'],
.referrals-thank-you .control-form .control textarea {
  -webkit-appearance: none;
  display: block;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 10px auto;
  padding: 10px 20px;
  font-family: "Graphik Web", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  letter-spacing: 1px;
  color: #000;
  height: 40px;
  border: 1px solid #cdcdcd;
  background: #f7f7f7;
}
#lead-popup-content .control-form .control textarea,
#lead-page-wrapper .control-form .control textarea,
.referrals-thank-you .control-form .control textarea {
  display: none;
  box-sizing: border-box;
  height: 100px;
  resize: none;
  text-transform: none;
  font-size: 14px;
}
#lead-popup-content .control-form .control .select-wrapper,
#lead-page-wrapper .control-form .control .select-wrapper,
.referrals-thank-you .control-form .control .select-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 10px auto;
  padding: 0;
  text-align: left;
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
}
#lead-popup-content .control-form .control .select-wrapper .option,
#lead-page-wrapper .control-form .control .select-wrapper .option,
.referrals-thank-you .control-form .control .select-wrapper .option {
  display: block;
  width: 100%;
  padding: 9px 20px 8px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  box-sizing: border-box;
}
#lead-popup-content .control-form .control .select-wrapper .option:after,
#lead-page-wrapper .control-form .control .select-wrapper .option:after,
.referrals-thank-you .control-form .control .select-wrapper .option:after {
  position: absolute;
  color: #adadad;
}
#lead-popup-content .control-form .control .select-wrapper.error .option,
#lead-page-wrapper .control-form .control .select-wrapper.error .option,
.referrals-thank-you .control-form .control .select-wrapper.error .option {
  color: red;
}
#lead-popup-content .control-form .control .select-wrapper.error .option:after,
#lead-page-wrapper .control-form .control .select-wrapper.error .option:after,
.referrals-thank-you .control-form .control .select-wrapper.error .option:after {
  color: red;
}
#lead-popup-content .control-form .radio-answer,
#lead-page-wrapper .control-form .radio-answer,
.referrals-thank-you .control-form .radio-answer {
  text-align: left;
}
#lead-popup-content .control-form .radio-answer .col,
#lead-page-wrapper .control-form .radio-answer .col,
.referrals-thank-you .control-form .radio-answer .col {
  display: inline-block;
}
#lead-popup-content .control-form .radio,
#lead-page-wrapper .control-form .radio,
.referrals-thank-you .control-form .radio {
  text-align: left;
}
#lead-popup-content .control-form .radio label,
#lead-page-wrapper .control-form .radio label,
.referrals-thank-you .control-form .radio label {
  margin-bottom: 0 !important;
}
#lead-popup-content .control-form .radio .label,
#lead-page-wrapper .control-form .radio .label,
.referrals-thank-you .control-form .radio .label {
  font-size: 14px;
  letter-spacing: 0;
  color: #000;
  font-weight: normal;
}
#lead-popup-content .control-form .radio .label .radio-replacement,
#lead-page-wrapper .control-form .radio .label .radio-replacement,
.referrals-thank-you .control-form .radio .label .radio-replacement {
  width: 14px;
  height: 14px;
  top: 3px;
  border-color: #000;
}
#lead-popup-content .control-form .radio .label .radio-replacement:after,
#lead-page-wrapper .control-form .radio .label .radio-replacement:after,
.referrals-thank-you .control-form .radio .label .radio-replacement:after {
  height: 6px;
  left: 4px;
  top: 4px;
  width: 6px;
  background: #000;
}
#lead-popup-content .control-form .checkbox,
#lead-page-wrapper .control-form .checkbox,
.referrals-thank-you .control-form .checkbox {
  text-align: left !important;
}
#lead-popup-content .control-form .checkbox .control-title,
#lead-page-wrapper .control-form .checkbox .control-title,
.referrals-thank-you .control-form .checkbox .control-title {
  margin-top: -2px;
  float: left;
  width: 88%;
  letter-spacing: 0;
  color: #000;
  font-size: 13px;
  font-weight: normal;
}
#lead-popup-content .control-form .checkbox .checkbox-replacement,
#lead-page-wrapper .control-form .checkbox .checkbox-replacement,
.referrals-thank-you .control-form .checkbox .checkbox-replacement {
  width: 14px;
  height: 14px;
  border: 1px solid black;
}
#lead-popup-content .control-form .checkbox .checkbox-replacement::before,
#lead-page-wrapper .control-form .checkbox .checkbox-replacement::before,
.referrals-thank-you .control-form .checkbox .checkbox-replacement::before {
  color: #000;
  font-size: 26px;
  top: -6px;
  left: -7px;
}
#lead-popup-content .question-heading,
#lead-popup-content .answer-options,
#lead-page-wrapper .question-heading,
#lead-page-wrapper .answer-options,
.referrals-thank-you .question-heading,
.referrals-thank-you .answer-options {
  width: 100%;
}
#lead-popup-content .answer-options,
#lead-page-wrapper .answer-options,
.referrals-thank-you .answer-options {
  text-transform: uppercase;
}
#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 {
  display: none;
  padding: 10% 5%;
  width: auto;
  text-align: center;
}
#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 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 32px;
  font-weight: normal;
}
#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: 22px;
  line-height: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;
}
#lead-popup-content .error-wrapper-promo,
#lead-popup-content .success-wrapper-promo,
#lead-page-wrapper .error-wrapper-promo,
#lead-page-wrapper .success-wrapper-promo,
.referrals-thank-you .error-wrapper-promo,
.referrals-thank-you .success-wrapper-promo {
  padding: 80px 5% 10%;
}
#lead-popup-content .success-wrapper.selected-club,
#lead-page-wrapper .success-wrapper.selected-club,
.referrals-thank-you .success-wrapper.selected-club {
  padding: 0 0 20px;
  width: 100%;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section h1, #lead-popup-content .success-wrapper.selected-club .club-info-section h2,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section h1,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section h2,
.referrals-thank-you .success-wrapper.selected-club .club-info-section h1,
.referrals-thank-you .success-wrapper.selected-club .club-info-section h2 {
  color: #fff;
  font-size: 25px;
  font-weight: 100;
  letter-spacing: 2px;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .club-info,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .club-info,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .club-info {
  margin-bottom: 0;
  padding: 0;
  position: relative;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .club-info img,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .club-info img,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .club-info img {
  vertical-align: text-top;
}
#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: 82%;
  left: 9%;
}
#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: 0px;
}
#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: 18px 0px;
  display: block;
  border: 0;
}
#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: 100%;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info img,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info img,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info img {
  vertical-align: text-top;
  width: 100%;
}
#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: 25%;
  width: 82%;
  left: 9%;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section h2,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section h2,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section h2 {
  font-size: 25px;
  font-weight: 100;
  margin-bottom: 0;
  padding: 0;
  letter-spacing: 2px;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .button-container,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .button-container,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .button-container {
  margin-top: 10px;
}
#lead-popup-content .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .button-container a,
#lead-page-wrapper .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .button-container a,
.referrals-thank-you .success-wrapper.selected-club .club-info-section .classes-info .class-info .middle-section .button-container a {
  border-color: #fff;
  color: #fff;
  font-weight: bold;
  padding: 17px;
  display: block;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-head,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-head,
.referrals-thank-you .success-wrapper .thanks-container .thanks-head {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  letter-spacing: 8px;
  color: black;
  text-transform: uppercase;
  margin-bottom: 30px;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description p,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description p,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description p {
  padding-bottom: 10px;
  font-size: 14px;
  text-transform: none;
  line-height: 28px;
  text-align: left;
  letter-spacing: 1px;
}
#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 0 35px;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description .appointment-description .export,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description .appointment-description .export,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description .appointment-description .export {
  padding-left: 0 !important;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description .appointment-description h6,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description .appointment-description h6,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description .appointment-description h6 {
  text-align: left;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description .thanks-description-other,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description .thanks-description-other,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description .thanks-description-other {
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 1px;
  color: black;
  line-height: 22px;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description strong,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description strong,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description strong {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  padding-right: 30px;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description ul li,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description ul li,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description ul li {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px;
  text-align: left;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description ul li .thanks-address,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description ul li .thanks-address,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description ul li .thanks-address {
  display: inline-flex;
}
#lead-popup-content .success-wrapper .thanks-container .thanks-description ul li a.export,
#lead-page-wrapper .success-wrapper .thanks-container .thanks-description ul li a.export,
.referrals-thank-you .success-wrapper .thanks-container .thanks-description ul li a.export {
  text-decoration: underline;
  padding-left: 10px;
}
#lead-popup-content .step0 .lead-entry-head,
#lead-page-wrapper .step0 .lead-entry-head,
.referrals-thank-you .step0 .lead-entry-head {
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  letter-spacing: 8px;
  padding-top: 48px;
  display: block;
}
#lead-popup-content .step0 .lead-entry-description,
#lead-page-wrapper .step0 .lead-entry-description,
.referrals-thank-you .step0 .lead-entry-description {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  letter-spacing: 1px;
  margin-top: 15px;
}
#lead-popup-content .step1 .region-dropdown,
#lead-page-wrapper .step1 .region-dropdown,
.referrals-thank-you .step1 .region-dropdown {
  display: block;
}
#lead-popup-content .step1 .col-sm-6, #lead-popup-content .step1 .col-sm-5, #lead-popup-content .step1 .col-xs-6, #lead-popup-content .step1 .col-sm-12,
#lead-page-wrapper .step1 .col-sm-6,
#lead-page-wrapper .step1 .col-sm-5,
#lead-page-wrapper .step1 .col-xs-6,
#lead-page-wrapper .step1 .col-sm-12,
.referrals-thank-you .step1 .col-sm-6,
.referrals-thank-you .step1 .col-sm-5,
.referrals-thank-you .step1 .col-xs-6,
.referrals-thank-you .step1 .col-sm-12 {
  padding-left: 0;
}
#lead-popup-content .step1 .icon-question-circle,
#lead-page-wrapper .step1 .icon-question-circle,
.referrals-thank-you .step1 .icon-question-circle {
  color: #ccc !important;
  cursor: help;
}
#lead-popup-content .step1 .appointment-checked,
#lead-page-wrapper .step1 .appointment-checked,
.referrals-thank-you .step1 .appointment-checked {
  display: block;
}
#lead-popup-content .step1 .lead-appointmentinfo-text,
#lead-page-wrapper .step1 .lead-appointmentinfo-text,
.referrals-thank-you .step1 .lead-appointmentinfo-text {
  font-size: 12px;
  line-height: 13px;
  letter-spacing: normal;
  vertical-align: top;
}
#lead-popup-content .step1 .tootip-connected,
#lead-page-wrapper .step1 .tootip-connected,
.referrals-thank-you .step1 .tootip-connected {
  position: relative;
}
#lead-popup-content .step1 .tool-tip-show,
#lead-page-wrapper .step1 .tool-tip-show,
.referrals-thank-you .step1 .tool-tip-show {
  visibility: visible !important;
}
#lead-popup-content .step1 .appointment-sch,
#lead-page-wrapper .step1 .appointment-sch,
.referrals-thank-you .step1 .appointment-sch {
  border-top: 1px solid black;
  padding-top: 20px;
}
#lead-popup-content .step1 .tootip-text,
#lead-page-wrapper .step1 .tootip-text,
.referrals-thank-you .step1 .tootip-text {
  top: 22px;
  left: 74px;
  width: 70%;
  height: 400px;
  visibility: hidden;
  position: absolute;
  background-color: #fff;
  color: #000;
  padding: 10px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  transition: all .25s ease-out;
  transform: translateY(10px);
  pointer-events: none;
  letter-spacing: normal;
  font-size: 13px;
  text-transform: none;
  text-align: left;
  font-family: 'Graphik Web';
  line-height: 16px;
  z-index: 990;
  display: block;
}
#lead-popup-content .step1 .schedule-heading, #lead-popup-content .step1 .contactus-heading,
#lead-page-wrapper .step1 .schedule-heading,
#lead-page-wrapper .step1 .contactus-heading,
.referrals-thank-you .step1 .schedule-heading,
.referrals-thank-you .step1 .contactus-heading {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 42px;
  letter-spacing: 8px;
  padding-top: 20px;
  display: block;
}
#lead-popup-content .step1 .schedule-head-description, #lead-popup-content .step1 .contactus-head-description,
#lead-page-wrapper .step1 .schedule-head-description,
#lead-page-wrapper .step1 .contactus-head-description,
.referrals-thank-you .step1 .schedule-head-description,
.referrals-thank-you .step1 .contactus-head-description {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  letter-spacing: 1px;
  margin-bottom: 0px;
}
#lead-popup-content .step1 .sms-legal-copy .legal-text,
#lead-page-wrapper .step1 .sms-legal-copy .legal-text,
.referrals-thank-you .step1 .sms-legal-copy .legal-text {
  font-size: 12px;
  line-height: 13px;
  letter-spacing: normal;
  vertical-align: top;
  text-align: left;
}
#lead-popup-content .step1 .sms-legal-copy .legal-text a,
#lead-page-wrapper .step1 .sms-legal-copy .legal-text a,
.referrals-thank-you .step1 .sms-legal-copy .legal-text a {
  text-decoration: underline;
}
#lead-popup-content .step2,
#lead-page-wrapper .step2,
.referrals-thank-you .step2 {
  display: none;
}
#lead-popup-content .step2 .row,
#lead-page-wrapper .step2 .row,
.referrals-thank-you .step2 .row {
  margin-bottom: 30px;
}
#lead-popup-content .step2 .select-wrapper,
#lead-page-wrapper .step2 .select-wrapper,
.referrals-thank-you .step2 .select-wrapper {
  margin: 0;
}

#lead-popup-content .success-wrapper .club-info-section {
  padding: 20px;
}

.ContactLeads .contactLeads-step1 {
  background-color: white !important;
}
.ContactLeads .container {
  border: 2px solid black;
  margin: 0;
}
.ContactLeads .container #display-image-container {
  display: none;
}
.ContactLeads .container .question-promo {
  margin-left: 0;
}
.ContactLeads .container #display-image-container,
.ContactLeads .container #lead-page-wrapper {
  width: 100%;
}
.ContactLeads .container #lead-page-wrapper {
  display: inline-block;
}
.ContactLeads .container #lead-page-wrapper .content-wrapper .control-form h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.ContactLeads .container #lead-page-wrapper .content-wrapper .control-form .title-description {
  text-transform: none;
  text-align: justify;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .01em;
  margin-bottom: 10px;
}
.ContactLeads.olderVersion {
  width: 95%;
  margin: 0 auto;
}
.ContactLeads.olderVersion .container {
  border: 2px solid black;
  margin: 0;
}
.ContactLeads.olderVersion .container #display-image-container {
  display: none;
}
.ContactLeads.olderVersion .container #display-image-container,
.ContactLeads.olderVersion .container #lead-page-wrapper {
  width: 100%;
}
.ContactLeads.olderVersion .container #lead-page-wrapper {
  display: inline-block;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper {
  padding: 20px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .control-title {
  color: #444;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .redColor {
  color: #ff0000;
  font-size: 12px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 0;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .title-description {
  text-transform: none;
  text-align: justify;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .01em;
  margin-bottom: 10px;
}
.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: 100%;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .row {
  margin-left: 0;
  margin-right: 0;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .right {
  float: none;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .left {
  float: none;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .control input {
  margin: 2px auto 0;
  height: auto;
  font-size: 12px;
  padding: 3px 5px 4px;
  font-family: sans-serif;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .control .select-wrapper {
  margin: 2px auto;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .control .select-wrapper .option {
  padding: 4px 20px 4px 4px;
  font-size: 12px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .control .select-wrapper .option:after {
  top: 2px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .button-container {
  text-align: center;
  padding: 0px;
  margin-top: 30px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .button-container a.submit-step1, .ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .button-container a.submit-step1:focus, .ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .button-container a.submit-step1:visited {
  color: #fff;
  padding-right: 12px;
  background: black;
  border: 1px solid black;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 9px 12px;
  min-width: 200px;
  text-transform: uppercase;
  font-size: 14px !important;
  line-height: 16px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .sms-legal-copy {
  margin-top: 20px;
}
.ContactLeads.olderVersion .container #lead-page-wrapper .content-wrapper .control-form .spacing .footerCopy {
  margin: 10px 0 0;
  font-size: 11px;
  text-align: justify;
  line-height: 12px;
}
.ContactLeads .row {
  margin-bottom: 0px !important;
  border: none;
}
.ContactLeads .row [class*='col-'] {
  margin-bottom: 20px !important;
  padding-bottom: 0;
  border-bottom: none;
}

/*
	Refer Lead Page
*/
#referralResponseLeads #lead-page-wrapper .separator {
  display: none;
}

.referrals-thank-you {
  margin: 15px auto;
}

#lead-popup-content .step1 .schedule-heading.override-style, #lead-page-wrapper .step1 .schedule-heading.override-style {
  padding-right: 0;
}
#lead-popup-content .step1 .schedule-head-description.override-style,
#lead-popup-content .step1 .required.override-style, #lead-page-wrapper .step1 .schedule-head-description.override-style,
#lead-page-wrapper .step1 .required.override-style {
  float: none;
  clear: both;
  width: 100%;
  left: auto;
  padding: 0;
}

.ContactLeads-new .hero-image {
  position: relative;
}
.ContactLeads-new .hero-overlapped {
  top: 0;
  right: 0;
  bottom: 0;
  padding: 60px;
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: rgba(240, 239, 239, 0.8);
}
.ContactLeads-new .hero-overlapped h1 {
  font-size: 38px;
  letter-spacing: 0;
}
.ContactLeads-new .container-fluid {
  padding: 0;
}
.ContactLeads-new #lead-page-wrapper {
  display: table;
  max-width: none;
  background: none;
}
.ContactLeads-new #lead-page-wrapper > .row {
  margin-left: 0;
  margin-right: 0;
  display: table-row;
}
.ContactLeads-new #lead-page-wrapper > .row > div {
  float: none;
  display: table-cell;
}
.ContactLeads-new #lead-page-wrapper .content-wrapper {
  margin: 0;
  padding: 60px;
}
.ContactLeads-new #lead-page-wrapper .content-wrapper div {
  text-align: left;
}
.ContactLeads-new #lead-page-wrapper .col-sm-5 {
  background: #efefef;
}
.ContactLeads-new #lead-page-wrapper .control-form .title-description {
  border-top: 1px solid #0a0a0a;
  border-bottom: 1px solid #010101;
}
.ContactLeads-new #lead-page-wrapper .control-form p {
  padding: 13px 0;
  margin-bottom: 75px;
  text-transform: none;
  letter-spacing: normal;
}
.ContactLeads-new #lead-page-wrapper p {
  font-size: 15px;
  line-height: normal;
  margin-bottom: 18px;
}
.ContactLeads-new #lead-page-wrapper h2 {
  padding: 0;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 50px;
  font-family: 'Gotham';
  letter-spacing: normal;
}
.ContactLeads-new #lead-page-wrapper h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 50px;
  font-family: 'Gotham';
}
.ContactLeads-new #lead-page-wrapper .step1 .spacing {
  padding: 0;
}
.ContactLeads-new #lead-page-wrapper .step1 .col-sm-6 {
  padding-left: 15px;
  padding-right: 15px;
}
.ContactLeads-new .submit-step1 {
  color: #fff;
  margin: 0 auto;
  display: table;
  padding: 12px 22px;
  background: #0a0a0a;
}
.ContactLeads-new nav.button-container {
  padding: 0;
  margin-top: 0;
}
.ContactLeads-new .content-left ul img {
  width: 39px;
  margin-left: -50px;
}
.ContactLeads-new .content-left li {
  margin-bottom: 20px;
  padding-left: 50px;
}

.promo-lead-new {
  margin-top: -10px;
  position: relative;
}
@media (max-width: 1180px) and (min-width: 768px) {
  .promo-lead-new {
    margin-top: 70px !important;
  }
}
.promo-lead-new .row [class*='col-'] {
  margin-bottom: 0;
  border-bottom: none;
}
.promo-lead-new .hero-image {
  background: none;
  position: relative;
  margin-bottom: 28px;
}
.promo-lead-new .about-EQ h2 {
  font-size: 14px;
  margin-bottom: 11px;
}
.promo-lead-new .about-EQ p {
  font-size: 14px;
  line-height: 22px;
}
.promo-lead-new .hero-overlapped {
  left: 0;
  right: 0;
  top: 26%;
  color: #fff;
  margin: 0 20px;
  font-size: 22px;
  font-weight: 500;
  position: absolute;
  text-align: center;
  letter-spacing: 3px;
}
.promo-lead-new #lead-page-wrapper .step1-error-title {
  font-size: 24px;
  padding: 0;
}
.promo-lead-new #lead-page-wrapper .error-wrapper p {
  font-size: 14px;
  line-height: 21px;
  padding: 0;
}
.promo-lead-new #lead-page-wrapper .title-description {
  font-size: 14px;
  margin-top: 5px;
  text-align: left;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 20px;
  letter-spacing: 2px;
}
.promo-lead-new #lead-page-wrapper .control-form .control {
  display: block;
  margin: 0 22px;
}
.promo-lead-new #lead-page-wrapper .control-form .control .select-wrapper.white .option:after, .promo-lead-new #lead-page-wrapper .control-form .control .select-wrapper.btn-mobile-cta .option:after {
  top: 21%;
}
.promo-lead-new #lead-page-wrapper .control-form .control .select-wrapper.select-wrapper.btn-mobile-cta .option:after {
  top: 22%;
}
.promo-lead-new #lead-page-wrapper .control-form .control .select-wrapper select,
.promo-lead-new #lead-page-wrapper .control-form .control .select-wrapper .option {
  font-size: 12px;
}
.promo-lead-new #lead-page-wrapper .control-form .control .select-wrapper,
.promo-lead-new #lead-page-wrapper .control-form .control input[type='text'],
.promo-lead-new #lead-page-wrapper .control-form .control input[type='email'],
.promo-lead-new #lead-page-wrapper .control-form .control input[type='tel'] {
  height: 35px;
  margin: 19px 0;
  font-size: 12px;
}
.promo-lead-new #lead-page-wrapper .control-form .control .select-wrapper::placeholder,
.promo-lead-new #lead-page-wrapper .control-form .control input[type='text']::placeholder,
.promo-lead-new #lead-page-wrapper .control-form .control input[type='email']::placeholder,
.promo-lead-new #lead-page-wrapper .control-form .control input[type='tel']::placeholder {
  text-transform: uppercase;
}
.promo-lead-new #lead-page-wrapper .content-wrapper div {
  margin-bottom: 0;
}
.promo-lead-new #lead-page-wrapper .content-wrapper div .row {
  margin-bottom: 0;
}
.promo-lead-new .row {
  border-top: none;
  border-bottom: none;
}
.promo-lead-new .submit-step1 {
  color: #fff;
  width: 180px;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  background: #000;
  letter-spacing: 2px;
  display: inline-block;
}
.promo-lead-new nav.button-container {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 21px;
  text-align: left;
  margin-left: 7px;
}
.promo-lead-new nav.button-container .submit-step1 {
  text-align: center;
}
.promo-lead-new .facilities.active .list-items {
  height: auto;
}
.promo-lead-new .facilities.active .list-items:after {
  height: 0;
}
.promo-lead-new .facilities.active .read-more {
  display: none;
}
.promo-lead-new .facilities.active .collapse {
  display: inline-block;
}
.promo-lead-new .facilities .collapse {
  display: none;
}
.promo-lead-new .facilities .read-more {
  display: inline-block;
}
.promo-lead-new .facilities .read-more,
.promo-lead-new .facilities .collapse {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 41px;
  padding: 11px 14px;
}
.promo-lead-new .facilities .list-items {
  height: 20px;
  overflow: hidden;
  position: relative;
}
.promo-lead-new .facilities .list-items:after {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  height: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
}
.promo-lead-new .facilities ul {
  margin-left: 15px;
}
.promo-lead-new .facilities li {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  margin-bottom: 19px;
}
.promo-lead-new .facilities li:before {
  left: -12px;
  content: "-";
  position: absolute;
}

.corp-join-steps select {
  z-index: 1;
}
.corp-join-steps body {
  margin-bottom: 0;
}
.corp-join-steps .page {
  padding-top: 50px;
}
.corp-join-steps .page.wizard {
  min-height: 1% !important;
}
.corp-join-steps .page.wizard .module {
  margin: 0;
  padding: 0;
}
.corp-join-steps .page .row {
  margin-left: 0;
  margin-right: 0;
}
.corp-join-steps .main-transparent.is-mobile,
.corp-join-steps .main.logged-out {
  top: 0;
}
.corp-join-steps .server-error {
  display: none;
  margin: 30px 0;
  text-align: center;
  color: red;
}
.corp-join-steps .loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #000;
}
.corp-join-steps #popup,
.corp-join-steps #popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
}
.corp-join-steps #popup #popup-overlay {
  z-index: 1;
  opacity: 0.5;
  background: #fff;
}
.corp-join-steps #popup .loader {
  display: none;
}
.corp-join-steps #popup #popup-content {
  position: relative;
  z-index: 2;
  top: 50px;
  left: 0;
  min-height: 450px;
  margin: 0 auto;
  max-width: 750px;
  color: #000;
  background: #000;
  padding: 80px 20px 30px;
  box-sizing: border-box;
}
.corp-join-steps #popup #popup-content .row {
  border: none;
}
.corp-join-steps #popup .close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
}
.corp-join-steps #popup .dropdown {
  height: 100%;
}
.corp-join-steps #popup .dropdown span {
  display: inline-block;
}
.corp-join-steps #app-main {
  margin-top: 30px;
}
.corp-join-steps #app-main #popup .close {
  left: 10px;
  top: 10px;
  padding: 10px;
}
.corp-join-steps #app-main #popup .close span {
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 12px;
}
.corp-join-steps #app-main h1 {
  margin: 10px 0;
  font-size: 25px;
  font-weight: normal;
  letter-spacing: 2px;
}
.corp-join-steps #app-main h2 {
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 16px;
}
.corp-join-steps #app-main .upperCase-text {
  text-transform: uppercase;
}
.corp-join-steps #app-main footer {
  height: auto;
  margin: auto;
  background: inherit;
  border: none;
  position: static;
}
.corp-join-steps #app-main .signin-form-corpjoin {
  display: none;
}
.corp-join-steps #app-main .content-section {
  margin: 0 auto;
  padding-top: 20px;
  width: 90%;
}
.corp-join-steps #app-main .content-section.full {
  width: 100%;
}
.corp-join-steps #app-main .error {
  color: red !important;
}
.corp-join-steps #app-main .error a, .corp-join-steps #app-main .error .link {
  color: red !important;
}
.corp-join-steps #app-main .disabled-link {
  color: #999;
  cursor: default !important;
}
.corp-join-steps #app-main .left {
  float: left;
}
.corp-join-steps #app-main .right {
  float: right;
}
.corp-join-steps #app-main .link {
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}
.corp-join-steps #app-main .block-container {
  max-width: 100%;
  margin: 0 auto;
}
.corp-join-steps #app-main .block-container .block {
  width: 95%;
  padding: 50px 0;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
}
.corp-join-steps #app-main .block-container .block:last-child {
  border-bottom: 1px solid #999;
  margin: 0px auto;
}
.corp-join-steps #app-main .block-container .block:not(:last-child) {
  border-bottom: 1px solid #999;
  margin: 0px auto;
}
.corp-join-steps #app-main hr {
  margin: 10px 0 20px;
}
.corp-join-steps #app-main .row {
  border: none;
  margin-bottom: 20px;
}
.corp-join-steps #app-main .row.mar-bt-none {
  margin-bottom: 0;
}
.corp-join-steps #app-main .row [class*='col-'] {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0;
}
.corp-join-steps #app-main .row .col:last-child .control {
  margin-bottom: 0;
}
.corp-join-steps #app-main p {
  font-size: 12px;
  padding: 0 8%;
  text-align: center;
  line-height: 1.5;
}
.corp-join-steps #app-main button {
  display: inline-block !important;
  margin-bottom: 12px;
  padding: 15px 32% !important;
  width: auto !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  height: 60px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
}
.corp-join-steps #app-main button[disabled] {
  cursor: default;
  background-color: #999;
  border: 1px solid #999;
}
.corp-join-steps #app-main form {
  padding: 0;
  max-width: inherit;
  font-weight: inherit;
  letter-spacing: 2px;
}
.corp-join-steps #app-main form.white .dropdown, .corp-join-steps #app-main form.btn-mobile-cta .dropdown {
  border-color: rgba(255, 255, 255, 0.5);
}
.corp-join-steps #app-main form fieldset {
  width: 90%;
  margin-bottom: 0;
}
.corp-join-steps #app-main form .control-title {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
}
.corp-join-steps #app-main form .control {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.corp-join-steps #app-main form .control input[type='text'],
.corp-join-steps #app-main form .control input[type='password'] {
  -webkit-appearance: none;
  display: block;
  height: 56px;
  border-radius: 0px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0;
  padding: 10px 20px;
  font-family: "Graphik Web", sans-serif;
  font-weight: 200;
  text-align: center;
  text-transform: none;
  background: rgba(255, 255, 255, 0);
  letter-spacing: 2px;
  color: #FFF;
  font-size: 20px;
  border-color: rgba(255, 255, 255, 0.5);
}
.corp-join-steps #app-main form .control input[disabled] {
  color: #777;
  background-color: #333;
  border-color: #666;
}
.corp-join-steps #app-main form .control .dropdown {
  height: 56px;
  line-height: 56px;
}
.corp-join-steps #app-main form .control .dropdown.error {
  border-color: red;
}
.corp-join-steps #app-main form .control .dropdown.error .option,
.corp-join-steps #app-main form .control .dropdown.error .option:after {
  color: red;
}
.corp-join-steps #app-main form .control .dropdown .option {
  display: block;
  margin-left: 10px;
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.corp-join-steps #app-main form .control .dropdown .option:after {
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  top: 0;
  right: 5px;
}
.corp-join-steps #app-main form .checkbox .label {
  margin-top: -3px;
}
.corp-join-steps #app-main form .checkbox .checkbox-replacement {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.corp-join-steps #app-main form .checkbox .checkbox-replacement:before {
  font-size: 22px;
  top: -5px;
  left: -4px;
}
.corp-join-steps #app-main .button-container {
  margin: 10px 0;
  text-align: center;
}
.corp-join-steps #app-main .step-header {
  margin-bottom: 30px;
  text-align: center;
}
.corp-join-steps #app-main .rich-content {
  padding-top: 0px;
}
.corp-join-steps #app-main .rich-content header {
  min-height: 116px;
  background: transparent;
  overflow: hidden;
  position: relative;
}
.corp-join-steps #app-main .rich-content header .rich-content-title {
  margin: 0 !important;
  width: 70%;
  height: auto;
  min-height: inherit;
}
.corp-join-steps #app-main .rich-content header .rich-content-title span {
  display: inline-block;
}
.corp-join-steps #app-main .rich-content header .rich-content-title span small {
  font-size: 0.6em;
  letter-spacing: 4px;
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
.corp-join-steps #app-main .rich-content header .rich-content-title span span {
  font-size: 25px;
  letter-spacing: 0.2em;
  font-weight: 100;
}
.corp-join-steps #app-main #step1 .membership-container.panel-left .membership-tier .border-wrapper {
  border-right: none;
}
.corp-join-steps #app-main #step1 .membership-container .membership-tab:after {
  content: "-";
  position: absolute;
  right: 15px;
  top: 18%;
  font-size: 25px;
}
.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: 0;
  padding: 0;
  overflow: hidden;
}
.corp-join-steps #app-main #step1 .content-section {
  width: 100%;
}
.corp-join-steps #app-main #step1 .content-section .membership-tab {
  position: relative;
  color: white;
  text-align: center;
  padding: 20px 0;
  border: 1px solid white;
  border-left: none;
  border-right: none;
  font-weight: bold;
  font-size: 14px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier {
  padding: 50px 30px;
  width: 100%;
  box-sizing: border-box;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier hr {
  border: none;
  margin: 25px 0;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .membership-price-info strong {
  font-size: 16px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .membership-price-info .membership-price {
  font-size: 12px;
  text-align: center;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .club-payment-info {
  width: 85%;
  margin: 0 auto;
  font-size: 12px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .club-payment-info .total .row {
  margin-bottom: 2px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier .club-payment-info .total-due-row {
  margin-top: 15px;
}
.corp-join-steps #app-main #step1 .content-section .membership-tier a.button, .corp-join-steps #app-main #step1 .content-section .membership-tier a.btn-mobile-cta {
  display: block;
  max-width: 70%;
  margin: 0 auto;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper {
  text-align: center;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper h3 small {
  font-size: 14px;
  font-weight: bold;
}
.corp-join-steps #app-main #step1 .content-section .middle-wrapper .description {
  margin-bottom: 20px;
  letter-spacing: 1px;
  line-height: 1.2;
  font-size: 12px;
}
.corp-join-steps #app-main #step1 .content-section .membership-price-info {
  display: table;
  width: 100%;
}
.corp-join-steps #app-main #step1 .content-section .membership-price-info .membership-price {
  display: block;
  vertical-align: middle;
}
.corp-join-steps #app-main #step1 .content-section .membership-price-info .conditional-benefit {
  text-transform: uppercase;
  margin: 10px auto;
  color: #1AECA9;
}
.corp-join-steps #app-main #step1 #primary-club-wrapper {
  text-align: center;
  margin-bottom: 30px;
}
.corp-join-steps #app-main #step1 #primary-club-wrapper h4 {
  font-size: 14px;
}
.corp-join-steps #app-main #step1 #primary-club-wrapper .region-club-name {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
}
.corp-join-steps #app-main #step1 #primary-club-wrapper .region-club-name .no-region-club {
  color: #999;
}
.corp-join-steps #app-main #step1 .no-packages {
  margin: 40px 0 0 0;
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: 2px;
  color: #999;
  text-align: center;
}
.corp-join-steps #app-main #step1 .radio {
  margin: 0 0 20px;
  text-align: center;
}
.corp-join-steps #app-main #step1 .radio .radio-replacement {
  border-color: #000;
}
.corp-join-steps #app-main #step1 .radio .radio-replacement:after {
  background: #000;
}
.corp-join-steps #app-main #step1 .plan {
  margin: 0px auto;
  width: 100%;
}
.corp-join-steps #app-main #step1 .plan .plan-header {
  text-align: center;
  min-height: 175px;
}
.corp-join-steps #app-main #step1 .plan .plan-header h3 {
  margin: 0;
  font-size: 28px;
}
.corp-join-steps #app-main #step1 .plan .plan-header h6 {
  font-weight: normal;
}
.corp-join-steps #app-main #step1 .plan .plan-info {
  margin-bottom: 30px;
  font-size: 14px;
}
.corp-join-steps #app-main #step1 .plan .price-wrapper {
  margin-bottom: 5px;
  text-align: center;
}
.corp-join-steps #app-main #step1 .plan .price-wrapper .price {
  font-size: 25px;
  font-weight: bold;
}
.corp-join-steps #app-main #step1 .plan .conditional-benefit {
  margin-bottom: 30px;
  font-size: 14px;
  text-align: center;
}
.corp-join-steps #app-main #step1 .plan .club-payment-info {
  font-size: 14px;
}
.corp-join-steps #app-main #step1 .plan .club-payment-info .row {
  margin-bottom: 10px;
}
.corp-join-steps #app-main #step1 .plan .club-payment-info .row .col.left {
  width: 72%;
}
.corp-join-steps #app-main #step1 .plan .club-payment-info .total-due-row {
  margin-top: 30px;
}
.corp-join-steps #app-main #step1 .plan.panel-left {
  float: none;
  width: 100%;
}
.corp-join-steps #app-main #step1 .plan.panel-right {
  float: none;
  width: 100%;
}
.corp-join-steps #app-main #change-location-edit {
  text-align: center;
  color: white;
  background: #000;
}
.corp-join-steps #app-main #change-location-edit h2 {
  font-size: 25px;
  font-weight: normal;
}
.corp-join-steps #app-main #change-location-edit #errorMsg {
  display: none;
  color: red;
  font-size: 14px;
  margin-bottom: 20px;
}
.corp-join-steps #app-main #change-location-edit .dropdown {
  margin: 0 auto;
  border: none;
  line-height: 2.1;
  max-width: 100%;
}
.corp-join-steps #app-main #change-location-edit .dropdown.error .option {
  color: red;
}
.corp-join-steps #app-main #change-location-edit .dropdown .option {
  padding: 1px 0px;
  line-height: 1.3;
  width: 192px;
}
.corp-join-steps #app-main #change-location-edit .dropdown .option:after {
  position: absolute;
  top: 33%;
  right: 6px;
  content: "\e60b";
  font-size: 20px;
}
.corp-join-steps #app-main #change-location-edit .address {
  margin-top: 20px;
}
.corp-join-steps #app-main #step2 h2 {
  margin: 0 40px 10px;
  font-weight: normal;
  font-size: 25px;
  text-align: center;
}
.corp-join-steps #app-main #step2 button {
  padding-left: 20% !important;
  padding-right: 20% !important;
}
.corp-join-steps #app-main #step2 .row .col {
  float: none;
}
.corp-join-steps #app-main #step2 .rich-content header {
  min-height: 80px;
}
.corp-join-steps #app-main #step2 .personal-info {
  padding: 35px 0 15px;
  line-height: 10px;
}
.corp-join-steps #app-main #step2 .personal-info .col {
  float: none;
  width: 100%;
  margin: 0 0 15px;
  text-align: center;
  word-wrap: break-word;
  text-transform: uppercase;
}
.corp-join-steps #app-main #step2 .personal-info .col:last-child {
  width: 100%;
  margin: 15px 0 0;
}
.corp-join-steps #app-main #step2 .personal-info .link {
  font-size: 12px;
  margin-top: 20px;
  display: inline-block;
}
.corp-join-steps #app-main #step2 #billingAddressDifferent {
  display: none;
}
.corp-join-steps #app-main #step2 .address {
  padding: 0;
}
.corp-join-steps #app-main #step2 .address .col-1 {
  width: 100%;
}
.corp-join-steps #app-main #step2 .address .col-2 {
  float: left;
  width: 48%;
}
.corp-join-steps #app-main #step2 .address .col-3 {
  float: right;
  width: 48%;
}
.corp-join-steps #app-main #step2 .card-info .col-1 {
  width: 100%;
}
.corp-join-steps #app-main #step2 .card-info .col-2 {
  width: 100%;
}
.corp-join-steps #app-main #step2 .card-info .col-2 .exp-month {
  float: left;
  width: 50%;
}
.corp-join-steps #app-main #step2 .card-info .col-2 .exp-year {
  float: left;
  width: 50%;
  margin-left: -1px;
}
.corp-join-steps #app-main #step2 .card-info .col-2 .exp-year .dropdown {
  border-left: none;
}
.corp-join-steps #app-main #step2 .card-info .col-3 {
  width: 100%;
}
.corp-join-steps #app-main #personal-info-edit {
  color: white;
  background: #000;
  padding: 0;
  width: 100%;
}
.corp-join-steps #app-main #personal-info-edit h2 {
  margin: 0 10px 40px;
}
.corp-join-steps #app-main #personal-info-edit header {
  text-align: center;
}
.corp-join-steps #app-main #personal-info-edit form {
  margin: 0 auto;
  padding: 30px 0 20px;
}
.corp-join-steps #app-main #personal-info-edit form .row {
  margin-bottom: 20px;
}
.corp-join-steps #app-main #personal-info-edit form .control-title {
  margin-bottom: 5px;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
.corp-join-steps #app-main #personal-info-edit form button {
  width: 220px !important;
}
.corp-join-steps #app-main #review-purchase header h1 {
  margin: 0 10% 40px;
}
.corp-join-steps #app-main #review-purchase header p {
  font-size: 14px;
  line-height: 1.3;
  padding: 0;
}
.corp-join-steps #app-main #review-purchase h2 {
  margin: 0 0 5px;
  font-weight: normal;
}
.corp-join-steps #app-main #review-purchase h3 {
  margin-bottom: 10px !important;
}
.corp-join-steps #app-main #review-purchase p {
  margin-bottom: 30px;
}
.corp-join-steps #app-main #review-purchase .block-container .block:last-child {
  border-bottom: none;
}
.corp-join-steps #app-main #review-purchase .plan {
  width: 75%;
  margin: 0 auto;
  letter-spacing: 1px;
}
.corp-join-steps #app-main #review-purchase .plan .box, .corp-join-steps #app-main #review-purchase .plan .btn-mobile-cta {
  border: 1px solid #000;
  padding: 30px;
}
.corp-join-steps #app-main #review-purchase .plan .plan-header {
  text-align: center;
}
.corp-join-steps #app-main #review-purchase .plan .plan-header h2 {
  font-size: 20px;
}
.corp-join-steps #app-main #review-purchase .plan .plan-header h3 {
  margin: 0;
  font-size: 34px;
}
.corp-join-steps #app-main #review-purchase .plan .plan-header h6 {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 2px;
}
.corp-join-steps #app-main #review-purchase .plan .plan-info {
  margin-bottom: 30px;
  font-size: 14px;
}
.corp-join-steps #app-main #review-purchase .plan .price-wrapper {
  margin-bottom: 5px;
  text-align: center;
}
.corp-join-steps #app-main #review-purchase .plan .price-wrapper .price {
  font-size: 16px;
  font-weight: bold;
}
.corp-join-steps #app-main #review-purchase .plan .conditional-benefit {
  margin-bottom: 30px;
  font-size: 14px;
  text-align: center;
}
.corp-join-steps #app-main #review-purchase .plan .club-payment-info {
  font-size: 12px;
  text-align: initial;
}
.corp-join-steps #app-main #review-purchase .plan .club-payment-info .row {
  margin-bottom: 2px;
}
.corp-join-steps #app-main #review-purchase .plan .club-payment-info .row .col.left {
  width: 70%;
}
.corp-join-steps #app-main #review-purchase .plan .club-payment-info .total-due-row {
  margin-top: 20px;
}
.corp-join-steps #app-main #review-purchase .club-payment-info {
  margin-bottom: 30px;
}
.corp-join-steps #app-main #review-purchase .info-block {
  width: 80%;
  margin: 0 auto 50px auto;
  letter-spacing: 0;
  line-height: 18px;
}
.corp-join-steps #app-main #review-purchase .info-block:last-child {
  margin-bottom: 0;
}
.corp-join-steps #app-main #review-purchase .info-block h3 {
  margin: 0;
  font-size: 20px;
}
.corp-join-steps #app-main #review-purchase .info-block h6 {
  font-weight: bold;
  font-size: 12px;
}
.corp-join-steps #app-main #review-purchase .info-block .personal-email {
  text-transform: none;
  margin-top: 10px;
}
.corp-join-steps #app-main #review-purchase .info-block .info {
  margin-top: 20px;
  font-weight: bold;
}
.corp-join-steps #app-main #review-purchase .info-block .info span {
  display: block;
}
.corp-join-steps #app-main #review-purchase hr {
  margin: 0;
}
.corp-join-steps #app-main #review-purchase .card-info {
  margin-bottom: 10px;
}
.corp-join-steps #app-main #review-purchase .conditional-benefit {
  margin-bottom: 30px;
  font-size: 14px;
  text-align: center;
}
.corp-join-steps #app-main #review-purchase .agreement-section {
  margin: 50px auto;
}
.corp-join-steps #app-main #review-purchase .agreement-section .agreement-header {
  margin-bottom: 20px;
}
.corp-join-steps #app-main #review-purchase .agreement-section .agreement-header p {
  font-size: 16px;
  padding: 0;
}
.corp-join-steps #app-main #review-purchase .agreement-section h4 {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.corp-join-steps #app-main #review-purchase .agreement-section .terms-conditions {
  margin-bottom: 15px;
}
.corp-join-steps #app-main #review-purchase .agreement-section .terms-conditions a {
  text-decoration: underline;
  color: #fff;
  text-transform: uppercase;
}
.corp-join-steps #app-main #review-purchase .agreement-section .terms-conditions .checkbox-replacement {
  border: 1px solid #fff;
}
.corp-join-steps #app-main #review-purchase .agreement-section .terms-conditions .checkbox .label {
  letter-spacing: 1px;
  font-size: 13px;
}
.corp-join-steps #app-main #review-purchase .agreement-section .flip-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  display: inline-block;
}
.corp-join-steps #app-main #review-purchase #personal-billing-info-wrapper {
  text-transform: uppercase;
}
.corp-join-steps #app-main #review-purchase #obligationCopy {
  letter-spacing: 2px;
  font-size: 14px;
}
.corp-join-steps #app-main #review-purchase #eftPolicy {
  display: none;
  margin-left: 26px;
  font-size: 14px;
  line-height: 20px;
}
.corp-join-steps #app-main #confirmation header {
  margin: 20px auto 40px;
}
.corp-join-steps #app-main #confirmation header h1 {
  margin-bottom: 20px;
}
.corp-join-steps #app-main #confirmation header p {
  text-transform: uppercase;
}
.corp-join-steps #app-main #confirmation header + section p {
  letter-spacing: 2px;
  margin: 15px auto;
  text-transform: uppercase;
}
.corp-join-steps #app-main #confirmation .thankyou {
  width: 100%;
}
.corp-join-steps #app-main #confirmation .is-error {
  padding: 15px 0;
}
.corp-join-steps #app-main #confirmation .personal-name {
  margin-top: 20px;
}
.corp-join-steps #app-main #confirmation .personal-email {
  text-transform: none;
}
.corp-join-steps #app-main #confirmation form .control .dropdown .option {
  width: auto;
  margin-right: 25px;
}
.corp-join-steps #app-main #confirmation footer p {
  letter-spacing: 1px;
}
.corp-join-steps #app-main #confirmation .link {
  text-transform: none;
}

.page {
  -webkit-transition: -webkit-filter 1s;
  transition: filter 1s;
  margin: 0 auto;
  padding-top: 50px;
}
.page.full-bleed {
  max-width: 100%;
}

body.uiwebview .page {
  padding-top: 0px;
}

body.uiwebview > nav {
  display: none !important;
}

body.uiwebview .search-menu-box {
  display: none !important;
}

body.uiwebview footer {
  display: none !important;
}

.page.image {
  min-height: 800px;
  overflow: hidden;
}
.page.image .rich-content {
  position: absolute;
  z-index: 1;
  top: 10%;
  left: 0;
  width: 100%;
}
.page.image .rich-content header {
  min-height: 260px;
}

body.wizard.black {
  background: #080808;
  color: #fff;
}
body.wizard.white, body.wizard.btn-mobile-cta {
  background: #fff;
  color: #080808;
}

.page.wizard .rich-content header {
  min-height: 125px;
}
.page.wizard .rich-content header .rich-content-title {
  border: 0;
  font-size: 25px;
  line-height: 1.1;
  padding: 0;
}
.page.wizard h6 {
  text-align: center;
}
.page.wizard .extra a {
  color: #fff;
}
.page.wizard .simple-form .bottom-space .button.white, .page.wizard .simple-form .bottom-space .btn-mobile-cta {
  border-color: #fff;
}

.page.image .content-wrapper, .page.wizard .content-wrapper {
  max-width: 480px;
  margin: 0 auto;
}
.page.image .content-wrapper.centered, .page.wizard .content-wrapper.centered {
  text-align: center;
}
.page.image .content-wrapper.medium, .page.wizard .content-wrapper.medium {
  max-width: 640px;
}
.page.image .content-wrapper.large, .page.wizard .content-wrapper.large {
  max-width: 820px;
}

.rich-content #classSearch-btn {
  display: block;
  text-align: center;
  text-decoration: underline;
  margin: 20px 0;
}

.login .simple-form, .customizedlogin .simple-form {
  margin-top: 30px;
  margin-bottom: 150px;
}
.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"] {
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff;
  font-size: 12px;
  height: 44px;
  letter-spacing: 1.5px;
  text-transform: none;
}
.login .simple-form input[type="text"]::-webkit-input-placeholder, .login .simple-form input[type="password"]::-webkit-input-placeholder, .login .simple-form input[type="tel"]::-webkit-input-placeholder, .login .simple-form input[type="email"]::-webkit-input-placeholder, .login .simple-form input[type="number"]::-webkit-input-placeholder, .customizedlogin .simple-form input[type="text"]::-webkit-input-placeholder, .customizedlogin .simple-form input[type="password"]::-webkit-input-placeholder, .customizedlogin .simple-form input[type="tel"]::-webkit-input-placeholder, .customizedlogin .simple-form input[type="email"]::-webkit-input-placeholder, .customizedlogin .simple-form input[type="number"]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.5);
}
.login .simple-form input[type="text"]:-moz-placeholder, .login .simple-form input[type="password"]:-moz-placeholder, .login .simple-form input[type="tel"]:-moz-placeholder, .login .simple-form input[type="email"]:-moz-placeholder, .login .simple-form input[type="number"]:-moz-placeholder, .customizedlogin .simple-form input[type="text"]:-moz-placeholder, .customizedlogin .simple-form input[type="password"]:-moz-placeholder, .customizedlogin .simple-form input[type="tel"]:-moz-placeholder, .customizedlogin .simple-form input[type="email"]:-moz-placeholder, .customizedlogin .simple-form input[type="number"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.5);
}
.login .simple-form input[type="text"]::-moz-placeholder, .login .simple-form input[type="password"]::-moz-placeholder, .login .simple-form input[type="tel"]::-moz-placeholder, .login .simple-form input[type="email"]::-moz-placeholder, .login .simple-form input[type="number"]::-moz-placeholder, .customizedlogin .simple-form input[type="text"]::-moz-placeholder, .customizedlogin .simple-form input[type="password"]::-moz-placeholder, .customizedlogin .simple-form input[type="tel"]::-moz-placeholder, .customizedlogin .simple-form input[type="email"]::-moz-placeholder, .customizedlogin .simple-form input[type="number"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
.login .simple-form input[type="text"]:-ms-input-placeholder, .login .simple-form input[type="password"]:-ms-input-placeholder, .login .simple-form input[type="tel"]:-ms-input-placeholder, .login .simple-form input[type="email"]:-ms-input-placeholder, .login .simple-form input[type="number"]:-ms-input-placeholder, .customizedlogin .simple-form input[type="text"]:-ms-input-placeholder, .customizedlogin .simple-form input[type="password"]:-ms-input-placeholder, .customizedlogin .simple-form input[type="tel"]:-ms-input-placeholder, .customizedlogin .simple-form input[type="email"]:-ms-input-placeholder, .customizedlogin .simple-form input[type="number"]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.5);
}
.login .simple-form fieldset, .customizedlogin .simple-form fieldset {
  margin-bottom: 15px;
}
.login .simple-form .lost-credentials.extra, .customizedlogin .simple-form .lost-credentials.extra {
  color: #fff;
  margin-bottom: 10px;
}
.login .simple-form .lost-credentials.extra a, .customizedlogin .simple-form .lost-credentials.extra a {
  font-size: 11px;
}
.login .simple-form .checkbox, .customizedlogin .simple-form .checkbox {
  margin-bottom: 15px;
}
.login .simple-form .checkbox .checkbox-replacement, .customizedlogin .simple-form .checkbox .checkbox-replacement {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
.login .simple-form fieldset input[type='submit'],
.login .simple-form .register-account,
.login .simple-form .login-email,
.login .simple-form .login-facebook, .customizedlogin .simple-form fieldset input[type='submit'],
.customizedlogin .simple-form .register-account,
.customizedlogin .simple-form .login-email,
.customizedlogin .simple-form .login-facebook {
  color: black;
  border: #fff;
  font-size: 11px;
  padding: 1.5em 0;
  background-color: white;
  border-color: white;
}
.login .simple-form .login-facebook, .customizedlogin .simple-form .login-facebook {
  background: #3b5999;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3b5999 15%, #3b5999 15%, #ffffff 15%, #ffffff 15%, #ffffff 15%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, #3b5999), color-stop(15%, #3b5999), color-stop(15%, #ffffff), color-stop(15%, #ffffff), color-stop(15%, #ffffff), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #3b5999 15%, #3b5999 15%, #ffffff 15%, #ffffff 15%, #ffffff 15%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #3b5999 15%, #3b5999 15%, #ffffff 15%, #ffffff 15%, #ffffff 15%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #3b5999 15%, #3b5999 15%, #ffffff 15%, #ffffff 15%, #ffffff 15%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to right, #3b5999 15%, #3b5999 15%, #ffffff 15%, #ffffff 15%, #ffffff 15%, #ffffff 100%);
  /* W3C */
}
.login .simple-form .login-facebook .icon-facebook, .customizedlogin .simple-form .login-facebook .icon-facebook {
  float: left;
  color: #fff;
  padding-left: 6%;
  line-height: 100%;
}
.login .simple-form fieldset input[type='submit'], .customizedlogin .simple-form fieldset input[type='submit'] {
  margin-bottom: 10px;
}
.login .simple-form .label, .customizedlogin .simple-form .label {
  margin-bottom: 10px;
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
}
.login .simple-form .checkbox .label, .customizedlogin .simple-form .checkbox .label {
  font-size: 14px;
  letter-spacing: 2px;
}
.login .simple-form hr, .customizedlogin .simple-form hr {
  color: rgba(255, 255, 255, 0.5);
  margin: 15px 0;
}
.login.page.image, .customizedlogin.page.image {
  min-height: 675px;
}
.login.page.image .background, .customizedlogin.page.image .background {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 675px;
  background: #003070;
}
.login.page.image .background img.is-mobile, .customizedlogin.page.image .background img.is-mobile {
  position: absolute;
  bottom: 0px;
}
.login.page.image .rich-content, .customizedlogin.page.image .rich-content {
  position: static;
}
.login.page.image .rich-content header, .customizedlogin.page.image .rich-content header {
  margin-top: 30px;
  min-height: 55px;
}
.login.page.image .rich-content header h2.rich-content-title, .customizedlogin.page.image .rich-content header h2.rich-content-title {
  border: none;
  font-size: 25px;
  padding: 0;
}

.page.join .tpl-ctacallout, .page.step1 .tpl-ctacallout {
  margin: 0;
  padding: 0;
}
.page.join .tpl-ctacallout a.button.box, .page.join .tpl-ctacallout a.btn-mobile-cta, .page.step1 .tpl-ctacallout a.button.box, .page.step1 .tpl-ctacallout a.btn-mobile-cta {
  display: none;
  max-width: 280px;
  margin: 25px auto;
}

.terms-detail {
  position: relative;
}

.page.step1 .nearme {
  min-height: 450px;
}
.page.step1 .nearme .club-information {
  max-width: 260px;
  background: transparent;
  margin: 25px auto 0 auto;
}
.page.step1 .nearme .club-information address {
  text-transform: uppercase;
}
.page.step1 .nearme .club-information address, .page.step1 .nearme .club-information a.link {
  color: white;
}
.page.step1 .rich-content header h2 small {
  font-size: .4em;
  letter-spacing: 2px;
  font-weight: bold;
}
.page.step1 input[type='submit'] {
  padding: 0;
  font-size: 14px;
  height: 60px;
  font-weight: 600;
  letter-spacing: 2px;
}

.page.step3 .step3 {
  display: none;
}
.page.step3 .step3 input.purchase {
  display: block;
  max-width: 280px;
  margin: 25px auto;
}
.page.step3 .billing-info .checkbox label {
  letter-spacing: 3px;
  font-weight: 200;
}
.page.step3 .membership-agreement p, .page.step3 .membership-agreement label {
  font-weight: 200;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 3px;
}
.page.step3 .membership-agreement p {
  text-align: center;
  margin-bottom: 20px;
}
.page.step3 .agreement-checkboxes {
  max-width: 80%;
  margin: 0 auto;
}

.page.thankyou .wrapper .module {
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
  padding-top: 20px;
}
.page.thankyou .wrapper.module:first-child {
  max-width: none;
}
.page.thankyou .wrapper .paragraph {
  padding: 0;
}
.page.thankyou .wrapper p {
  font-size: 13px;
  letter-spacing: 3px;
}
.page.thankyou .wrapper p strong {
  font-size: 14px;
  letter-spacing: 1px;
}
.page.thankyou .tpl-ctacallout {
  position: relative;
  min-height: 100px;
}

.no-snap [data-stellar-ratio] {
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.no-snap .homepage .more-button, .no-snap .homepage .elevator {
  display: none;
}

.page-snap-enabled nav.main .full-wrapper {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAADklEQVR4nGNiAAEmHCQAANIAC4JD81sAAAAASUVORK5CYII=');
  background: #000;
}

.page-snap-enabled .homepage {
  height: 460px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 0 !important;
}
.page-snap-enabled .homepage footer {
  margin-top: 0;
}
.page-snap-enabled .homepage .carousel, .page-snap-enabled .homepage .carousel .owl-wrapper-outer {
  height: 240px;
}
.page-snap-enabled .homepage .paragraph, .page-snap-enabled .homepage .title {
  margin: 10px 0;
  padding-top: 0;
}
.page-snap-enabled .homepage .rich-content .button-container, .page-snap-enabled .homepage .rich-content .caption {
  padding: 0;
  margin: 0 auto;
}
.page-snap-enabled .homepage .rich-content .caption .buttons {
  margin: 0 auto;
}
.page-snap-enabled .homepage .rich-content header {
  height: 240px;
  min-height: 240px;
}
.page-snap-enabled .homepage .rich-content h2 {
  margin-top: 25px;
  min-height: 100px;
  opacity: 0;
  -moz-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  -webkit-transition: opacity 2s ease;
  transition: opacity 2s ease;
}
.page-snap-enabled .homepage .home-splash {
  height: 460px;
}
.page-snap-enabled .homepage .home-splash h1 {
  margin-top: -40px;
}
.page-snap-enabled .homepage .carousel .swipe-guide {
  top: auto;
  bottom: 10px;
}
.page-snap-enabled .homepage .carousel .rich-content .caption {
  padding-top: 20px;
}
.page-snap-enabled .homepage .page-wrapper {
  position: absolute;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.page-snap-enabled .homepage .page-wrapper.animating {
  -moz-transition: -moz-transform 1s ease;
  -o-transition: -o-transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
}
.page-snap-enabled .homepage .page-snap {
  height: 460px;
  overflow: hidden;
  position: relative;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.page-snap-enabled .homepage .page-snap.active .rich-content h2 {
  opacity: 1;
}
.page-snap-enabled .homepage .page-footer {
  height: 300px;
}

.home-splash {
  position: relative;
}
.home-splash .buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.home-splash .buttons .button, .home-splash .buttons .btn-mobile-cta {
  font-size: 14px;
  line-height: 14px;
  width: 50%;
}
.home-splash h1 {
  position: absolute;
  z-index: 10;
  left: 1%;
  text-align: center;
  top: 50%;
  width: 98%;
}

.homepage .paragraph {
  padding-top: 20px;
}
.homepage .more-button, .homepage .elevator {
  display: none;
}

.page-snap-enabled .homepage .elevator {
  display: block;
  position: absolute;
  z-index: 100;
  right: 12px;
  top: 23%;
  width: 5px;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.page-snap-enabled .homepage .elevator.hide {
  opacity: 0;
}
.page-snap-enabled .homepage .elevator a {
  display: block;
  width: 5px;
  height: 5px;
  margin: 10px 0;
  border: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-radius: 5px;
  -moz-transition: border 0.5s, opacity 0.5s, background 0.5s;
  -o-transition: border 0.5s, opacity 0.5s, background 0.5s;
  -webkit-transition: border 0.5s, opacity 0.5s, background 0.5s;
  transition: border 0.5s, opacity 0.5s, background 0.5s;
  background: white;
}
.page-snap-enabled .homepage .elevator a.selected {
  border: 1px solid white;
  background: transparent;
}
.page-snap-enabled .homepage .elevator a .inner {
  display: none;
}
.page-snap-enabled .homepage .elevator.black a {
  background: #080808;
}
.page-snap-enabled .homepage .elevator.black a.selected {
  border: 1px solid #080808;
  background: transparent;
}

.club-finder-map {
  margin-bottom: 80px;
}
.club-finder-map .buttons {
  text-align: center;
}

.map-wrapper {
  height: 400px;
  width: 100%;
}

.map-container {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.map-container .cluster img {
  display: none;
}
.map-container .cluster .icon-marker {
  font-size: 48px;
  color: #eee;
}
.map-container .cluster small {
  display: block;
  left: 0;
  font-family: "Graphik Web", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
}
.map-container .map-interaction-lock a {
  display: block;
  height: 52px;
  margin: 10px 10px 0 0;
  overflow: hidden;
  width: 52px;
}
.map-container .map-interaction-lock a span {
  background: #fff;
  color: #000;
  font-size: 100px;
  left: -24px;
  line-height: 0.5;
  position: relative;
}
.map-container .map-interaction-lock a span.icon-unlocked {
  background: transparent;
  color: #fff;
}
.map-container .custom-marker {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: pointer;
  text-align: center;
  width: 50px;
}
.map-container .custom-marker .active-info {
  display: none;
}
.map-container .custom-marker.active {
  position: relative;
  width: 125px;
  z-index: 1;
}
.map-container .custom-marker.active .icon-marker-dot {
  display: none;
}
.map-container .custom-marker.active .active-info {
  display: block;
}
.map-container .custom-marker .icon-marker-dot {
  color: #c2c2c2;
  display: block;
  font-size: 36px;
  padding-bottom: 24px;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.map-container .custom-marker .icon-marker-dot.darker {
  color: #444;
}
.map-container .custom-marker .icon-marker-o {
  color: #fff;
  font-size: 64px;
}
.map-container .custom-marker h5 {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin: 20px 0 0;
  text-transform: uppercase;
}
.map-container .custom-marker.caption {
  text-align: center;
  width: 140px;
}
.map-container .custom-marker.caption span, .map-container .custom-marker.caption small {
  color: #fff;
  display: block;
  font-family: "Graphik Web", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}
.map-container .custom-marker.caption small {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.club-finder.module {
  margin-top: 50px;
  padding-top: 0;
}
.club-finder .map-wrapper {
  position: relative;
}
.club-finder .map-container {
  display: none;
}
.club-finder .tabs-simple .map-container {
  display: block;
}

.clubs-region .club-finder .map-container, .club-finder.visible .map-container {
  display: block;
}

.clubs-region .club-finder .map-container {
  display: block;
}
.clubs-region .region-information, .clubs-region .dtm-region-information > section {
  display: none;
}

.dtm-videocallout {
  margin-bottom: 20px;
}

.dtm-region-information > section {
  display: block !important;
}

.region-information, .dtm-region-information > section {
  color: #000;
  text-align: center;
  margin-bottom: 40px;
  display: none;
  padding: 0 20px;
}
.region-information .title, .dtm-region-information > section .title {
  margin: 30px auto;
}

.club-information {
  background: #000;
  color: #fff;
  padding: 20px;
  text-align: center;
}
.club-information h3 {
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0 0 1em;
  text-transform: uppercase;
}
.club-information address, .club-information .tel {
  color: #fff;
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0 0 1em;
}
.club-information a.tel {
  display: block;
  text-decoration: underline;
}
.club-information a.button, .club-information a.btn-mobile-cta {
  margin-top: 1em;
}

.region-list-container {
  padding: 0 20px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.region-list-container h4 {
  border-left: 50px solid #666;
  border-right: 50px solid #666;
  font-size: 14px;
  font-weight: normal;
  height: 1px;
  letter-spacing: 2px;
  line-height: 0;
  margin: 20px 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
}

.region-list {
  color: #000;
  font-size: 20px;
  font-weight: 200;
  letter-spacing: 2px;
  padding: 30px 0;
  text-align: center;
  text-transform: uppercase;
}
.region-list h5 {
  color: #959595;
  font-size: 20px;
  font-weight: 200;
}

.onboarding {
  text-align: center;
}
.onboarding form {
  overflow: visible;
}
.onboarding h6 {
  margin: 0 2.5em 2em;
}
.onboarding .module {
  padding-top: 0px;
}
.onboarding .tpl-imagetextcallout {
  margin-top: 10px;
}
.onboarding .tpl-imagetextcallout .paragraph p {
  font-size: 12px;
}
.onboarding .tpl-joinschedule {
  border-top: 1px solid #4d4d4d;
  margin-top: 20px;
  padding-top: 40px;
}
.onboarding .dtm-q-start-3-columns {
  margin-top: 0;
  padding-top: 0;
}
.onboarding .dtm-q-start-3-columns h1 {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 45px;
  text-transform: none;
  letter-spacing: 2px;
}
.onboarding .dtm-q-start-3-columns .columns-layout .column .content h2, .onboarding .dtm-q-start-3-columns .columns-layout .column .content p {
  font-size: 12px;
}
.onboarding .rich-content header {
  min-height: 0;
}
.onboarding .rich-content header h2 {
  margin: 1em auto 0;
  position: static;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.onboarding .rich-content header h2 small {
  letter-spacing: 2px;
}
.onboarding .rich-content .paragraph a {
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: underline;
}
.onboarding form fieldset label {
  font-weight: normal;
  text-transform: none;
}
.onboarding .question {
  margin: 60px 0 0;
}
.onboarding .question:first-child {
  margin: 0;
}
.onboarding .select-wrapper {
  font-size: 20px;
  margin: 0 20px;
  max-width: initial;
}
.onboarding .button, .onboarding .btn-mobile-cta {
  display: block;
  max-width: 263px;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  margin: 0 auto;
}
.onboarding .alternative-cta {
  font-size: 11px;
}
.onboarding .range-selection {
  margin-bottom: 20px;
}
.onboarding .tpl-multipleselect h3 {
  font-weight: bold;
  font-size: 12px;
}
.onboarding .tpl-multipleselect p {
  font-size: 12px;
}
.onboarding .tpl-multipleselect .multiple-select {
  padding: 40px 0;
}
.onboarding .tpl-multipleselect .multiple-select li section label.check-selector h6 {
  display: inline-block;
  font-size: 12px;
  padding-right: 30px;
}

.join-schedule-form {
  padding: 0;
}
.join-schedule-form .checkbox.small label {
  padding: 10px 20px 10px 35px;
}
.join-schedule-form .checkbox.small .checkbox-replacement {
  position: absolute;
  margin: 0;
  top: 5px;
  left: 18px;
}
.join-schedule-form .checkbox.small .checkbox-replacement:before {
  top: -7px;
  left: -7px;
}

.questionnaire {
  padding: 0;
  max-width: initial;
}
.questionnaire fieldset {
  margin-bottom: 20px;
  width: 80%;
}
.questionnaire h3 {
  margin: 0 0 1.2em;
  font-size: 12px;
  font-weight: bold;
}
.questionnaire .radio {
  display: inline-block;
  margin-left: 30px;
  margin-right: 30px;
}
.questionnaire .radio .label {
  font-weight: 400;
  font-size: 12px;
}

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

.user-recover-success p, .password-recover-mail-sent p {
  color: #fff;
}

.bookabike .classes-calendar .calendar-list-container {
  height: auto;
}

.rules-container-mobile {
  text-align: center;
  font-size: small;
  font-weight: 500;
  background-color: black;
  padding: 30px;
}
.rules-container-mobile .rules-anchor {
  text-decoration: underline;
  text-align: center;
  color: gray;
}

.bike-classes-component .browser_upgrade_warning {
  text-align: center;
  padding: 13px 15%;
  font-size: 14px;
  font-weight: 700;
  background-color: #f4e10b;
  text-transform: uppercase;
}

.bike-classes li {
  background-color: #fff;
  border-top: 2px solid #efefef;
  position: relative;
  /*&:after {
      font-family: 'icomoon';
      content: '\e613';
      position: absolute;
      top: 50%;
      right: 3%;
      @include css-translate(0, -50%);
  }*/
}
.bike-classes li:first-child {
  border-top: 0;
}
.bike-classes li .search-result-row, .bike-classes li .search-result-row-bike {
  padding: 20px;
  display: block;
  position: relative;
}
.bike-classes li .search-result-row:after, .bike-classes li .search-result-row-bike:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  *zoom: 1;
}
.bike-classes li .search-result-row .availability, .bike-classes li .search-result-row-bike .availability {
  width: 80px;
  position: relative;
  top: 15%;
  display: none;
  padding-left: 2%;
}
.bike-classes li .search-result-row .availability p, .bike-classes li .search-result-row .availability span, .bike-classes li .search-result-row-bike .availability p, .bike-classes li .search-result-row-bike .availability span {
  display: block;
}
.bike-classes li .search-result-row .availability span, .bike-classes li .search-result-row-bike .availability span {
  width: 100%;
  position: relative;
  top: 14px;
}
.bike-classes li .search-result-row .availability p, .bike-classes li .search-result-row-bike .availability p {
  padding-top: 16%;
}
.bike-classes li .search-result-row .availability p a img, .bike-classes li .search-result-row-bike .availability p a img {
  border: none;
  position: relative;
  padding-top: 16%;
}
.bike-classes li .search-result-row .availability p img, .bike-classes li .search-result-row-bike .availability p img {
  width: 75%;
}
.bike-classes li .search-result-row .availability p.full, .bike-classes li .search-result-row-bike .availability p.full {
  background-color: #333f48;
  border: 2px solid #333f48;
  color: #fff;
}
.bike-classes li .search-result-row .availability p.full:before, .bike-classes li .search-result-row-bike .availability p.full:before {
  font-size: 10px;
  content: 'Full';
}
.bike-classes li .search-result-row .availability p.full + span, .bike-classes li .search-result-row-bike .availability p.full + span {
  display: none;
}
.bike-classes li .search-result-row .availability p.icon-lock, .bike-classes li .search-result-row-bike .availability p.icon-lock {
  border: 2px solid #d0d3d3;
  color: #d0d3d3;
}
.bike-classes li .search-result-row .availability p.icon-lock + span, .bike-classes li .search-result-row-bike .availability p.icon-lock + span {
  display: none;
}
.bike-classes li .search-result-row .availability p.icon-check, .bike-classes li .search-result-row-bike .availability p.icon-check {
  background-color: #7c878e;
  color: #fff;
}
.bike-classes li .search-result-row .availability p.icon-check:before, .bike-classes li .search-result-row-bike .availability p.icon-check:before {
  font-size: 24px;
  content: "\e60f";
}
.bike-classes li .search-result-row .availability p:before, .bike-classes li .search-result-row-bike .availability p:before {
  font-size: 18px;
  display: block;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.bike-classes li .search-result-row .availability span, .bike-classes li .search-result-row-bike .availability span {
  margin-top: 14px;
}
.bike-classes li .search-result-row .class-info, .bike-classes li .search-result-row-bike .class-info {
  width: 58%;
  display: inline-block;
  padding: 20px 0;
}
.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 h2, .bike-classes li .search-result-row-bike .class-info h2 {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
}
.bike-classes li .search-result-row .class-info p, .bike-classes li .search-result-row-bike .class-info p {
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.bike-classes li .search-result-row .class-info p span, .bike-classes li .search-result-row-bike .class-info p span {
  font-family: 'Graphik Web';
}