/* Minification failed. Returning unminified contents.
(8699,1): run-time error CSS1019: Unexpected token, found '@import'
(8699,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Patrick+Hand')'
(8788,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8788,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9267,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9267,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9387,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
*/
/*
#region !!====={ Version Information }=====!!
%~%@ < 2.0001 > @%~% // File Version
%~%# < 07/27/2017 > #%~% // File Mod Date
%~%! < _Core CSS > !%~% // Core Module
%~%^ < 2.0000 > ^%~% // Minimum Core Version
#endregion ==================================
#region !!====={ Mod Information }=====!!
#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
07/07/2017 - PWB: Adjusted [hidden] styles.
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
#endregion ==================================
*/
@charset "utf-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
========================================================================== */
html {
font-family: sans-serif; /* 1 */
line-height: 1.15; /* 2 */
-ms-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: none;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, /* 1 */
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/*! PWB Modifications */
[hidden] {
display: none !important;
}
*,
*:before,
*:after {
box-sizing: inherit;
line-height: inherit;
}
html {
box-sizing: border-box;
line-height: 1;
}
.clear_all{
display: block;
width: 100%;
clear: both;
}
.h-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
/*
#region !!====={ Version Information }=====!!
%~%@ < 2.0000 > @%~% // File Version
%~%# < 03/06/2017 > #%~% // File Mod Date
%~%! < _Core CSS > !%~% // Core Module
%~%^ < 2.0000 > ^%~% // Minimum Core Version
#endregion ==================================
*/
@charset "utf-8";
.group::after {clear: both;content: " ";display: table;}
/* Helpers */
.clear {clear: both;}
.t {display: table;width: 100%;height: 100%;}
.t .cL {display: table-cell;vertical-align: middle;text-align: left;}
.t .c {display: table-cell;vertical-align: middle;text-align: center;}
.t .cR {display: table-cell;vertical-align: middle;text-align: right;}
svg {display: inline-block;width: 1em;height: 1em;}
/* BASE STYLE
======================================================= */
body {background: #fff;color: #000;font-size: 16px;font-family: 'Open Sans', sans-serif;}
main {line-height: 1.2;}
.SiteFooter {background-color: #000;color: #fff;padding: 10px 0;text-align: center;}
.SiteFooter .vcard {display: inline-block;}
.SiteFooter .vcard address {display: inline-block;}
/* CONTENT STYLING
======================================================= */
h1, h2, h3, h4, h5, h6 {color: #000;line-height: 1.1;font-weight:normal;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5, h6 {font-size: 1.2em;}
a {color: #f00;}
a:hover, a:focus {color: #800;text-decoration: none;}
/* FORM STYLING
======================================================= */
/*
form {display: block;width: 100%;max-width: 304px;margin: 0 auto;}
form label {display: inline-block;font-weight: bold;}
form input:not([type="checkbox"]):not([type="radio"]), form select, form textarea {display: block;width: 100%;padding: 5px;border: 2px solid #999;background: #eee;color: #202020;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form textarea {max-width: 100%;min-width: 100%;max-height: 150px;}
form input:focus, form input.error:focus, form select:focus, form textarea:focus {border: 2px solid #0086c2;background: #fff;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form label.error {margin: 0 0 0 5px;display: inline;color: #cc0000;font-weight: normal;}
form input.error {border: 2px solid #cc0000;background: #ffcccc;color: #cc0000;}
form input[type="submit"], form button {font-family: inherit;padding: 5px 10px;border: 2px solid transparent;background: #c23c00;color: #fff;font-weight: bold;text-transform: uppercase;font-size: inherit;line-height: inherit;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form input[type="submit"]:hover, form input[type="submit"]:active, form button:hover, form button:active {cursor: pointer;background: #0086c2;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form .link {display: inline-block;float: right;line-height: 36px;text-decoration: none;color: #0086c2;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
form .link:hover, form .linbk:active {color: #c23c00;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
*/
/* Newsletter Popup */
.message{background:#FFF; border: 3px solid #449d44; color:#449d44; border-radius:10px; max-width:450px; min-height:20px; padding:35px 50px;text-align:center;margin:0 auto; }
/* Default */
#ContactForm label {display: block;font-weight: 900;}
#ContactForm input[type="text"], #ContactForm input[type="email"], #ContactForm input[type="password"], #ContactForm textarea {border: 1px solid #ccc;color: #444;font-size: 1.2em;padding: 2px;width: 436px;}
#ContactForm input:focus, #ContactForm textarea, #recaptcha_response_field {border: 1px dotted #22a;}
#ContactForm label.error {display: inline;color: #f00;margin-left: 5px;}
#ContactForm input.error, #ContactForm textarea.error, #recaptcha_response_field.error {border: 1px dotted #e00;color: #f00;background-color: #ff8;}
#ContactFormCaptcha {margin-top: 0px;}
#youtubevid {margin-top: 10px;margin-bottom: 15px;}
.SiteHeader {background: #000;color: #fff;}
.SiteHeader__pos {}
.HeaderNav {float: left;}
.HeaderNav__list {margin: 0;padding: 0;list-style: none;}
.HeaderNav__list li {float: left;}
.HeaderNav__list li a {display: block;padding: 1em;color: inherit;text-decoration: none;}
.HeaderNav__list li a:hover, .HeaderNav__list li a:focus {color: #f00;}
.HeaderNav__list .HeaderNav__link--phone {color: #f00;}
.HeaderNav__list .HeaderNav__link--phone:link:hover, .HeaderNav__list .HeaderNav__link--phone:link:focus {color: #fff;}
.gc_UserLinks {float: right;}
.gc_UserLinks__listWrap {float: left;}
.gc_UserLinks__list {padding: 0;margin: 0;list-style: none;}
.gc_UserLinks__list li {display: block;}
.gc_UserLinks__list--guest {}
.gc_UserLinks__list li a {display: block;color: inherit;text-decoration: none;text-align: right;font-size: 14px;padding: 5px 10px;}
.gc_UserLinks__list li a:hover,.gc_UserLinks__list li a:focus {color: #f00;}
.gc_UserLinks__list li:nth-child(1) a {padding-top: 7px;padding-bottom: 3px;}
.gc_UserLinks__list li:nth-child(2) a {padding-top: 3px;padding-bottom: 7px;}
.gc_UserLinks__minicartWrap {float: right;}
.SiteContent {padding: 20px;position: relative;}
.SearchForm__input {display: block;-webkit-appearance: none;border: none;line-height: 1;background: #d4d4d4;color: #000;width: calc(100% - 50px);padding: 1em;float: left;}
.SearchForm__button {display: block;-webkit-appearance: none;border: none;padding: 0;text-transform: uppercase;background: #000;color: #f00;font-weight: bold;width: 50px;height: 48px;font-size: 25px;position: relative;cursor: pointer;float: right;}
.SearchForm__button:hover, .SearchForm__button:focus {color: #000;background-color: #f00;}
.SearchForm__button:focus {outline: none;}
.SearchForm__button svg {display: block;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}
/* Mobile Hamburger Menu */
/*#menuTL { display: none; height: 38px; position: absolute; left:10px; margin-top: 5px; width: 38px; z-index: 4; }
#nav-toggle { float: left; width: 100%; cursor: pointer; }
.contain { background: red; border-radius: 5px; display: block; height: 38px; position: relative; }
#menuTL.clicked .contain { background: #333; }
#nav-toggle .menuX, #nav-toggle .menuX::before, #nav-toggle .menuX::after { background: #fff; border-radius: 3px; content: ""; display: block; height: 3px; left: 8px; position: absolute; top: 18px; width: 21px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#nav-toggle .menuX:before { left: 0; top: -7px; }
#nav-toggle .menuX::after { top: 7px; left: 0px; }
#nav-toggle.active .menuX { background: transparent; }
#nav-toggle.active .menuX::before { top: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); background: red; }
#nav-toggle.active .menuX::after { top: 10px; -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); background: red; }
#nav-toggle #textMenu, #nav-toggle #textClose { color: #fff; font-size: 12px; left: 12%; letter-spacing: 1px; margin-top: 0; position: absolute; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#nav-toggle #textMenu { opacity: 1; }
#nav-toggle #textClose { letter-spacing: 1px; opacity: 0; }
#nav-toggle:hover #textMenu, #nav-toggle:active #textMenu { color: #FDFFFC; }
.clicked #nav-toggle #textMenu { opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.clicked #nav-toggle #textClose { opacity: 1; color: #FFF2AD; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }*/
@media only screen and (max-width: 1000px) {
/*#menuTL { display: block; }
.HeaderNav__list { overflow: hidden; max-height: 0; margin:48px 0 0 0; height:auto; padding: 0 0 0 0; width: 100%; z-index:3; position: absolute; background: #333; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.HeaderNav__list li.mobileBumb { margin-top:18%;}
.HeaderNav__list.clicked { max-height: 500px; }
.HeaderNav__list li { width: 100%; height: auto; margin: 0; border: none; }
.HeaderNav__list li a{ background:none; width: 100%; border-bottom: 1px solid #111; display: block; font-size: 13px; height: 36px; letter-spacing: 2px; line-height: 37px; text-align: center; padding: 0; color: #FFF; }
.HeaderNav__list li ul{ margin: 0; background: #178EB2; width: 100%; position: relative; }
.HeaderNav__list li ul li a{ color: #FFF; width: 100%; }
.HeaderNav__list li ul li a:hover{ background: #111; }*/
}
/* Checkmark Animations */
@-webkit-keyframes checkmark_bottom{0%{height:0;}
100%{height:5px;}}
@keyframes checkmark_bottom{0%{height:0;}
100%{height:5px;}}
@-webkit-keyframes checkmark_top{0%{height:0;}
50%{height:0;}
100%{height:13px;}}
@keyframes checkmark_top{0%{height:0;}
50%{height:0;}
100%{height:13px;}}
.checkbox{height:11px;width:11px;background-color:transparent;border:1px solid #f76515;position:relative;display:inline-block;box-sizing:border-box;-webkit-transition:border-color ease 0.2s;transition:border-color ease 0.2s;cursor:pointer;}
.checkbox::before, .checkbox::after{box-sizing:border-box;position:absolute;height:0;width:2px;background-color:#34b93d;display:inline-block;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;content:' ';-webkit-transition:opacity ease 0.5s;transition:opacity ease 0.5s;}
.checkbox::before{top:9px;left:5px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.checkbox::after{top:5px;left:0px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
input[type=checkbox]:checked + .checkbox, .checkbox.checked{border-color:#34b93d;}
input[type=checkbox]:checked + .checkbox::after, .checkbox.checked::after{height:8px;-webkit-animation:checkmark_bottom 0.2s ease 0s forwards;animation:checkmark_bottom 0.2s ease 0s forwards;}
input[type=checkbox]:checked + .checkbox::before, .checkbox.checked::before{height:13px;-webkit-animation:checkmark_top 0.4s ease 0s forwards;animation:checkmark_top 0.4s ease 0s forwards;}
/*
#region !!====={ Version Information }=====!!
%~%@ < 2.0000 > @%~% // File Version
%~%# < 03/06/2017 > #%~% // File Mod Date
%~%! < _Core CSS > !%~% // Cart Module
%~%^ < 2.0000 > ^%~% // Minimum Core Version
#endregion ==================================
*/
@charset "utf-8";
/*================ Member LOGIN ================*/
/*================ Member LOGIN ================*/
.gc_userAccountPopup{max-width:90vw; width:500px;}
#user-msg-placeholder {background-color: #de0001;color: #fff;padding: 1em;margin: 16px 0;}
.gc_UserLoginPopup {width: 500px;max-width: 90%;max-width: 90vw;}
.gc_UserLoginPopup__tabs {display: block;list-style: none;margin:0; padding:0;}
.gc_UserLoginPopup__tabs li {width: 50%;float: left;padding: 2px 0;display: block;}
.gc_UserLoginPopup__tabs li:nth-child(1) {padding-right: 22px;border-right: 1px solid #888888;}
.gc_UserLoginPopup__tabs li:nth-child(2) {padding-left: 22px;}
.gc_UserLoginPopup__error {background-color: #e00f1e;color: #fff;}
.gc_UserLoginPopup__error label {padding: 1em;display: block;}
.gc_UserLoginPopup__error label:empty {display: none;}
.gc_UserLoginPopup__page {background: #fff;padding: 30px;}
.gc_UserLoginPopup__page:before {content: "";display: block;position: absolute;top: 8px;left: 0;right: 50%;right: calc(50% + 22px);margin: auto;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 10px solid transparent;width: 0;height: 0;box-sizing: content-box;}
.gc_UserLoginPopup__page--create:before {left: 50%;left: calc(50% + 22px);right: 0;}
.gc_UserLoginPopup__forms {position: relative;padding-top: 18px;}
.gc_UserLoginPopup__form fieldset {display: block;margin: 0;padding: 0;border: none;}
.gc_UserLoginPopup__form legend {width: 100%;font-size: 14px;font-weight: bold;display: block;padding-bottom: 10px;}
.btnSet--right {text-align: right;}
.btnSet--form {padding: 24px 0 0;}
.btnSet--form button:nth-child(2){margin-left:10px;}
.btnSet--form .btn + .btn {margin-left: 10px;}
.btn--close {border:none; background:none;display: block;position: absolute;top: 15px;right: 15px;color: #7f7f7f;width: 26px;height: 26px;text-indent: -999px;overflow: hidden;}
.gc_UserLoginPopup__forms .btn--close {top: 38px;}
.btn--close::before, .btn--close::after { content: "";display: block;position: absolute;width: 100%;height: 6px;margin: auto;top: 0;left: 0;bottom: 0;right: 0;background: currentColor;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
.btn--close::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.btn--close::after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.btn--close:hover{opacity:0.5;}
.gc_UserLoginPopup .btn {display: inline-block;border: none;background: none;font: inherit;line-height: 1;padding: 0;text-decoration: none;cursor: pointer;-webkit-transition: background .3s ease, color .3s ease;transition: background .3s ease, color .3s ease;vertical-align: middle;}
.gc_UserLoginPopup .btn--usertab {background-color: #333;color: #bababa;font-size: 14px;font-weight: bold;letter-spacing: .06em;text-decoration: none;border-radius: 6px;display: block;line-height: 1;height: 40px;text-align: center;padding: 13px 0;}
.gc_UserLoginPopup .btn--usertab.js-active {background-color: #f00;color: #fff;}
.btn:focus {outline: none;}
.btn--submitForm {color: #fff;background-color: #f00;font-size: 14px;font-weight: bold;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;border:none; outline:none;cursor:pointer;}
.btn--submitForm:hover,.btn--submitForm:focus {color: #FFF;background:#000;}
.btn--simpleUnderline {color: #de0111;text-decoration: underline;background-color: transparent;font-size: 12px;letter-spacing: .06em;padding: 1em .3em;border:none; outline:none;cursor:pointer;}
.btn--simpleUnderline:hover,.btn--simpleUnderline:focus {color: #000;text-decoration:none;}
.field__label,.field label.error {display: block;padding: 1em 0 0.3em;font-size: 13px;letter-spacing: .03em;}
.field__note {font-size: 11px;font-weight: 500;font-style: normal;}
.field label.error {color: #e00f1e;padding: .1em 0 0;}
.field__label--required:before {content: "* ";color: #e00f1e;}
.field__input {display: block;width: 100%;border: none;background: #d7d7d5;font: inherit;line-height: 1;font-size: 16px;padding: .5em;margin: 0;height: 38px;min-width: 10px;-webkit-transition: background .3s ease, color .3s ease;transition: background .3s ease, color .3s ease;}
.field__input--textarea {height: calc(152px);}
.field__input.error {background-color: #e00f1e;color: #fff;}
.field__input:invalid {box-shadow: none;}
.field__input:focus {outline: none;background-color: #eee;color: #000;}
/*================ User Edit Address ================*/
/*================ User Edit Address ================*/
#CloseAccountMessage{max-width:90vw; width:500px;display:none;}
.closeAcctInner{padding:3% 5%; background:#FFF;}
.btn--creatNew {color: #fff;background-color: #000;font-size: 14px;font-weight: bold;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;border:none; outline:none;cursor:pointer;}
.btn--creatNew:hover,.btn--creatNew:focus {color: #FFF;background:#555;}
.btn--closeAccount {color: #de0111;text-decoration: underline;background-color: transparent;font-size: 12px;letter-spacing: .06em;padding: 1em .3em;border:none; outline:none;cursor:pointer;}
.btn--closeAccount:hover,.btn--closeAccount:focus {color: #000;text-decoration:none;}
.btn--closeAccount img{}
.noInfoMsg{font-size:12px; color:#555; margin-top:15px;}
.uab {float: left;width: 25%;padding: 10px 10px 0 0;}
.uab:nth-child(4n+1) {clear: left;}
.uab__pos {padding: 10px;border: 1px solid #d7d7d5;border-radius: 5px;}
.uab__name {font-weight: bold;font-size: 1.2em;margin-bottom: 4px;}
.uab__company {color: #555;font-size: .9em;margin: 0 0 10px;}
.uab__street {margin: 4px 0;}
.uab__phone {margin: 4px 0;}
.uab__links {margin-top: 10px;}
.uab__links .btn {float: left;}
.uab__links .btn + .btn {float: right;padding: 0.7em 0.3em;font-size:14px;}
.uab__links .btn + .btn .deleteSVG{vertical-align:middle;}
.btn--deleteAccount {color: #F00;border:1px solid #F00; font-size: 14px;font-weight: bold;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;outline:none;cursor:pointer;}
.btn--deleteAccount:hover,.btn--deleteAccount:focus {color: #000;background:#eee;border-color:#000;}
.btn--deleteAccount.finalWarning{width:70%; margin:0 auto;}
.closeAcctInner div{text-align:center;font-weight:bold;}
.closeAcctInner p{text-align:center;font-size:13px;line-height:1.2;}
#ControllerMessage.h-popup{padding:3% 5%; background:#FFF; font-weight:bold;}
.btn--delete {color: #F00;font-size: 14px;font-weight: bold;border:none;background:none;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;outline:none;cursor:pointer;}
.btn--delete:hover,.btn--delete:focus {color: #000;}
@media only screen and (max-width: 1250px) {
.uab {width: 33.333%;}
.uab:nth-child(4n+1) {clear: none;}
.uab:nth-child(3n+1) {clear: left;}}
@media only screen and (max-width:700px){
.uab {width: 50%;}
.uab:nth-child(3n+1) {clear: none;}
.uab:nth-child(2n+1) {clear: left;}}
@media only screen and (max-width: 640px) {
.gc_UserLoginPopup__page {padding: 20px;}
.btnSet--form {padding-top: 16px;}
.gc_UserLoginPopup__tabs li:nth-child(1) {padding-right: 8px;}
.gc_UserLoginPopup__tabs li:nth-child(2) {padding-left: 8px;}
.btn--usertab .verbose {display: none;}}
@media only screen and (max-width: 480px) {
.uab {float: none;width: 100%;}
.btn--deleteAccount.finalWarning{width:90%;}}
[class|="P--User"] .main, [class|="P--Account"] .main {background-color: #fff;color: #000;}
[class|="P--User"] p a:hover, [class|="P--User"] p a:focus,
[class|="P--Account"] p a:hover, [class|="P--Account"] p a:focus {color: #000;}
[class|="P--User"] .content, [class|="P--Account"] .content {color: inherit;}
[class|="P--User"] .content {width: calc(100% - 280px);padding-bottom: 20px;}
[class|= "P--User"] .sidebar #cat-list {display: none;}
[class|="P--User"] .sidebar {width: 260px;padding: 10px 25px;}
[class|="P--User"] h1 {font-size: 16px;font-weight: bold;text-transform: uppercase;margin: 24px 0;letter-spacing: .05em;}
[class|="P--User"] h2 {font-size: 16px;color: #f76515;margin: .5em 0;}
.UserSidebarHeading {border-bottom: 1px solid #2e2e2e;color: #f76515;font-size: 14px;font-weight: bold;letter-spacing: .06em;line-height: 1.7;}
.UserSidebarLinkList {font-size: 14px;border-bottom: 1px solid #2e2e2e;padding: 10px 0;}
.UserSidebarLinkList a {display: block;color: #f76515;cursor: pointer;text-decoration: none;}
.UserSidebarLinkList a:hover, .UserSidebarLinkList a:focus {text-decoration: underline;}
.UserSidebarLinkList a.CurrentPage {color: #E00025;text-decoration: none;}
.UserSidebarLinkList li {margin: 15px 0;}
[class|="P--User"] .sidebar #socials {text-align: center;margin-top: 30px;}
[class|="P--User"] .sidebar #socials li {display: inline-block;float: none;}
[class|="P--User"] .sidebar .sidebar__customersFirst {margin: 0 auto;}
[class|="P--User"] .sidebar #socials li:last-child {float: none;clear: both;width: 100%;}
[class|="P--User"] .sidebar #socials li:last-child img {margin-bottom: 20px;}
.UserAddresses {border-top: 1px solid #000;border-bottom: 1px solid #000;margin: 40px 0;padding: 30px 0;}
.fieldset--userSettings legend {display: none;}
.EditAddressPopup legend {display: block;width: 100%;font-size: 18px;font-weight: bold;padding: 20px 0 0;}
.fieldset--userSettings .field {width: 48%;float: left;}
.fieldset--userSettings .field--name,.fieldset--userSettings .field--password, .fieldset--userSettings .field--newsletter {margin-right: 4%;clear: left;}
.fieldset--shippingAddressContact .field {float: left;width: 48%;}
.fieldset--shippingAddressContact .field--addressName,.fieldset--shippingAddressContact .field--fName,.fieldset--shippingAddressContact .field--companyName,.fieldset--shippingAddressContact .field--phone {clear: left; margin-right: 4%;}
.fieldset--shippingAddressAddress .field {float: left;width: 48%;}
.fieldset--shippingAddressAddress .field--country,.fieldset--shippingAddressAddress .field--streetL1,.fieldset--shippingAddressAddress .field--zip,.fieldset--shippingAddressAddress .field--city {clear: left; margin-right: 4%;}
.EditAddressPopup {max-width: 1180px;width: 90%;display: none;}
.EditAddressPopup__pos {background: #fff;padding: 20px;}
@media only screen and (max-width: 1000px) {
[class|="P--User"] .content {width: 90%;float: none;clear: both;margin: 0 auto;}}
@media only screen and (max-width: 640px) {
[class|="P--User"] .content {width: 100%;padding: 0 20px;}
.EditAddressPopup {max-width: 100%;}
.EditAddressPopup__pos {padding: 10px;}}
@media only screen and (max-width: 480px) {
.fieldset--userSettings .field {width: 100%;float: none;}
.fieldset--userSettings .field--name,.fieldset--userSettings .field--password {margin-right: 0;}
.fieldset--shippingAddressContact .field {float: none;width: 100%;}
.fieldset--shippingAddressContact .field--addressName,.fieldset--shippingAddressContact .field--fName,.fieldset--shippingAddressContact .field--companyName,.fieldset--shippingAddressContact .field--phone {margin-right: 0;}
.fieldset--shippingAddressAddress .field {float: none;width: 100%;}
.fieldset--shippingAddressAddress .field--country,.fieldset--shippingAddressAddress .field--streetL1,.fieldset--shippingAddressAddress .field--zip,.fieldset--shippingAddressAddress .field--city {margin-right: 0;}}
/* Product List - used order history, consumables - Wishlist in seperate CSS */
.pl {display: table;width: 100%;}
.pl__headers {font-size: 14px;letter-spacing: .06em;font-weight: normal;display: table-row;}
.pl__headers .pl__col {border-left: 1px solid #d7d7d5;padding-right: 20px;}
.pl__headers .pl__col:empty, .pl__headers .pl__col:first-child {border-left: none;}
.pl__item {border-bottom: 1px solid #d7d7d5;display: table-row;}
.pl__col {display: table-cell;padding: 5px 20px;vertical-align: middle;}
.pl__item .pl__col {border-bottom: 1px solid #d7d7d5;}
.pl__colLabel {display: none;font-size: 14px;letter-spacing: .06em;font-weight: normal;}
.pl__col--item {width: 55%;}
.pl__item .pl__col--item {padding: 10px 0 5px;}
.pl__itemImageWrap {float: left;width: 100px;}
.pl__itemImage {display: block;margin: 0 auto;width:100%;}
.pl__itemInfo {float: left;width: calc(100% - 150px);padding: 0 20px;}
.pl__itemName {font-size: 16px;font-weight: 600;letter-spacing: .03em;padding: 26px 0 8px;line-height: 1.4;}
.pl__itemName a {color: inherit;text-decoration: none;}
.pl__itemName a:hover,.pl__itemName a:focus {text-decoration: underline;}
.pl__itemSKU {font-size: 13px;letter-spacing: .08em;color: #6b6b6b;}
.pl__itemSKU strong {font-weight: inherit;color: #000;}
.pl__col--date {width: 13%;}
.pl__item .pl__col--date {font-size: 18px;letter-spacing: .04em;font-weight: bold;}
.pl__col--availability {width: 12%;}
.pl__item .pl__col--availability {color: #008e0a;font-size: 12px;letter-spacing: .04em;}
.pl__col--link {width: 16%;padding-right: 0;padding-left: 0;}
.pl__col--remove {width: 4%;text-align: right;padding-left: 0;padding-right: 0;}
.pl__item .pl__col--price {padding-left: 0;text-align: right;}
.pl__item .pl__col--qty {padding-left: 0;text-align: right;}
.pl__item .pl__col--total {padding-left: 0;text-align: right;}
.pl__col--review {}
.pl__items {display: table-row-group;}
.pl__col--link .btn {display: block;}
.pl__col--link .btn + .btn {margin-top: 4px;}
.pl--consumables .pl__col {width: auto;}
@media only screen and (max-width: 1550px) {
.pl__itemImageWrap {width: 100px;}
.pl__item .pl__itemImage {max-width: 100px;max-height: 100px;}
.pl__itemInfo {width: calc(100% - 100px);}
.pl__item .pl__col--date {font-size: 16px;}
.pl__itemName {font-size: 14px;}
.pl__col--item {width: 53%;}
.pl__col--date {width: 14%;}
.pl__col--availability {width: 12%;}
.pl__col--link {width: 17%;}
.pl__col--remove {width: 4%;}
.pl__headers {font-size: 13px;}
.pl--orderDetail .pl__itemImageWrap {width: 75px;}
.pl--orderDetail .pl__item .pl__itemImage {max-width: 75px;max-height: 75px;}
.pl--orderDetail .pl__itemInfo {width: calc(100% - 75px);padding: 10px 10px 0;}
.pl--orderDetail .pl__itemName {padding: 0;}}
@media (max-width: 1400px) {
.pl__col--item {width: 49%;}
.pl__col--link {width: 21%;}
.pl__col--availability {width: 9%;}}
@media only screen and (max-width: 1250px) {
.pl, .pl__headers, .pl__items, .pl__item {display: block;}
.pl__col {display: block;float: left;}
.pl__colLabel {display: inline;}
.pl__headers {display: none;}
.pl__item .pl__col {border-bottom: none;}
.pl__col--item {width: 100%;float: none;}
.pl__col--date {width: 30%;}
.pl__col--availability {width: 20%;}
.pl__item .pl__col--availability {padding: 22px 0 0;}
.pl__col--link {width: 40%;padding: 10px 0;}
.pl__col--link .btn + .btn {margin-top: 0;margin-left: 4px;}
.pl__col--remove {width: 10%;padding: 24px 0 0 0;}
.pl__item .pl__col--date {padding: 22px 0 0 10px;}
.pl--consumables .pl__item .pl__col--date {clear: left; width: 40%;}
.pl--consumables .pl__item .pl__col--link {width: 60%;}
.pl--consumables .pl__item .pl__col--link .btn {display: inline-block;}
.pl--orderDetail .pl__item .pl__col--price {width: 23%;margin-top: 13px;}
.pl--orderDetail .pl__item .pl__col--qty {width: 12%;margin-top: 13px;}
.pl--orderDetail .pl__item .pl__col--total {width: 25%;margin-top: 13px;}
.pl--orderDetail .pl__item .pl__col--link {width: 40%;text-align: right;padding: 5px 5px 5px 0;}
.pl--orderDetail .pl__col--link .btn {display: inline-block;}}
@media only screen and (max-width: 800px) {
.pl__item .pl__col--date .pl__colLabel {display: none;}}
@media only screen and (max-width: 640px) {
.pl--consumables .pl__item .pl__col--date {width: 30%;}
.pl--consumables .pl__item .pl__col--link {width: 70%;}
.pl--orderDetail .pl__item .pl__col--price {width: 38%;margin-top:0;padding: 5px;text-align: center;}
.pl--orderDetail .pl__item .pl__col--qty {width: 23%;margin-top:0;padding: 5px;text-align: center;}
.pl--orderDetail .pl__item .pl__col--total {width: 39%;margin-top:0;padding: 5px;text-align: center;}
.pl--orderDetail .pl__item .pl__col--link {width: 100%;text-align: center;padding: 0 0 5px;}}
@media only screen and (max-width: 480px) {
[class|="P--User"] .content {padding: 0 10px;}
.pl--consumables .pl__item .pl__col--date {width: 100%;}
.pl--consumables .pl__item .pl__col--link {width: 100%;}
.pl__item .pl__col--availability {width: 30%;padding: 0;}
.pl__item .pl__col--date {float: right;width: 70%;font-size: inherit;padding: 0;}
.pl__item .pl__col--date .pl__colLabel {display: inline;}
.pl__itemImageWrap {width: 75px;}
.pl__item .pl__itemImage {max-width: 75px;max-height: 75px;}
.pl__itemInfo {width: calc(100% - 75px);padding: 0 10px;}
.pl__itemName {padding: 0;font-size: 13px;line-height: 1.2;}
.pl__itemSKU {font-size: 12px;}
.pl__col--link {width: 80%;padding: 5px 0 10px;}
.pl__col--remove {width: 20%;text-align: center;padding: 19px 0 0 0;}
.pl--orderDetail .pl__itemInfo {padding-top: 0;}}
/* Order History */
.oh-l {display: table;width: 100%;margin-bottom: 30px;}
.oh-l__head {display: table-row;font-size: 14px;letter-spacing: .06em;font-weight: normal;}
.oh-l__head .oh-l__col {border-left: 1px solid #d7d7d5;white-space: nowrap;}
.oh-l__head .oh-l__col:first-child {border-left: none;}
.oh-l__col {display: table-cell;padding: 5px 20px ;}
.oh-l__colLabel {display: none;font-weight: bold;}
.oh-l__body {display: table-row-group;}
.oh-l__row {display: table-row;}
.oh-l__row:nth-child(2n+1) {background-color: #eee;}
.oh-l__col--num {width: 16%;}
.oh-l__col--total {width: 16%;}
.oh-l__col--status {width: 32%;}
.oh-l__col--details {width: 20%;}
.oh-l__body .oh-l__col--details {white-space: nowrap;font-size: 16px;text-align: center;padding-right: 20px;}
.oh-l__col--details .btn + .btn {margin-left: 4px;}
.oh-l__body .oh-l__col--date, .oh-l__body .oh-l__col--num, .oh-l__body .oh-l__col--total, .oh-l__body .oh-l__col--details {white-space: nowrap;}
@media only screen and (max-width: 1250px) {
.oh-l__head .oh-l__col .verbose {display: none;}}
@media only screen and (max-width: 800px) {
.oh-l {display: block;clear: both;}
.oh-l__head {display: none;}
.oh-l__body {display: block;}
.oh-l__row {display: block;padding: 5px 10px;float: left;width: 48%;margin-bottom: 4%;background-color: #eee;}
.oh-l__row:nth-child(2n+1) {margin-right: 4%;clear: left;}
.oh-l__col {display: block;padding: 5px 0;}
.oh-l__colLabel {display: inline;}
.oh-l__col--num {width: 100%;}
.oh-l__col--total {width: 100%;}
.oh-l__col--status:empty {display: none;}
.oh-l__col--details {width: 100%;}}
@media only screen and (max-width: 540px) {
.oh-l__row {float: none;margin: 0 auto 10px;width: 100%;}
.oh-l__row:nth-child(2n+1) {margin-right: auto;}}
/* Order Details */
.od-info {float: right;width: 260px;padding-top: 46px;}
.od-info .od-info__heading {margin: .25em 0 .5em;font-size: 15px;color: #000;font-weight: 700;float: none;letter-spacing: .04em;}
.od-info__body {margin: 10px 0 0;border-radius: 5px;}
.od-price-bd {}
.od-price-bd__line {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.od-price-bd__lineLabel {display: inline-block;padding: 0 0 15px;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-price-bd__lineLabel em {font-size: 0.9em;font-style: normal;font-weight: normal;}
.od-price-bd__lineValue {display: inline-block;text-align: right;padding: 0 0 15px;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-payment-bd {width: 100%;}
.od-payment-bd__line {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.od-payment-bd__lineLabel {display: inline-block;padding: 0.35em 0;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-payment-bd__lineLabel em {font-size: 0.9em;font-style: normal;font-weight: normal;}
.od-payment-bd__lineValue {display: inline-block;padding: 0.35em 0;text-align: right;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-address {font-style: normal;display: block;}
.od-address em {font-style: normal;display: inline-block;margin-bottom: 0.4em;}
.od-price-bd__line--subtotal {font-weight: 700;font-size: 15px;}
.od-price-bd__line--shipping .od-price-bd__lineValue,
.od-price-bd__line--tax .od-price-bd__lineValue {font-size: 11px;}
.od-price-bd__line--total {font-size: 15px;font-weight: bold;}
.od-price-bd__line--total .od-price-bd__lineLabel, .od-price-bd__line--total .od-price-bd__lineValue {border-top: 3px solid #000;padding-top: 10px;}
.od-payment-bd__line--cc .od-payment-bd__lineValue {font-style: italic;}
.od-info__section {font-size: 13px;background-color: #e4e4e4;padding: 15px;margin-bottom: 10px;}
.od-info__section--price {background-color: transparent;font-size: 14px;padding: 0;}
.od-main, .od-content {float: left;width: calc(100% - 280px);}
.pl--orderDetail .pl__col--link {width: auto;padding: 0;}
.pl--orderDetail .pl__headers .pl__col:first-child{padding-left:0;}
.gc_itemAttrOptChoice { float: left; font-size: 13px; font-weight: 400; margin-top: 0; width: 100%; line-height: 12px;}
.reorderIco{vertical-align:middle;margin-right:3px;}
.pl--orderDetail .pl__item .pl__col--price,
.pl--orderDetail .pl__item .pl__col--qty,
.pl--orderDetail .pl__item .pl__col--total,
.pl--orderDetail .pl--orderDetail .pl__col--link
{text-align:center;}
.packageName {display: block;font-size: 16px;font-weight: bold;margin: .25em 0 .5em;}
.packageActivity {position: relative;padding: 20px 0;}
.singleActivity {margin: 10px 0 0;}
.singleActivity:first-child {margin-top: 0;}
.singleActivity:after {content: " ";display: table;clear: both;}
.packDate {font-size: 13px;float: left;width: 20%;width: calc(150px);}
.dropLine {float: left;width: 80%;width: calc(100% - 150px);}
.packDesc {font-size: 16px;padding: 0 0 6px;}
.packLocation {font-size: 13px;color: #333;}
.reviewableList {clear: both;display: table;width: 100%;}
.reviewableList__item {display: table-row;}
.reviewableList__item:nth-child(2n+1) {background-color: #eee;}
.reviewableList__itemInfo {display: table-cell;vertical-align: middle;padding: 5px 20px;}
.reviewableList__link {display: table-cell;text-align: right;padding: 5px 20px 5px 0;vertical-align: middle;}
@media only screen and (max-width: 1250px) {
.od-info, .od-main, .od-content {float: none;width: 100%;}}
@media only screen and (max-width: 1250px) and (min-width: 641px) {
.od-info__section {float: left; width: 48%;}
.od-info__section:nth-child(2n+1) {clear: left; margin-right: 4%;}
.pl--orderDetail .pl__item .pl__col--price,
.pl--orderDetail .pl__item .pl__col--qty,
.pl--orderDetail .pl__item .pl__col--total,
.pl--orderDetail .pl--orderDetail .pl__col--link
{text-align:left;}}
@media only screen and (max-width: 640px) {
.reviewableList {display: block;}
.reviewableList__item {display: block;float:left;width: 48%;text-align: center;padding: 10px;margin-bottom: 4%;}
.reviewableList__item:nth-child(n) {background-color: #eee;}
.reviewableList__item:nth-child(2n+1) {margin-right: 4%;clear: left;}
.reviewableList__itemInfo {display: block;padding: 0 0 10px;}
.reviewableList__link {display: block;text-align: inherit;padding: 0 0 0;}}
@media only screen and (max-width: 540px) {
.reviewableList__item {float: none;width: 100%;}
.reviewableList__item:nth-child(2n+1) {margin-right: auto;}
.singleActivity {margin: 20px 0 0;}
.packDate {width: 100%;float: none;padding-bottom: 4px;}
.dropLine {width: 100%;float: none;padding-left: 10px;}}
.P--User--OrderDetail #MessageContainer {color: #de0111;font-size: 18px;font-style: italic;font-weight: 600;margin: 25px 0 15px;}
#ControllerMessage { border-radius:6px;text-align:center; font-size:13px; font-weight:600; letter-spacing:0.5px;line-height: 19px;}
.YouveReviewedThis {color: #de0111;float: left;font-size: 12px;font-weight: 600;margin-bottom: 0;margin-top: 15px;text-align: center;width: 100%;}
.OrderComments {margin: 20px 0 10px;}
/* Guest Order Details page */
.P--User--OrderDetail--Guest .sidebar {padding: 0;margin-top: 25px;background: none;}
.P--User--OrderDetail--Guest .SidebarSocialHeading {text-align: center;font-size: 17px;text-transform: uppercase;font-weight: bold;color: #f76515;margin: 16px 0 10px;}
.P--User--OrderDetail--Guest .sidebar #socials {margin: 0;}
.P--User--OrderDetail--Guest .sidebar #socials li:last-child {display: none;}
.P--User--OrderDetail--Guest .sidebar__customersFirst {display: none;}
.btn--waw-continue {font-size: 13px;color: #fff;text-transform: uppercase;background-color: #c5000f;text-align: center;padding: 12px 0;display: block;border-radius: 10px;}
.btn--waw-continue:hover,.btn--waw-continue:focus {background-color: #fff;color:#000;}
.od-confirmationMessage {margin: 20px 0;}
.od-confirmationMessage p {margin: 1em 0;}
@charset "UTF-8";
@font-face {
font-family: 'FuturaDemiBold';
src: url("/Content/fonts/FuturaDemiBold.woff") format("woff"), url("/Content/fonts/FuturaDemiBold.otf") format("opentype"), url("/Content/fonts/FuturaDemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Gotham';
src: url("/Content/fonts/Gotham-Bold.woff") format("woff"), url("/Content/fonts/Gotham-Bold.ttf") format("truetype"), url("/Content/fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Gotham';
src: url("/Content/fonts/Gotham-Reg.woff") format("woff"), url("/Content/fonts/Gotham-Reg.ttf") format("truetype"), url("/Content/fonts/Gotham-Reg.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Gotham';
src: url("/Content/fonts/Gotham-Light.woff") format("woff"), url("/Content/fonts/Gotham-Light.ttf") format("truetype"), url("/Content/fonts/Gotham-Light.eot?#iefix") format("embedded-opentype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Bold.eot");
src: local("Hind Siliguri Bold"), local("HindSiliguri-Bold"), url("/Content/fonts/hinted-subset-HindSiliguri-Bold.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Bold.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Regular.eot");
src: local("Hind Siliguri Regular"), local("HindSiliguri-Regular"), url("/Content/fonts/hinted-subset-HindSiliguri-Regular.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Regular.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Light.eot");
src: local("Hind Siliguri Light"), local("HindSiliguri-Light"), url("/Content/fonts/hinted-subset-HindSiliguri-Light.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Light.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.eot");
src: local("Hind Siliguri SemiBold"), local("HindSiliguri-SemiBold"), url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Medium.eot");
src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"), url("/Content/fonts/hinted-subset-HindSiliguri-Medium.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Medium.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal; }
#SocialFeed {
width: 100%; }
/*!
Changes made to the .css file will be overwritten. To edit styles,
change the .scss file, then use Prepros (https://prepros.io/) or
another SCSS compiler.
*/
/* Use from within a ruleset as
@include McQuery("max-width:640px",(
max-width:320px,
font-size:12px,
background-color:#000
));
The syntax is a bit strange but it collects media queries at the end of the page.
*/
/* Celebrating 20 yeares ______________________
______________________________________________*/
.js-20yearsBanner {
display: none;
overflow: hidden; }
.celebrating-20years {
position: relative;
background: url("/Content/images/celebrate/anniversary-background.jpg") repeat;
padding: 25px; }
@media only screen and (max-width: 850px) {
.celebrating-20years {
padding: 35px 25px; } }
.celebrating-20years .js-20yearsBanner-close {
position: absolute;
top: 15px;
right: 15px;
color: #fff;
font-size: 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media only screen and (max-width: 850px) {
.celebrating-20years .js-20yearsBanner-close {
top: 10px;
right: 10px; } }
.celebrating-20years .js-20yearsBanner-close:hover {
color: #f89828; }
.celebrating-20years .text-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
gap: 35px; }
@media only screen and (max-width: 1280px) {
.celebrating-20years .text-wrap {
gap: 25px; } }
@media only screen and (max-width: 850px) {
.celebrating-20years .text-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px; } }
.celebrating-20years .text-wrap span {
display: block;
color: #fff;
font-size: clamp(23px, 1.17vw, 30px);
font-weight: bold;
font-family: "Gotham", sans-serif;
letter-spacing: 0.07em; }
@media only screen and (max-width: 420px) {
.celebrating-20years .text-wrap span {
font-size: 20px; } }
.celebrating-20years .text-wrap img {
display: block;
max-width: clamp(200px, 10.01vw, 260px);
-o-object-fit: contain;
object-fit: contain; }
@media only screen and (max-width: 420px) {
.celebrating-20years .text-wrap img {
max-height: 125px; } }
.text-white {
color: #fff; }
.text-orange {
color: #f89828; }
.compForm-label {
color: #ed4337;
display: inline-block;
text-align: left;
margin: 7px 0;
padding: 0 0.5rem; }
.franchiseFormStep .error {
background: #f89828;
padding: 5px 15px;
display: inline-block;
margin-top: 0px;
border-radius: 3px;
font-weight: bold; }
.container {
display: inline-block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 23px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.container span.labelText {
font-family: "FuturaDemiBold", FuturaPT, Futura, "Hind Siliguri", Helvetica,
sans-serif;
font-size: 18px;
color: #000;
line-height: 1.1;
font-weight: normal; }
/* Hide the browser's default checkbox */
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 15px; }
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc; }
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #000; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none; }
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block; }
/* Style the checkmark/indicator */
.container .checkmark:after {
left: 9px;
top: 5px;
width: 8px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
/*------------------------------------------------------------*/
/*! Widely Used Styles - 60 */
/*------------------------------------------------------------*/
body {
font-family: "Gotham", Montserrat, Avenir, "open sans", sans-serif; }
.SiteContent {
padding: 0;
margin-top: 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
background: -webkit-linear-gradient(transparent 50%, #fff 50%);
background: -o-linear-gradient(transparent 50%, #fff 50%);
background: linear-gradient(transparent 50%, #fff 50%);
overflow-x: hidden; }
body,
.SiteContent {
max-width: 100%; }
main {
overflow: hidden; }
h1,
h2,
h3,
h4,
h5 {
font-family: "FuturaDemiBold", FuturaPT, Futura, "Hind Siliguri", Helvetica, sans-serif; }
h2,
h3,
h4,
h5 {
margin: 0;
padding: 1rem 0; }
p {
padding: 0;
margin: 1em; }
h1 {
font-size: 3rem;
color: #f89828;
margin: 1em 0 0; }
h2.centralHead {
text-align: center;
padding: 1em 0;
margin: 0;
line-height: 1;
font-size: 46px; }
h2.centralHead + ul,
h2.centralHead + div {
margin-top: -1em; }
h5 {
display: table;
white-space: nowrap;
max-width: 900px;
width: auto;
font-size: 3rem;
color: #f89828;
overflow: hidden;
margin: 2rem 0;
padding: 2rem 1rem;
text-transform: uppercase;
position: relative; }
h5 span {
width: 100%;
float: left; }
h5 em {
font-style: normal;
font-size: 1.25em;
font-weight: bold; }
h5:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
pointer-events: none;
border-image-source: repeating-linear-gradient(-90deg, transparent, transparent 10px, #cacaca 10px, #cacaca 15px);
border-image-slice: 5 5;
border-image-repeat: round;
border-image-width: auto 0 0 0;
border-top: 5px solid transparent; }
h5 a {
display: inline-block;
width: calc(50% - 0.5rem);
margin: 2rem 0.25rem 0;
background: #03b2b0;
color: #fff !important;
padding: 1rem;
font-size: 1.5rem;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
text-align: center; }
h5 a:focus {
background: #028a88;
color: #fff;
-webkit-box-shadow: inset 0 0 0 3px #028a88, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 3px #028a88, inset 0 0 0 5px #fff; }
h5 a:hover {
background: #028a88;
color: #fff; }
h5 a:nth-of-type(2n-1) {
float: left;
background: #23232f; }
h5 a:nth-of-type(2n-1):focus {
background: #121218;
-webkit-box-shadow: inset 0 0 0 3px #121218, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 3px #121218, inset 0 0 0 5px #fff; }
h5 a:nth-of-type(2n-1):hover {
background: #121218; }
h5 a:nth-of-type(2n) {
float: right; }
.bodyContent ul:not(#FranchiseeReviews) {
list-style: disc;
padding-left: 1em; }
.CTATable {
width: 50%;
min-width: 320px; }
.CTATable th {
font-size: 3rem;
text-align: right;
padding: 1rem 2rem 1rem 0;
position: relative; }
.CTATable th:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
pointer-events: none;
border-image-source: repeating-linear-gradient(transparent, transparent 10px, #23232f 10px, #23232f 15px);
border-image-slice: 5 5;
border-image-repeat: round;
border-image-width: 0 0 0 auto;
border-left: 5px solid transparent; }
.CTATable td {
vertical-align: middle;
padding: 0 1rem; }
.CTALink {
background: #03b2b0;
-webkit-transition: background 250ms;
-o-transition: background 250ms;
transition: background 250ms;
font-weight: 600;
display: inline-block;
color: #fff !important;
padding: 1rem 2rem;
font-size: 1.25rem;
text-transform: uppercase;
text-decoration: none; }
.CTALink:hover {
background: #f89828;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.CTALink:focus:not(:hover) {
-webkit-box-shadow: inset 0 0 0 3px #03b2b0, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 3px #03b2b0, inset 0 0 0 5px #fff; }
iframe {
float: right; }
ul {
list-style: none;
padding: 0; }
.bodyContent {
padding: 0 52px;
margin-bottom: 2em; }
.bodyContent img {
display: block;
max-width: 100%;
height: auto;
margin: 0.5em auto; }
.bodyContent p {
margin: 1em 0; }
.bodyContent h1 {
color: #000;
font-size: 2.5rem; }
.bodyContent h2 {
color: #f89828;
font-size: 3rem; }
.bodyContent h2.black {
color: #000; }
.bodyContent.taller {
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 0; }
.SiteMain > h1 {
margin-top: 200px; }
.SiteMain > .headerSection + h1 {
margin-top: 0.67em; }
.SiteMain nav {
text-align: center; }
.placeholder {
position: relative; }
.placeholder:after {
content: attr(data-placeholder);
color: rgba(0, 0, 0, 0.6);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
padding: 1em;
text-align: left; }
h2.sectionDivider {
text-transform: uppercase;
font-size: 21px;
font-weight: bold;
letter-spacing: 1px;
padding: 0.5em 0 0.5em 0.125em;
margin: 1em 0.5em 0;
position: relative; }
h2.sectionDivider:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
pointer-events: none;
border-image-source: repeating-linear-gradient(-90deg, transparent, transparent 10px, #cacaca 10px, #cacaca 15px);
border-image-slice: 5 5;
border-image-repeat: round;
border-image-width: 0 0 auto 0;
border-bottom: 5px solid transparent; }
.imgLeft,
.textLeft,
.imgRight,
.textRight {
display: inline-block;
width: 50%;
min-width: 400px;
font-size: 1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center; }
.imgLeft h1,
.imgLeft h2,
.imgLeft h3,
.imgLeft h4,
.imgLeft h5,
.textLeft h1,
.textLeft h2,
.textLeft h3,
.textLeft h4,
.textLeft h5,
.imgRight h1,
.imgRight h2,
.imgRight h3,
.imgRight h4,
.imgRight h5,
.textRight h1,
.textRight h2,
.textRight h3,
.textRight h4,
.textRight h5 {
padding: 0;
margin: 1rem 0; }
.imgLeft h3,
.imgLeft h5,
.textLeft h3,
.textLeft h5,
.imgRight h3,
.imgRight h5,
.textRight h3,
.textRight h5 {
color: #f89828; }
.imgLeft h1,
.imgLeft h2,
.textLeft h1,
.textLeft h2,
.imgRight h1,
.imgRight h2,
.textRight h1,
.textRight h2 {
font-size: 50px; }
.imgLeft h3,
.textLeft h3,
.imgRight h3,
.textRight h3 {
font-size: 2.75vw; }
.imgLeft ul,
.textLeft ul,
.imgRight ul,
.textRight ul {
display: inline-block;
text-align: left;
margin: 0; }
.imgLeft ul,
.textLeft ul,
.imgRight ul,
.textRight ul {
list-style: none;
padding: 0;
line-height: 1.1; }
.imgLeft ul li,
.textLeft ul li,
.imgRight ul li,
.textRight ul li {
padding: 0.5em 0 0.5em 2em; }
.imgLeft ul li:before,
.textLeft ul li:before,
.imgRight ul li:before,
.textRight ul li:before {
content: "";
width: 1em;
height: 1em;
display: inline-block;
margin: 0 1em 0 -2em;
background-image: url(/Content/images/icon_OrangeShoe.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat; }
.imgLeft,
.imgRight {
overflow: hidden;
font-size: 0;
background: #19212e;
min-height: 100%; }
.imgLeft img,
.imgRight img {
width: 100%;
height: auto;
margin-bottom: -4px; }
.imgLeft {
position: absolute; }
.textRight {
margin-left: 50%; }
.textLeft,
.textRight {
padding: 35px; }
[id^="FAQ_Drop"] {
position: fixed;
left: -100vw; }
[id^="FAQ_Drop"] + label {
display: block;
width: 100%;
position: relative;
background: #dfdfdf;
color: #000;
padding: 1rem calc(1rem + 40px) 1rem 1rem;
font-size: 1.25rem;
margin-top: 0.75rem; }
[id^="FAQ_Drop"] + label:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
border: 5px solid rgba(0, 0, 0, 0.25);
border-left: 0;
border-top: 0;
top: calc(50% - 14px);
right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 100ms, top 200ms, -webkit-transform 200ms;
transition: border-color 100ms, top 200ms, -webkit-transform 200ms;
-o-transition: border-color 100ms, transform 200ms, top 200ms;
transition: border-color 100ms, transform 200ms, top 200ms;
transition: border-color 100ms, transform 200ms, top 200ms, -webkit-transform 200ms; }
[id^="FAQ_Drop"] + label + div {
display: none;
background: #dfdfdf;
padding: 1em; }
[id^="FAQ_Drop"] + label + div ul {
line-height: 1.8; }
[id^="FAQ_Drop"] + label + div ul li:before {
content: "";
display: inline-block;
width: 0.5em;
height: 0.5em;
background: #03b2b0;
border-radius: 100%;
vertical-align: middle;
margin: 0 0.5em; }
[id^="FAQ_Drop"] + label + div iframe {
display: block;
float: none;
margin: 0 auto;
padding: 0; }
[id^="FAQ_Drop"]:checked + label {
background: #23232f;
color: #dfdfdf; }
[id^="FAQ_Drop"]:checked + label + div {
display: block; }
[id^="FAQ_Drop"]:checked + label:after {
border-color: rgba(255, 255, 255, 0.75);
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
top: calc(50% - 6px); }
.testimonial {
width: calc(50% - 1em);
display: inline-block;
padding-right: 2em; }
.testimonial em {
font-style: normal;
color: #03b2b0;
font-weight: bold; }
#NearestStudio {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #23232f;
color: #fff;
font-weight: bold;
padding: 1em 0;
text-align: center;
font-size: 16px; }
#NearestStudio a {
color: #f89828; }
#NearestStudio em {
display: inline-block;
font-style: normal;
background: #f89828;
color: #23232f;
padding: 0.125em 0.25em;
text-transform: uppercase; }
#NearestStudio .nearestLink {
display: inline-block;
width: 1.5em;
height: 1.5em;
background: #f89828;
color: #fff;
margin: 0 0.25em;
padding: 0.25em; }
#NearestStudio .nearestLink:hover {
background: #ef8508; }
.headerSection {
position: relative;
width: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
min-height: 130px;
background: #f89828; }
.headerSection > img,
.headerSection > .headerPreloadWrap img {
max-width: calc(100% + 25px);
height: auto;
margin-left: -25px;
margin-bottom: -5px; }
.headerSection h5 {
white-space: normal;
font-size: 28px;
color: #fff;
text-transform: none;
margin-bottom: 20px;
padding-bottom: 0;
display: block; }
.headerSection h5:after {
opacity: 0.1;
border-image-source: repeating-linear-gradient(-90deg, transparent, transparent 10px, #d7d7d7 10px, #d7d7d7 15px); }
@media screen and (max-width: 1000px) {
.headerSection h5 {
font-size: 24px; } }
.headerSection .basic-btn {
margin-bottom: 0; }
.blackContentSection {
background: #000;
color: #fff;
padding: 1rem; }
.blackContentSection h1,
.blackContentSection h2 {
color: #f89828; }
.blackContentSection h3,
.blackContentSection h4 {
color: #03b2b0; }
.blackContentSection h1 {
font-size: 3rem; }
.blackContentSection h2 {
font-size: 2.5rem; }
.blackContentSection h3 {
font-size: 2rem; }
.blackContentSection h4 {
font-size: 1.5rem; }
.blackContentSection h5 {
font-size: 1rem; }
.blackContentSection ul {
margin: 1em;
line-height: 2;
font-size: 1.25rem; }
.blackContentSection ul li:before {
content: "";
width: 1em;
height: 1em;
background-image: url(/Content/images/icon_OrangeShoe.png);
display: inline-block;
margin: 0 1rem;
background-size: contain;
background-repeat: no-repeat; }
.blackContentSection h3 img {
float: right;
margin: -40px 30px 10px 30px;
z-index: 1000;
position: relative; }
.ratesTable {
text-align: center;
width: calc(100% - 120px);
border-collapse: collapse;
margin: 60px; }
.ratesTable th {
padding: 1rem; }
.ratesTable th h2 {
font-size: 2.5rem;
color: inherit;
padding: 0; }
.ratesTable th h3 {
font-size: 1rem;
color: inherit;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.1em; }
.ratesTable th:nth-child(1) {
background: #23232f;
color: #fff; }
.ratesTable th:nth-child(2) {
background: #03b2b0; }
.ratesTable th:nth-child(2) h2 {
color: #fff; }
.ratesTable th:nth-child(2) h3 {
color: #000; }
.ratesTable th:nth-child(3) {
background: #cacaca;
color: #000; }
.ratesTable tr:nth-child(3) td {
border-top: 4px dotted #dedede; }
.ratesTable td[rowspan="2"] {
border-right: 4px dotted #dedede;
border-left: 4px dotted #dedede; }
.ratesTable td {
padding: 2rem; }
.ratesTable td h4 {
font-weight: normal;
text-transform: uppercase;
color: #f89828;
padding-bottom: 0;
font-size: 1rem; }
.ratesTable td strong {
font-size: 3rem;
font-weight: bold;
color: #23232f;
vertical-align: middle;
line-height: 1; }
.ratesTable td strong:before {
content: "$";
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
vertical-align: middle;
margin: 0 4px; }
.ratesTable td strong:after {
content: "";
display: inline-block;
width: 5px;
height: 1em;
background: #cacaca;
-webkit-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
vertical-align: middle;
margin: 0 12px; }
.footBanner {
width: 100%;
height: auto;
margin: 0 auto -4px; }
[id*="ThankYou"] .bodyContent {
min-height: 25vh; }
.bodyContent a.locationGrabLink {
position: absolute;
top: 10px;
left: -1px;
background: #f89828;
color: #fff;
padding: 0.25em 1em;
z-index: 10;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
text-transform: uppercase;
text-decoration: none;
font-weight: bold; }
.bodyContent a.locationGrabLink:hover {
color: #fff;
background: #ef8508; }
@media (max-width: 640px) {
.bodyContent a.locationGrabLink {
display: none; } }
/*------------------------------------------------------------*/
/*! Responsive Tables - 151 */
/*------------------------------------------------------------*/
table.responsive:not(.schedule) {
display: block; }
table.responsive:not(.schedule) tbody {
display: block; }
table.responsive:not(.schedule) tr:not(:first-child) {
display: block;
padding: 3em 1em 1em;
margin: 0.25em 0;
border: 1px solid rgba(0, 0, 0, 0.2);
position: relative; }
table.responsive:not(.schedule) tr:not(:first-child) th {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 1em;
width: 100%;
text-align: center;
text-transform: uppercase;
color: #f89828; }
table.responsive:not(.schedule) tr:not(:first-child) td {
display: inline-block;
padding: 1em 2em;
text-align: left;
width: 32%;
min-width: 200px;
line-height: 1.3; }
table.responsive:not(.schedule) tr:not(:first-child) td:before {
content: attr(data-header) ": ";
font-weight: bold;
display: block; }
table.responsive:not(.schedule) tr:not(:first-child) td.empty:before {
content: "";
display: none; }
table.responsive:not(.schedule) tr:not(:first-child) td.empty {
display: none; }
/*------------------------------------------------------------*/
/*! Navigation Bars - 151 */
/*------------------------------------------------------------*/
.SiteHeader {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 48px;
z-index: 1200;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.SiteHeader li a {
-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-webkit-box-shadow: inset 0 0 0 -4px rgba(0, 0, 0, 0), inset 0 0 0 #f89828;
box-shadow: inset 0 0 0 -4px rgba(0, 0, 0, 0), inset 0 0 0 #f89828;
font-size: 14px;
padding: 17px; }
.SiteHeader li a:hover {
color: #fff;
-webkit-box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 -48px 0 #f89828;
box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 -48px 0 #f89828;
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteHeader li a.twofer:hover, .SiteHeader li a.twofer:focus {
-webkit-box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 -59px 0 #f89828;
box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 -59px 0 #f89828; }
.SiteHeader li a:focus {
color: #fff;
-webkit-box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 48px 0 #f89828;
box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 48px 0 #f89828;
-webkit-transition: none;
-o-transition: none;
transition: none; }
.SiteHeader .HeaderNav {
float: right; }
.SiteHeader .HeaderNav.generalNav {
position: absolute;
top: 0;
min-width: 100%;
width: auto;
left: auto;
right: 0;
text-align: right;
background: #000; }
.SiteHeader .HeaderNav.generalNav ul {
display: inline-block; }
.SiteHeader .HeaderNav.generalNav li {
display: inline-block;
margin: 0 1em;
text-align: center;
float: none; }
.SiteHeader .gc_UserLinks {
overflow: hidden;
background: #f89828;
width: auto;
height: 48px;
position: relative;
display: inline-block;
float: none;
vertical-align: top; }
.SiteHeader .gc_UserLinks.fitdegree {
background: #fff; }
.SiteHeader .gc_UserLinks #ShowHideUserLinks {
position: fixed;
left: -100vw; }
.SiteHeader .gc_UserLinks #ShowHideUserLinks + label {
position: absolute;
display: inline-block;
height: 48px;
z-index: 5;
top: 0;
right: 0;
background: #000;
-webkit-box-shadow: inset 0 0 0 -4px rgba(0, 0, 0, 0), inset 49px 0 0 #f89828;
box-shadow: inset 0 0 0 -4px rgba(0, 0, 0, 0), inset 49px 0 0 #f89828;
-webkit-transition: -webkit-box-shadow 150ms;
transition: -webkit-box-shadow 150ms;
-o-transition: box-shadow 150ms;
transition: box-shadow 150ms;
transition: box-shadow 150ms, -webkit-box-shadow 150ms; }
.SiteHeader .gc_UserLinks #ShowHideUserLinks + label img {
width: 36px;
height: 36px;
margin: 6px; }
.SiteHeader .gc_UserLinks #ShowHideUserLinks:checked + label {
-webkit-box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 0 0 #f89828;
box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1), inset 0 0 0 #f89828; }
.SiteHeader .gc_UserLinks #ShowHideUserLinks + label + .gc_UserLinks__listWrap {
max-width: 0;
overflow: hidden;
-webkit-transition: max-width 300ms;
-o-transition: max-width 300ms;
transition: max-width 300ms;
padding-right: 48px;
height: 48px;
white-space: nowrap;
float: none;
display: inline-block;
-webkit-box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -6px 4px -4px rgba(0, 0, 0, 0.1); }
.SiteHeader .gc_UserLinks #ShowHideUserLinks + label + .gc_UserLinks__listWrap li {
padding: 0.6em 0 0 0; }
.SiteHeader .gc_UserLinks #ShowHideUserLinks:checked + label + .gc_UserLinks__listWrap {
max-width: 300px; }
.SiteHeader .gc_UserLinks li a:hover,
.SiteHeader .gc_UserLinks a:focus,
.SiteHeader .gc_UserLinks a:active {
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
text-decoration: underline; }
.SiteHeader .localNav {
position: absolute;
top: 0;
font-size: 20px;
top: 48px;
right: 0;
left: 560px;
background: #f89828;
height: 62px;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.SiteHeader .localNav > ul {
display: table-row;
height: 62px;
position: absolute;
width: 100%;
top: 0;
left: 0;
padding-right: 152px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) {
display: table-cell;
height: 62px;
vertical-align: middle;
position: relative;
text-align: left;
margin-left: -2px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA):not(:first-child) {
max-width: 27%; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
position: absolute;
top: 12px;
left: 1em;
width: 36px;
height: 36px;
color: #23232f; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a {
height: 62px;
display: table-cell;
vertical-align: middle;
padding-left: calc(2em + 36px);
font-size: 17px;
font-weight: 600;
padding-top: 14px;
padding-bottom: 14px;
-webkit-box-shadow: inset 0 0 0 rgba(132, 71, 0, 0.5);
box-shadow: inset 0 0 0 rgba(132, 71, 0, 0.5);
-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
text-align: center;
font-family: "Gotham";
font-weight: bold;
letter-spacing: 0.04em;
font-size: 15px;
padding-left: 33px;
padding-right: 0; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span:hover,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a:hover {
-webkit-box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span .location,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a .location {
display: block;
color: #844700; }
.SiteHeader .localNav > ul li:not(.joinNowCTA):hover > span {
-webkit-box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-right: 1em;
cursor: default; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul {
overflow: hidden;
max-height: 0;
background: #fff;
color: #000;
padding: 0;
position: absolute;
top: calc(-100%);
z-index: -1;
-webkit-transition: top 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: top 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: top 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.25); }
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a {
display: block;
padding: 0 2em;
margin: 0;
width: 100%;
height: 48px;
line-height: 48px;
text-align: center; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a:hover {
background: #f89828;
-webkit-box-shadow: none;
box-shadow: none; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li {
display: block;
padding: 0;
margin: 0;
width: 100%;
height: 48px;
max-width: none !important; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li:first-child a {
-webkit-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.25); }
.SiteHeader .localNav > ul li:not(.joinNowCTA):hover ul {
max-height: 50vh;
top: 100%;
-webkit-transition: top 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: top 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: top 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteHeader .localNav li.joinNowCTA {
background: #03b2b0;
height: 62px;
position: absolute;
top: 0;
right: 0; }
.SiteHeader .localNav li.joinNowCTA a {
-webkit-box-shadow: inset 0 0 0 #028a88;
box-shadow: inset 0 0 0 #028a88;
cursor: pointer;
font-size: 20px;
padding: 20px;
text-decoration: none; }
.SiteHeader .localNav li.joinNowCTA a:hover {
-webkit-box-shadow: inset 0 -62px 0 #028a88;
box-shadow: inset 0 -62px 0 #028a88;
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteHeader .localNavContact {
position: absolute;
right: 0;
top: 110px; }
.SiteHeader .localNavContact a {
display: block;
background: rgba(255, 255, 255, 0.8);
color: #000;
text-align: center;
padding: 1em;
margin: 2px;
font-weight: bold;
position: relative;
right: 0;
-webkit-transition: right 280ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: right 280ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: right 280ms cubic-bezier(0.01, 0.295, 0.735, 0.84); }
.SiteHeader .localNavContact a svg {
position: relative;
z-index: 5; }
.SiteHeader .localNavContact a .contactLabel {
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 200px;
background: rgba(255, 255, 255, 0.5);
padding: 1em; }
.SiteHeader .localNavContact a:hover {
right: 200px;
-webkit-transition: right 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: right 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: right 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteHeader .navHomeLogo {
position: fixed;
top: 0;
left: 0;
width: 540px;
height: 200px;
background-image: url(/Content/images/logo_OrangeShoePF.svg);
background-repeat: no-repeat;
background-size: 425px;
background-position: center;
-webkit-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
.SiteHeader .navHomeLogo:hover {
-webkit-box-shadow: none;
box-shadow: none; }
.SiteHeader .navHomeLogo:focus {
-webkit-box-shadow: none;
box-shadow: none; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__social {
display: inline-block;
margin: 0 16px 0 0;
padding: 0;
vertical-align: top; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__social li {
margin: 0;
padding: 0; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__social li a img {
height: 18px;
width: auto;
margin: 15px 0 15px 0; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__social li a {
display: inline-block;
height: 48px;
width: 24px;
vertical-align: top;
padding: 0; }
.SiteHeader .scrolledLogo {
opacity: 0;
pointer-events: auto;
-webkit-transition: opacity 100ms;
-o-transition: opacity 100ms;
transition: opacity 100ms;
-webkit-box-shadow: none;
box-shadow: none;
height: 48px;
width: 100px;
position: absolute;
top: 0;
left: 30px;
overflow: hidden;
padding: 0; }
.SiteHeader .scrolledLogo:hover, .SiteHeader .scrolledLogo:focus, .SiteHeader .scrolledLogo:active {
-webkit-box-shadow: none;
box-shadow: none; }
.SiteHeader .scrolledLogo img {
height: 36px;
width: auto;
margin: 6px; }
.SiteHeader.scrolled .navHomeLogo {
pointer-events: none;
opacity: 0; }
.SiteHeader.scrolled .scrolledLogo {
opacity: 1;
pointer-events: auto; }
.SiteHeader.quickscroll .navHomeLogo {
-webkit-transition: none;
-o-transition: none;
transition: none; }
.SiteHeader.quickscroll .scrolledLogo {
-webkit-transition: none;
-o-transition: none;
transition: none; }
.navBreadcrumbs {
color: #343446;
margin: 1em 0; }
.navBreadcrumbs a {
color: #03b2b0;
font-weight: 800;
letter-spacing: 0.05em;
text-decoration: none; }
.navBreadcrumbs a:hover {
text-decoration: underline; }
.navBreadcrumbs a:nth-child(1) {
color: #03b2b0; }
.navBreadcrumbs a:nth-child(2) {
color: #039997; }
.navBreadcrumbs a:nth-child(3) {
color: #02807e; }
.navBreadcrumbs a:nth-child(4) {
color: #026766; }
.navBreadcrumbs a:nth-child(5) {
color: #014e4d; }
/*------------------------------------------------------------*/
/*! Homepage Specific Sections - 274 */
/*------------------------------------------------------------*/
.homeHero {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media screen and (max-width: 1200px) {
.homeHero {
display: block; } }
@media screen and (min-width: 1201px) {
.homeHero .slider {
display: none; } }
@media only screen and (max-width: 480px) {
.homeHero .slider {
height: 300px; } }
.homeHero .slider div {
position: relative;
z-index: 10; }
@media only screen and (max-width: 480px) {
.homeHero .slider div {
height: 100%; } }
.homeHero .slider div:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 200px;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
background-image: -webkit-linear-gradient(transparent, #000);
background-image: -o-linear-gradient(transparent, #000);
background-image: linear-gradient(transparent, #000);
z-index: 1; }
.homeHero .slider img {
position: relative;
z-index: -1;
width: 100%; }
@media only screen and (max-width: 480px) {
.homeHero .slider img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center; } }
.homeHero .slider p {
position: absolute;
bottom: 0;
left: 0;
text-align: right;
width: 100%;
margin: 0;
padding: 20px;
z-index: 4;
color: #fff; }
.homeHero .slider p a {
color: #fff;
display: inline-block; }
.homeHero .slider p strong {
display: block;
margin-top: 5px; }
.homeHero .cell {
position: relative;
display: inline-block;
height: 35vw; }
@media screen and (max-width: 1200px) {
.homeHero .cell {
height: auto; } }
.homeHero .cell h2 {
color: #f89828;
font-size: 3vw;
font-weight: 800;
margin: 10px 0 20px;
padding: 20px 0;
border-top: dotted 5px #23232f;
border-bottom: dotted 5px #23232f; }
@media screen and (max-width: 1300px) {
.homeHero .cell h2 {
margin: 20px 0;
font-size: 2.7vw; } }
@media screen and (max-width: 1450px) {
.homeHero .cell h2 {
font-size: 39px; } }
@media screen and (max-width: 1300px) {
.homeHero .cell h2 {
padding: 10px 0; } }
@media screen and (max-width: 1200px) {
.homeHero .cell h2 {
margin: 0 0 20px; }
.homeHero .cell h2 br {
display: none; } }
@media screen and (max-width: 500px) {
.homeHero .cell h2 {
margin: 0px 0 20px; } }
@media screen and (max-width: 400px) {
.homeHero .cell h2 {
font-size: 35px; } }
.homeHero .cell h3 {
text-transform: uppercase;
font-size: 1.5vw;
font-weight: 800;
color: #000;
margin: 0 0 20px;
padding: 0; }
@media screen and (max-width: 1300px) {
.homeHero .cell h3 {
font-size: 20px;
margin-bottom: 10px; } }
.homeHero .cell ul {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0; }
.homeHero .cell ul li {
display: inline-block;
padding: 0 10px;
border-right: solid 2px #ef8508; }
.homeHero .cell ul li:last-of-type {
border-right: none; }
.homeHero .cell ul a {
font-size: 24px;
font-weight: 500;
text-decoration: none; }
.homeHero .cell ul a:hover {
color: #fcce9a; }
@media screen and (max-width: 1600px) {
.homeHero .cell ul a {
font-size: 18px; } }
@media screen and (max-width: 1600px) {
.homeHero .cell ul a {
font-size: 16px; } }
.homeHero .cell a {
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.homeHero .cell a:hover {
color: #f9ab50; }
.homeHero .cell a.basic-btn {
margin: 20px auto 20px;
display: block; }
.homeHero .cell a.basic-btn:hover {
color: #fff; }
@media screen and (max-width: 1450px) {
.homeHero .cell a.basic-btn {
padding: 15px;
margin: 10px auto;
width: 240px; } }
.homeHero .cell a.js-podcasttrigger {
position: relative;
display: inline-block;
padding-left: 25px; }
.homeHero .cell a.js-podcasttrigger svg {
fill: #f9ab50;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 0; }
.homeHero .cell.content-cell {
width: 33%;
background-color: #121218;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: center; }
.homeHero .cell.content-cell .top {
padding: 20px; }
.homeHero .cell.content-cell .bottom {
padding: 40px 20px;
margin-top: 0px; }
@media screen and (max-width: 1700px) {
.homeHero .cell.content-cell .bottom {
padding: 20px 10px; } }
@media screen and (max-width: 1300px) {
.homeHero .cell.content-cell .bottom {
margin-top: 0;
padding: 20px; } }
@media screen and (max-width: 1200px) {
.homeHero .cell.content-cell {
width: 100%; } }
.homeHero .cell.video-cell {
position: relative;
width: 67%;
background-image: url("/Content/images/backgrounds/videoCover.jpg");
background-size: cover;
background-position: center center; }
.homeHero .cell.video-cell video {
position: absolute;
bottom: 0;
right: 0;
width: 100%; }
.homeHero .cell.video-cell .video-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
pointer-events: all; }
@media screen and (max-width: 1200px) {
.homeHero .cell.video-cell {
display: none; } }
@media screen and (min-width: 1201px) {
.homeHero.locPage .cell {
height: 38vw; } }
.homeHero.locPage .cell h2 {
border: none;
margin: 0;
padding: 0; }
.homeHero.locPage .cell a,
.homeHero.locPage .cell .sudoA {
text-decoration: none;
font-size: 20px; }
.homeHero.locPage .cell a.basic-btn,
.homeHero.locPage .cell .sudoA.basic-btn {
font-size: 25px; }
@media screen and (max-width: 1400px) {
.homeHero.locPage .cell a,
.homeHero.locPage .cell .sudoA {
font-size: 16px; } }
.homeHero.locPage .cell .dotted {
margin: 20px 0;
padding: 20px 0;
border-top: dotted 5px #23232f;
border-bottom: dotted 5px #23232f; }
@media screen and (max-width: 1400px) {
.homeHero.locPage .cell .dotted {
margin: 10px 0;
padding: 10px 0;
border-width: 3px; } }
.homeHero.locPage .cell .loc-phone {
font-size: 25px;
color: #f89828;
font-weight: bold; }
.homeHero.locPage .cell .loc-hours {
display: block; }
.homeHero.locPage .cell .loc-reviews img {
display: block;
margin: 0 auto; }
.homeHero.locPage .cell.content-cell {
background-size: cover;
background-position: center center; }
.homeHero.locPage .cell.content-cell .top {
height: calc(100% - 130px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media screen and (max-width: 1510px) {
.homeHero.locPage .cell.content-cell .top {
height: calc(100% - 110px); } }
@media screen and (max-width: 1400px) {
.homeHero.locPage .cell.content-cell .top {
height: calc(100% - 90px); } }
.homeHero.locPage .cell.content-cell.Lakeview {
background-image: url("/Content/images/banners/LakeviewBanner.jpg"); }
.homeHero.locPage .cell.content-cell.LincolnPark {
background-image: url("/Content/images/banners/LincolnPark_BG.jpg"); }
.homeHero.locPage .cell.content-cell.Andersonville {
background-image: url("/Content/images/banners/AndersonvilleBanner.png"); }
.homeHero.locPage .cell.content-cell.ParkRidge {
background-image: url("/Content/images/banners/ParkRidgeBanner.png"); }
.homeHero.locPage .cell.content-cell.Fitchburg {
background-image: url("/Content/images/banners/FitchburgBanner.png"); }
.homeHero.locPage .cell.content-cell.MadisonDowntown {
background-image: url("/Content/images/banners/MadDowntownBanner.png"); }
.homeHero.locPage .cell.content-cell.MadisonUniversityAve {
background-image: url("/Content/images/banners/UniversityAveBanner.png"); }
.homeHero.locPage .cell.content-cell.MadisonWest {
background-image: url("/Content/images/banners/MadWestBanner.png"); }
.homeHero.locPage .cell.content-cell.SunPrairie {
background-image: url("/Content/images/banners/SunPriarieBanner.png"); }
.homeHero.locPage .cell.content-cell.Waunakee {
background-image: url("/Content/images/banners/WaunakeeBanner.png"); }
.homeHero.locPage .cell.content-cell.Brookfield {
background-image: url("/Content/images/banners/BrookfieldBanner.png"); }
.homeHero.locPage .cell.content-cell.Pewaukee {
background-image: url("/Content/images/banners/PewaukeeBanner.png"); }
#PodcastPopup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#PodcastPopup.active {
opacity: 1;
pointer-events: all; }
#PodcastPopup img {
max-width: 100%; }
#PodcastPopup .js-podcasttrigger {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 5; }
#PodcastPopup .inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
padding: 40px;
text-align: center;
width: 600px;
z-index: 10; }
#PodcastPopup .inner h2 {
margin: 0;
padding-top: 0; }
#PodcastPopup .inner .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
#PodcastPopup .inner .links a {
width: calc(50% - 10px);
border: solid 2px #c3c3c3;
padding: 0px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 0; }
#PodcastPopup .inner .links a.spotify {
padding-top: 17px; }
#PodcastPopup .inner .links a.spotify img {
max-height: 50px; }
#PodcastPopup .inner .links a:hover {
background-color: #dcdcdc; }
@media screen and (max-width: 640px) {
#PodcastPopup .inner {
width: 400px;
max-width: 90%; }
#PodcastPopup .inner .links {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#PodcastPopup .inner .links a {
width: 100%;
margin: 5px 0; }
#PodcastPopup .inner .links a img {
max-height: 70px; }
#PodcastPopup .inner .links a.spotify {
padding: 8px 0; } }
@media screen and (max-width: 460px) {
#PodcastPopup .inner {
padding: 20px; }
#PodcastPopup .inner h2 {
font-size: 22px; } }
#HomepageContent {
background: #fff; }
#MobileApp {
font-size: 0;
width: 100%;
position: relative;
overflow: hidden; }
#MobileApp .imgLeft img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#MobileApp .ios_link,
#MobileApp .android_link {
border: 4px solid #000;
padding: 0.5em 1em;
display: inline-block;
font-weight: bold;
font-size: 21px;
text-decoration: none;
color: #000;
margin: 0.5em 0.25em;
border-radius: 8px;
position: relative;
padding-left: 2.5em; }
#MobileApp .ios_link svg,
#MobileApp .android_link svg {
position: absolute;
top: 0.35em;
left: 0.65em;
width: 1.3em;
height: 1.3em; }
#MobileApp .ios_link {
-webkit-box-shadow: inset 0 0 0 0 #f89828;
box-shadow: inset 0 0 0 0 #f89828;
-webkit-transition: color 200ms, -webkit-box-shadow 300ms;
transition: color 200ms, -webkit-box-shadow 300ms;
-o-transition: box-shadow 300ms, color 200ms;
transition: box-shadow 300ms, color 200ms;
transition: box-shadow 300ms, color 200ms, -webkit-box-shadow 300ms; }
#MobileApp .ios_link:hover {
-webkit-box-shadow: inset 400px 0 0 0 #f89828;
box-shadow: inset 400px 0 0 0 #f89828;
color: #fff; }
#MobileApp .android_link {
-webkit-box-shadow: inset 0 0 0 0 #03b2b0;
box-shadow: inset 0 0 0 0 #03b2b0;
-webkit-transition: color 200ms, -webkit-box-shadow 300ms;
transition: color 200ms, -webkit-box-shadow 300ms;
-o-transition: box-shadow 300ms, color 200ms;
transition: box-shadow 300ms, color 200ms;
transition: box-shadow 300ms, color 200ms, -webkit-box-shadow 300ms; }
#MobileApp .android_link:hover {
-webkit-box-shadow: inset 400px 0 0 0 #03b2b0;
box-shadow: inset 400px 0 0 0 #03b2b0;
color: #fff; }
@media screen and (max-width: 1000px) {
.homepageClass #MobileApp .imgLeft {
display: none; }
.homepageClass #ZipSuit .textLeft h4 {
display: none; } }
#ZipSuit {
font-size: 0;
width: 100%;
position: relative;
background: #000 url(/Content/images/background_ShoeFade.png) no-repeat bottom -200px left -20px; }
#ZipSuit .imgRight {
overflow: visible; }
#ZipSuit .imgRight img {
margin-top: 0;
margin-bottom: 0;
pointer-events: none; }
@media screen and (max-width: 1000px) {
#ZipSuit .imgRight {
display: none; } }
#ZipSuit .getStartedButtons {
display: inline-block;
width: auto;
margin: 1em auto;
padding: 1em 0.5em;
position: relative; }
#ZipSuit .getStartedButtons:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
pointer-events: none;
border-image-source: repeating-linear-gradient(-90deg, transparent, transparent 10px, #343446 10px, #343446 15px);
border-image-slice: 5 5;
border-image-repeat: round;
border-image-width: auto 0 0 0;
border-top: 5px solid transparent; }
#ZipSuit .getStartedButtons a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
background: #23232f;
padding: 0.5em 1em;
margin: 0 0.25em;
font-size: 1.25vw;
color: #fff;
text-transform: uppercase;
font-weight: bold; }
#ZipSuit .getStartedButtons a.joinNowLink {
background: #03b2b0; }
#ZipSuit .textLeft {
vertical-align: top;
color: #fff; }
#ZipSuit .textLeft h2 {
font-size: 7vw;
color: #fff; }
#ZipSuit .textLeft h4 {
color: #fff;
font-size: 4vw; }
#SocialFeed {
text-align: center;
font-size: 0; }
#SocialFeed > div {
display: inline-block;
width: 30%;
overflow: hidden;
vertical-align: top;
padding: 1rem;
margin: 2rem 1rem 1rem;
padding-top: calc(1rem + 50px);
position: relative; }
#SocialFeed > div .feedLogo {
-webkit-filter: brightness(500);
filter: brightness(500);
height: 50px;
position: absolute;
top: 1rem;
right: 1rem; }
#SocialFeed #TwitterSocialFeed {
background: #00acee; }
#SocialFeed #FacebookSocialFeed {
background: #3b5999; }
#SocialFeed #InstagramSocialFeed {
background: #3e729a; }
.socialFeedPost {
display: inline-block;
margin: 1em;
width: calc((100% / 2) - 2em);
background: #fff;
overflow: hidden;
font-size: 1rem;
text-align: left;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.125);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.125);
vertical-align: top;
position: relative;
border-radius: 1px; }
.socialFeedPost a {
color: #000;
text-decoration: none; }
.socialFeedPost img {
max-width: 100%;
height: auto; }
.socialFeedPost .userInfo {
padding: 0.5em; }
.socialFeedPost .userInfo img {
width: 36px;
height: auto;
float: left;
margin: 0 0.5em 0 0; }
.socialFeedPost .userInfo a {
text-decoration: none; }
.socialFeedPost .postText {
padding: 0 0.5rem;
font-size: 14px;
color: #716d6c; }
.socialFeedPost .mediaImage {
overflow: hidden;
width: calc(100% + 1em + 2px);
padding-top: 100%;
margin-left: calc(-0.5em - 1px);
display: inline-block;
position: relative; }
.socialFeedPost .mediaImage img {
max-width: 100%;
height: auto;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.socialFeedPost .whiteSpace {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0; }
.socialFeedPost .contentHolder {
position: relative;
z-index: 1;
pointer-events: none; }
.socialFeedPost .contentHolder a,
.socialFeedPost .contentHolder pre {
pointer-events: auto; }
.socialFeedPost .contentHolder pre {
display: block;
background: #333;
color: #ada;
font-size: 11px;
overflow: scroll;
width: auto;
height: 300px; }
.socialFeedPost .postPermalink {
padding: 0.5em; }
.socialFeedPost .hideCode {
position: fixed;
left: -100vw; }
.socialFeedPost .hideCode + label {
display: block;
padding: 0.125em;
background: #333;
color: #fff;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0.25em 0 0 0;
pointer-events: auto; }
.socialFeedPost .hideCode + label:hover {
background: #444;
color: #fff; }
.socialFeedPost .hideCode:checked + label {
background: #6a6;
color: #000; }
.socialFeedPost .hideCode:checked + label:hover {
background: #7b7;
color: #000; }
.socialFeedPost .hideCode + label + pre {
display: none; }
.socialFeedPost .hideCode:checked + label + pre {
display: block;
margin: 0; }
/*------------------------------------------------------------*/
/*! Location Page Specifics - 396 */
/*------------------------------------------------------------*/
#LocationHeader {
position: relative;
width: 100%;
min-height: 252px;
overflow: hidden; }
#LocationHeader .locationView {
background: #121218;
position: absolute;
width: 560px;
height: 100%; }
#LocationHeader .locationView img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#LocationHeader .locationBanner {
background: #ef8508;
margin-left: 560px;
position: relative; }
#LocationHeader .locationBanner img {
right: 0;
width: 100%;
height: auto; }
.locationBannerLink {
position: relative;
display: block;
line-height: 0;
overflow: hidden;
height: 25vw; }
.locationBannerLink img {
width: 112%;
height: auto;
margin-left: 0;
-webkit-transition: margin-left 1.7s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: margin-left 1.7s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: margin-left 1.7s cubic-bezier(0.215, 0.61, 0.355, 1);
position: absolute;
bottom: 0; }
.locationBannerLink h2 {
position: absolute;
top: calc(50% - 1em);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
text-transform: lowercase;
text-decoration: none;
left: 10%;
font-size: 4vw;
-webkit-transition: top 350ms;
-o-transition: top 350ms;
transition: top 350ms; }
.locationBannerLink:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 100%;
height: 2vw;
background: #f89828;
-webkit-transition: right 400ms;
-o-transition: right 400ms;
transition: right 400ms; }
.locationBannerLink:hover h2 {
top: calc(75% - 1em); }
.locationBannerLink:hover:after {
right: 0; }
.locationBannerLink:hover img {
margin-left: -12%;
-webkit-transition: margin-left 2s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: margin-left 2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: margin-left 2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.studioMapListing {
display: inline-block;
margin: 1em;
width: calc((100% / 3) - 2.25em);
vertical-align: top;
position: relative;
height: auto; }
.studioMapListing a.locationGrabLink {
position: relative; }
.studioMapListing .locationMap {
position: relative;
height: auto;
min-height: 300px;
width: 100%;
background: #ddd;
border: 1px solid rgba(0, 0, 0, 0.01); }
.studioMapListing img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 0; }
.studioMapListing .studioInfo {
padding: 1em 0;
font-weight: bold;
letter-spacing: 1px;
display: block;
position: relative;
top: auto;
z-index: 500; }
.studioMapListing .studioInfo svg {
margin: 0.25em 0.25em 0.25em 0;
color: #f89828;
vertical-align: middle; }
.studioMapListing .studioInfo h2,
.studioMapListing .studioInfo p,
.studioMapListing .studioInfo a {
margin: 0;
color: #000; }
.studioMapListing .studioInfo h2 {
padding-top: 0;
padding-bottom: 10px;
margin-bottom: 0; }
@media screen and (max-width: 1400px) {
.studioMapListing .studioInfo h2 {
font-size: 2.6rem; } }
@media screen and (max-width: 1200px) {
.studioMapListing .studioInfo h2 {
font-size: 2.3rem; } }
@media screen and (max-width: 1000px) {
.studioMapListing .studioInfo h2 {
font-size: 2rem; } }
@media screen and (max-width: 640px) {
.studioMapListing .studioInfo h2 {
font-size: 1.5rem; } }
.studioMapListing .studioInfo h2 a {
text-decoration: none; }
.studioMapListing .studioInfo h2 a:hover {
color: #028a88; }
.studioMapListing .studioInfo .studioEmail {
color: #03b2b0; }
.studioMapListing .studioInfo .studioEmail svg {
color: #03b2b0; }
.studioMapListing .studioInfo .studioEmail a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color: #03b2b0; }
.studioMapListing .studioInfo .studioEmail a:hover {
color: #028a88; }
.studioMapListing .studioInfo .studioEmail a:active {
color: #028a88; }
.LocationIndexUL {
text-align: center; }
.ServicesBodyClass .LocationIndexUL,
.P--NoGuessing--Stream .LocationIndexUL {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0 !important; }
.studioListing {
display: inline-block;
margin: 1em;
width: calc((100% / 3) - 4em);
vertical-align: top;
position: relative;
height: auto;
text-align: left; }
.studioListing .locationLink {
width: 100%;
height: 13vw;
overflow: hidden;
position: relative;
display: block;
background: black; }
.studioListing .locationLink img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.studioListing .studioInfo {
font-weight: bold;
letter-spacing: 1px;
padding: 2em;
display: block;
height: auto;
background: #000;
z-index: 500; }
.studioListing .studioInfo svg {
margin: 0.25em 0.25em 0.25em 0;
color: #f89828;
vertical-align: middle; }
.studioListing .studioInfo h2,
.studioListing .studioInfo p,
.studioListing .studioInfo a {
margin: 0;
color: #fff; }
.studioListing .studioInfo a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.studioListing .studioInfo h2 {
margin-bottom: 0.25em;
font-size: 2.5em; }
.studioListing .studioInfo h2 a {
text-decoration: none; }
.studioListing .studioInfo h2 a:hover {
color: #028a88; }
.studioListing .studioInfo .studioEmail {
color: #03b2b0; }
.studioListing .studioInfo .studioEmail svg {
color: #03b2b0; }
.studioListing .studioInfo .studioEmail a {
color: #03b2b0; }
.studioListing .studioInfo .studioEmail a:hover {
color: #028a88; }
.studioListing .studioInfo .studioEmail a:active {
color: #028a88; }
.studioListing.service-location {
width: calc(20% - 20px);
background-color: #000; }
.studioListing.service-location .studioInfo h2 {
font-size: 30px; }
@media screen and (max-width: 1600px) {
.studioListing.service-location .studioInfo h2 {
font-size: 22px; }
.studioListing.service-location .studioInfo p {
font-size: 14px; } }
@media screen and (max-width: 1500px) {
.studioListing.service-location {
width: calc(25% - 10px); } }
@media screen and (max-width: 1200px) {
.studioListing.service-location {
width: calc((100% / 3) - 10px); } }
@media screen and (max-width: 1200px) {
.studioListing.service-location {
width: calc(50% - 10px); } }
@media screen and (max-width: 640px) {
.studioListing.service-location {
margin: 5px;
width: calc(50% - 10px); } }
@media screen and (max-width: 600px) {
.studioListing.service-location {
margin: 5px 0;
width: 100%; } }
#LocationTeamMain,
#EventsListMain {
text-align: center; }
#LocationTeamMain h2,
#EventsListMain h2 {
color: #f89828; }
#LocationTeamMain > div,
#EventsListMain > div {
background: #23232f;
color: #fff;
padding: 1rem;
display: inline-block;
width: calc((100% - 2rem) / 4 - 2rem);
margin: 1rem;
text-align: left;
position: relative;
vertical-align: top; }
#LocationTeamMain > div img,
#EventsListMain > div img {
width: 100%;
height: auto; }
#LocationTeamMain > div a,
#EventsListMain > div a {
color: #fff;
text-decoration: none; }
#LocationTeamMain > div h3,
#EventsListMain > div h3 {
color: #f89828;
display: inline-block;
font-weight: 600;
padding: 1rem 0 0 0; }
#LocationTeamMain > div h4,
#EventsListMain > div h4 {
color: #fff;
display: block;
font-size: 1rem;
font-weight: normal;
padding: 0 0 1rem 0; }
#LocationTeamMain > div .trainerBio h3,
#EventsListMain > div .trainerBio h3 {
font-size: 1rem;
color: #4d4d67;
border-bottom: 1px solid #4d4d67;
margin: 1rem 0;
padding: 0;
display: block; }
#LocationTeamMain > div .trainerBio strong em,
#LocationTeamMain > div .trainerBio em strong,
#EventsListMain > div .trainerBio strong em,
#EventsListMain > div .trainerBio em strong {
font-size: 1.75em;
color: #f89828;
font-style: normal;
font-weight: 600;
display: inline-block; }
#LocationTeamMain > div .readMore,
#EventsListMain > div .readMore {
position: absolute;
bottom: 1rem;
right: 1rem;
color: #f89828;
text-decoration: underline; }
#LocationTeamMain > div .readMore:hover,
#EventsListMain > div .readMore:hover {
color: #f9ab50;
text-decoration: none; }
#LocationTeamMain .trainerBio .QA {
font-size: 1.75em;
color: #f89828;
font-weight: bold;
font-style: normal; }
@media screen and (max-width: 700px) {
#LocationTeamMain .trainerBio .QA {
font-size: 20px; } }
#LocationTeamMain .trainerBio h4 {
font-size: 1em;
padding: 0;
font-family: "Gotham", Montserrat, Avenir, "open sans", sans-serif;
font-weight: bolder; }
#LocationTeamMain .trainerBio p {
margin-top: 0; }
#LocationTeamMain .trainerBio p.last {
padding-bottom: 10px; }
#LocationTeam {
background: #000;
color: #fff;
padding: 1rem;
text-align: center; }
#LocationTeam h2 {
color: #f89828; }
#LocationTeam div {
display: inline-block;
width: calc((100% - 2rem) / 4 - 2rem);
margin: 1rem;
text-align: left;
position: relative;
vertical-align: top;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
#LocationTeam div img {
width: 100%;
height: auto;
vertical-align: bottom; }
#LocationTeam div:hover {
background-color: #343446; }
#LocationTeam div a {
color: #fff;
text-decoration: none; }
#LocationTeam div a:hover .fullBioLink, #LocationTeam div a:focus .fullBioLink {
background: #f89828; }
#LocationTeam div h3 {
color: #f89828;
display: block;
font-weight: 600;
padding: 1rem 0 0 0; }
#LocationTeam div h4 {
color: #fff;
display: block;
font-size: 1rem;
font-weight: normal;
padding: 0 0 1rem 0;
width: 100%; }
#LocationTeam div .img-wrap {
position: relative;
display: block; }
#LocationTeam div .fullBioLink {
padding: 0.5em 1em;
background: #03b2b0;
color: #000;
cursor: pointer;
width: 120px;
text-align: center;
font-size: 20px;
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
#LocationTeam div .fullBioLink:hover {
background: #f9ab50; }
/*------------------------------------------------------------*/
/*! Personal Trainer Bio Specifics - 498 */
/*------------------------------------------------------------*/
.filterSwap {
display: block;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.filterSwap a {
display: inline-block;
padding: 0.25em 1em;
background: #23232f;
color: rgba(255, 255, 255, 0.9) !important;
margin: 0.25em;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.1em; }
.filterSwap a:hover {
background: #121218;
color: #fff !important;
-webkit-box-shadow: 0 0 0 1px #121218;
box-shadow: 0 0 0 1px #121218; }
.filterSwap a.selected {
background: #f89828;
cursor: default; }
.filterSwap a.selected:hover {
-webkit-box-shadow: none;
box-shadow: none; }
.personalTrainerBio {
padding: 1rem; }
.personalTrainerBio .mainImg {
max-width: 50%; }
@media screen and (max-width: 700px) {
.personalTrainerBio .mainImg {
max-width: 100%;
float: none;
display: block;
margin: 0 auto 10px; } }
.personalTrainerBio img {
float: left;
margin: 0 1rem 1rem 0; }
.personalTrainerBio h2 {
font-size: 3rem;
color: #f89828;
margin: 0;
padding: 0; }
.personalTrainerBio h3,
.personalTrainerBio h3.headline {
font-size: 25px;
color: #03b2b0;
padding: 10px 0 5px;
border-bottom: 2px solid #000;
margin-bottom: 5px;
overflow: hidden; }
.personalTrainerBio h3:nth-of-type(3) {
clear: both; }
.personalTrainerBio em > strong,
.personalTrainerBio strong > em,
.personalTrainerBio .QA {
font-size: 23px;
color: #f89828;
font-weight: bold;
font-style: normal; }
@media screen and (max-width: 700px) {
.personalTrainerBio em > strong,
.personalTrainerBio strong > em,
.personalTrainerBio .QA {
font-size: 20px; } }
.personalTrainerBio h4 {
font-size: 20px;
padding: 0; }
@media screen and (max-width: 700px) {
.personalTrainerBio h4 {
font-size: 18px; } }
.personalTrainerBio .credentials {
font-size: 1.25rem;
font-weight: 400;
margin: 0;
padding: 0;
color: #000;
border-bottom: 0; }
.personalTrainerBio p {
margin-top: 0;
line-height: 1.8;
margin-bottom: 30px; }
@media screen and (max-width: 700px) {
.personalTrainerBio p {
line-height: 1.4; } }
/*------------------------------------------------------------*/
/*! Location Subpage Specifics - 498 */
/*------------------------------------------------------------*/
.headerSection .headerTitle {
position: absolute;
left: 5%;
bottom: 20%; }
.headerSection .headerTitle h2 {
text-transform: lowercase;
line-height: 0.55;
padding: 0;
margin: 0;
max-width: 825px; }
.headerSection .headerTitle h2:first-child {
font-size: 7vw;
color: #000;
letter-spacing: -0.01em;
opacity: 0.4; }
.headerSection .headerTitle h2:last-child {
font-size: 5vw;
margin-top: 1vw;
color: #fff;
position: relative;
z-index: 10; }
.headerSection .headerTitle h2.subHeading {
font-size: 2.5vw; }
.headerSection .headerTitle.morels {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
padding: 10px 30px;
background-color: rgba(0, 0, 0, 0.8); }
.headerSection .headerTitle.morels h1,
.headerSection .headerTitle.morels .heading {
color: #fff;
margin: 0;
font-size: 28px;
display: block;
white-space: nowrap; }
.headerSection .headerTitle.morels h1 span,
.headerSection .headerTitle.morels h1 img,
.headerSection .headerTitle.morels .heading span,
.headerSection .headerTitle.morels .heading img {
display: inline-block;
vertical-align: middle;
margin: 0; }
.headerSection .headerTitle.morels h1 span,
.headerSection .headerTitle.morels .heading span {
margin: 0 10px;
font-size: 14px; }
@media screen and (max-width: 1500px) and (min-width: 1401px) {
.headerSection .headerTitle.morels {
padding: 20px; } }
@media screen and (max-width: 1000px) {
.headerSection .headerTitle.morels {
bottom: auto;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@media screen and (max-width: 640px) {
.headerSection .headerTitle.morels h1 img,
.headerSection .headerTitle.morels .heading img {
width: 160px; } }
@media screen and (max-width: 440px) {
.headerSection .headerTitle.morels {
padding: 20px; }
.headerSection .headerTitle.morels h1,
.headerSection .headerTitle.morels .heading {
font-size: 24px; }
.headerSection .headerTitle.morels h1 img,
.headerSection .headerTitle.morels .heading img {
width: 140px; } }
@media screen and (max-width: 1000px) {
.headerSection .headerTitle.morels.unity img {
max-width: 150px; }
.headerSection .headerTitle.morels.unity span {
font-size: 20px;
margin-left: 0; } }
@media screen and (max-width: 640px) {
.headerSection .headerTitle.morels.unity {
padding: 20px 20px; }
.headerSection .headerTitle.morels.unity img {
display: block;
margin: 0 auto;
width: 200px;
max-width: 100%; }
.headerSection .headerTitle.morels.unity span {
margin: 5px 0 0; } }
@media screen and (max-width: 460px) {
.headerSection .headerTitle.morels.unity span {
font-size: 16px; } }
.headerSection .headerBasic {
position: absolute;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.headerSection .headerBasic h2 {
font-size: 2.75vw;
font-weight: bold; }
.headerSection .headerBasic p {
font-size: 1.125rem; }
.headerSection[class*="personalTrainers_"] .headerTitle h2:first-child {
opacity: 0.3; }
.headerSection[class*="personalTrainers_"][class*="personalTraining_"] .headerTitle h2:first-child {
opacity: 0.5;
text-shadow: 0 0 1.25vw rgba(255, 255, 255, 0.2); }
.headerSection[class*="personalTrainers_"][class*="rates_"] .headerTitle h2:first-child {
opacity: 0.5;
text-shadow: 0 0 1.25vw rgba(255, 255, 255, 0.2); }
.headerSection[class*="personalTrainers_"][class*="smallGroupTraining_"] .headerTitle h2:first-child {
opacity: 0.3; }
/*------------------------------------------------------------*/
/*! Franchise Page Specifics - 484 */
/*------------------------------------------------------------*/
.headerForm {
position: absolute;
top: 20%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
pointer-events: auto;
text-align: center;
min-width: 1000px; }
.headerForm h2 {
font-size: 3vw;
font-weight: normal; }
.headerForm .headerFormCaptchaError {
display: inline-block;
padding: 5px;
background: #844700;
color: #fff;
margin: 2rem;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2);
font-size: 1.5em; }
.headerForm .headerFormCaptchaError .instructions {
display: block;
padding: 5px;
background-color: #fff;
color: #000;
font-size: 1rem;
margin-top: 5px; }
.headerForm input:not([type="radio"]):not([type="checkbox"]),
.headerForm select {
border: none;
border-radius: 3px;
background-color: #fff;
padding: 0 1em;
width: 100%;
height: 2.25em;
line-height: 2.25em;
-moz-appearance: none;
-webkit-appearance: none;
color: #000; }
.headerForm .formRow .imselectWrap {
width: 100%;
text-align: center; }
.headerForm .formRow .imselectWrap label {
position: relative;
display: inline-block;
cursor: pointer;
max-width: calc(100% / 6); }
.headerForm .formRow .imselectWrap label img:not(:first-child) {
position: absolute;
top: 0;
left: 0; }
.headerForm .formRow .imselectWrap img {
-webkit-transition: opacity 100ms;
-o-transition: opacity 100ms;
transition: opacity 100ms;
margin: 0; }
.headerForm .formRow .imselectWrap [type="radio"] {
position: fixed;
left: -100vw; }
.headerForm .formRow .imselectWrap [type="radio"] + label:not(:hover) img.hover {
opacity: 0; }
.headerForm .formRow .imselectWrap [type="radio"]:checked + label img.hover {
opacity: 0; }
.headerForm .formRow .imselectWrap [type="radio"]:not(:checked) + label img.active {
opacity: 0; }
.headerForm .formRow .imselectWrap [type="checkbox"] {
position: fixed;
left: -100vw; }
.headerForm .formRow .imselectWrap [type="checkbox"] + label:not(:hover) img.hover {
opacity: 0; }
.headerForm .formRow .imselectWrap [type="checkbox"]:checked + label img.hover {
opacity: 0; }
.headerForm .formRow .imselectWrap [type="checkbox"]:not(:checked) + label img.active {
opacity: 0; }
.headerForm .formRow .imselectWrap [type="checkbox"]:focus:not(:checked) + label img.hover,
.headerForm .formRow .imselectWrap [type="radio"]:focus:not(:checked) + label img.hover {
opacity: 1; }
.headerForm .formRow .imselectWrap .labelOverlay {
background: rgba(248, 152, 40, 0.9);
position: absolute;
left: 0;
right: 0;
bottom: 0;
font-size: 14px;
padding: 0.5em 0;
height: 4.5em;
font-weight: bold;
color: #fff;
-webkit-transition: height 200ms;
-o-transition: height 200ms;
transition: height 200ms; }
.headerForm .formRow .imselectWrap .labelOverlay span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding: 0.5em 0.25em; }
.headerForm .formRow .imselectWrap label:hover .labelOverlay {
height: 100%; }
.headerForm .formRow .imselectWrap :checked + label .labelOverlay {
height: 100%;
background: rgba(4, 218, 216, 0.9);
-webkit-box-shadow: inset 0 0 1px 1px #fff;
box-shadow: inset 0 0 1px 1px #fff; }
.headerForm .fitnessGoals {
margin-top: 1em; }
.headerForm .fitnessGoals label {
max-width: calc((100% / 5) - 4px);
min-width: 175px; }
.headerForm .fitnessGoals label img {
max-width: 100%;
height: auto; }
.headerForm .imselectWrap label.error {
font-size: 1.25em;
font-weight: bold;
padding: 0.25rem;
max-width: none;
display: block; }
.headerForm .imselectWrap label.error:not(:last-of-type) {
display: none; }
.headerForm .formRow {
font-size: 0; }
.headerForm .formRow * {
font-size: 1rem; }
.headerForm .inputWrap,
.headerForm .textAreaWrap {
display: inline-block;
padding: 0;
margin: 0.5em;
width: calc(50% - 1em);
vertical-align: top; }
.headerForm .inputWrap.full {
width: calc(100% - 1em); }
.headerForm .inputWrap.full .textAreaWrap,
.headerForm .inputWrap.full .textAreaWrap textarea {
width: 100%;
margin: 0.25em 0; }
.headerForm .formRow.threeWide .inputWrap {
width: calc(33.333% - 1em); }
.headerForm .submitWrap {
width: 100%; }
.headerForm .g-recaptcha {
display: inline-block;
position: relative;
margin-top: 1em; }
.headerForm .g-recaptcha :after {
content: "";
display: block;
position: absolute;
pointer-events: none;
left: 10px;
bottom: calc(100% - 10px);
width: 300px;
height: 100px;
background-image: url("/Content/images/ui_spamFilter.png");
background-repeat: no-repeat;
background-position: bottom left; }
.headerForm .g-recaptcha iframe {
padding: 0;
height: 76px; }
.headerForm textarea {
border: none;
border-radius: 3px;
background-color: #fff;
padding: 0.5em;
margin: 0.5em;
width: calc(100% - 1em);
min-height: 4em;
resize: vertical; }
.headerForm button,
.headerForm input[type="submit"],
.headerForm .btn--formNav,
.headerForm .formStepBack {
display: inline-block;
vertical-align: bottom;
margin: 0.5em;
padding: 0.5em 2em;
border: none;
height: 2.125em;
background: #23232f;
border-radius: 3px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
cursor: default;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.headerForm button:hover,
.headerForm input[type="submit"]:hover,
.headerForm .btn--formNav:hover,
.headerForm .formStepBack:hover {
background: #1b5f67; }
.headerForm button:focus,
.headerForm input[type="submit"]:focus,
.headerForm .btn--formNav:focus,
.headerForm .formStepBack:focus {
-webkit-box-shadow: inset 0 0 0 0.2em #23232f, inset 0 0 0 0.25em #fff;
box-shadow: inset 0 0 0 0.2em #23232f, inset 0 0 0 0.25em #fff;
outline: none; }
.headerForm #SendButton {
display: inline-block;
padding: 0;
margin: 0; }
.headerForm #SendButton input {
width: auto;
line-height: 1.25em; }
.headerForm .formProcess {
text-align: left; }
.headerForm .formProcess a {
display: inline-block;
width: 1.75em;
height: 1.75em;
border-radius: 100%;
padding: 0.3em;
text-align: center;
font-weight: bold;
background: #fff;
color: #f89828; }
.headerForm .formProcess a.selected ~ a {
color: #fff;
background: #000; }
.headerForm .formStepBack {
background: #fff;
height: 2.125em;
width: 2.125em;
margin-right: 0;
padding: 0;
color: #cecece; }
.headerForm .formStepBack svg {
height: 1.5em;
width: 1.5em;
margin-top: 0.25em; }
.headerForm .formStepBack:hover {
background: #f6f6f6;
color: #03b2b0; }
.headerForm .formStepBack:focus {
-webkit-box-shadow: inset 0 0 0 0.2em #fff, inset 0 0 0 0.25em #028a88;
box-shadow: inset 0 0 0 0.2em #fff, inset 0 0 0 0.25em #028a88;
outline: none; }
.headerForm .franchiseFormStep {
-webkit-transition: opacity 300ms, -webkit-transform 300ms;
transition: opacity 300ms, -webkit-transform 300ms;
-o-transition: transform 300ms, opacity 300ms;
transition: transform 300ms, opacity 300ms;
transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; }
.headerForm .franchiseFormStep.exitingForward {
-webkit-transform: translate(-10vw, 0) scale(0.9);
-ms-transform: translate(-10vw, 0) scale(0.9);
transform: translate(-10vw, 0) scale(0.9);
opacity: 0; }
.headerForm .franchiseFormStep.enteringForward {
-webkit-transform: translate(10vw, 0) scale(0.9);
-ms-transform: translate(10vw, 0) scale(0.9);
transform: translate(10vw, 0) scale(0.9);
opacity: 0; }
.headerForm .franchiseFormStep.exitingBackward {
-webkit-transform: translate(10vw, 0) scale(0.9);
-ms-transform: translate(10vw, 0) scale(0.9);
transform: translate(10vw, 0) scale(0.9);
opacity: 0; }
.headerForm .franchiseFormStep.enteringBackward {
-webkit-transform: translate(-10vw, 0) scale(0.9);
-ms-transform: translate(-10vw, 0) scale(0.9);
transform: translate(-10vw, 0) scale(0.9);
opacity: 0; }
.headerForm #FFStep2Cont,
.headerForm #FFStep3Cont,
.headerForm #FFStep4Cont {
visibility: hidden;
position: absolute; }
.headerForm [class^="error-"] {
-webkit-box-shadow: inset 0 0 1px 2px #e1350e;
box-shadow: inset 0 0 1px 2px #e1350e; }
.headerForm select {
background-image: url(/Content/images/ui_dropArrow.png);
background-repeat: no-repeat;
background-position: right center;
background-size: contain; }
.headerForm input[required],
.headerForm textarea[required] {
background-image: url(/Content/images/ui_reqAsterisk.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 2.5em;
padding: 0.5em 1em; }
.headerForm select[required] {
background-image: url(/Content/images/ui_reqAsterisk.png), url(/Content/images/ui_dropArrow.png);
background-repeat: no-repeat;
background-position: left top, right center;
background-size: 2.5em, contain; }
.franchiseInfo {
max-width: 100%;
overflow-x: hidden;
background: #f89828; }
.franchiseInfo table {
border-collapse: collapse;
width: 100%;
margin: 1em 0; }
.franchiseInfo table td,
.franchiseInfo table th {
padding: 1em;
text-align: center;
max-width: 250px; }
.franchiseInfo table td:first-child,
.franchiseInfo table th:first-child {
text-align: left;
max-width: none; }
.franchiseInfo table tr:nth-child(2n + 1) {
background: #f0f0f0; }
.franchiseInfo table tr:first-child {
background: #f89828;
color: #fff; }
.js-SwipeSpace {
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: -webkit-transform 400ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: transform 400ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: transform 400ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: transform 400ms cubic-bezier(0.01, 0.295, 0.735, 0.84), -webkit-transform 400ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
height: 100%;
border: 1px solid #fff;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background: #fff; }
.js-SwipeSpace img {
max-width: 100%;
height: auto; }
.js-SwipeSpace .sideImage {
max-width: 50%; }
.js-SwipeSpace.exiting {
-webkit-transform: translateX(-100vw);
-ms-transform: translateX(-100vw);
transform: translateX(-100vw);
z-index: 500; }
.js-SwipeSpace.entering {
-webkit-transform: translateX(100vw);
-ms-transform: translateX(100vw);
transform: translateX(100vw);
z-index: 500; }
.fatNav {
text-align: center; }
.fatLink {
display: inline-block;
width: calc((100% - 100px) * 0.25);
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #121218;
color: #fff;
font-size: 2vw;
text-align: center;
font-weight: 700;
padding: 0.5em;
text-decoration: none;
margin: 6px 2px;
height: 2.25em;
vertical-align: top;
position: relative;
z-index: 1000; }
.fatLink:hover, .fatLink:active, .fatLink:focus, .fatLink:hover:focus {
color: #f89828;
background: #343446; }
.fatLink.active {
margin: -12px 2px;
height: calc(2.25em + 24px);
font-size: 2.25vw;
padding-top: calc(0.5em + 12px);
background: #343446;
color: #f89828;
-webkit-transition: height 200ms, margin 200ms, font-size 200ms, padding 200ms;
-o-transition: height 200ms, margin 200ms, font-size 200ms, padding 200ms;
transition: height 200ms, margin 200ms, font-size 200ms, padding 200ms;
pointer-events: none;
cursor: default; }
#FranchiseeReviews li {
padding: 1em 0;
position: relative; }
#FranchiseeReviews li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
pointer-events: none;
border-image-source: repeating-linear-gradient(-90deg, transparent, transparent 10px, #cacaca 10px, #cacaca 15px);
border-image-slice: 5 5;
border-image-repeat: round;
border-image-width: 0 0 auto 0;
border-bottom: 5px solid transparent; }
#FranchiseeReviews li img {
float: left;
margin: 10px 50px 10px 0;
max-width: 220px; }
#FranchiseeReviews li .featuredQuote {
display: block;
font-size: 24px;
color: #03b2b0;
font-weight: 700;
padding: 0.5em 0 0.25em; }
#FranchiseeReviews li .featuredQuote:before {
content: "\201c";
font-size: 2em;
display: inline-block;
margin: -0.25em 0;
vertical-align: top;
font-weight: 500; }
#FranchiseeReviews li .featuredQuote:after {
content: "\201d"; }
@media (min-width: 641px) {
#FranchiseeReviews li .fullQuote {
margin-left: 270px; } }
#FranchiseeReviews li h2 {
font-size: 48px;
color: #f89828;
padding: 0.25em 0 0 0;
margin: 0; }
/*------------------------------------------------------------*/
/*! Mobile App Page Specifics - 541 */
/*------------------------------------------------------------*/
.headerForm.mobileAppLinks {
font-size: 22px; }
.iosDownloadLink,
.androidDownloadLink {
display: inline-block;
border: 3px solid #a6a6a6;
height: 64px;
overflow: hidden;
padding: 0 0 0 1.5em;
border-radius: 10px;
color: #111;
font-size: 18px;
font-weight: 600;
cursor: pointer;
background: #fafafa; }
.iosDownloadLink:hover,
.androidDownloadLink:hover {
color: #000;
background: #fff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
border-color: #028a88; }
.iosDownloadLink span,
.androidDownloadLink span {
width: 285px;
display: inline-block; }
.iosDownloadLink img,
.androidDownloadLink img {
max-height: 64px;
width: auto;
margin: -3px 0 0 1em;
vertical-align: middle; }
/*------------------------------------------------------------*/
/*! Video Page Specifics - 541 */
/*------------------------------------------------------------*/
#VideoElement {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background-color: #212121;
height: auto;
max-height: 50vh; }
.vidPaging {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
background-color: #23232f;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 16px; }
.vidPaging .selected {
border: 1px solid;
border-radius: 100%;
font-weight: normal; }
.vidPaging span,
.vidPaging a {
display: inline-block;
width: 2em;
height: 2em;
line-height: 1.75em;
text-decoration: none;
color: #f89828;
margin: 0.5em;
font-family: "FuturaDemiBold", FuturaPT, Futura, "Hind Siliguri", Helvetica, sans-serif; }
.vidPageInfo {
display: block;
padding: 20px;
background: #000;
color: #fff; }
.vidPageInfo h1,
.vidPageInfo h2 {
color: #f89828; }
.vidItemList {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
background-color: #000;
margin: 0;
padding: 0;
list-style: none;
font-size: 0; }
.vid_ItemWrap {
display: inline-block;
margin: 16px 18px;
font-size: 1rem;
text-align: left;
width: 400px;
height: 250px;
background: #000;
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: calc(100% - 36px); }
@media (max-width: 400px) {
.vid_ItemWrap {
height: calc((100vw - 36px) * 0.625); } }
.vid_ItemWrap img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: auto; }
.vid_ItemWrap .vid_thumb2,
.vid_ItemWrap .vid_thumb1,
.vid_ItemWrap .vid_thumb0 {
opacity: 0;
z-index: 1; }
.vid_ItemWrap .vid_thumbP {
z-index: 0; }
.vid_ItemWrap .vid_Data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
background-image: -webkit-linear-gradient(transparent, #000);
background-image: -o-linear-gradient(transparent, #000);
background-image: linear-gradient(transparent, #000);
color: rgba(255, 255, 255, 0.83);
padding: 12px;
z-index: 3; }
.vid_ItemWrap .vid_Data h2 {
font-size: 21px;
font-weight: 600;
letter-spacing: 1px;
color: inherit;
margin: 0 0 4px 0; }
.vid_ItemWrap .vid_Data p {
font-size: 16px;
margin: 0; }
.vid_ItemWrap .vid_PlayLink {
opacity: 0;
-webkit-transition: opacity 0.13s;
-o-transition: opacity 0.13s;
transition: opacity 0.13s;
pointer-events: none;
position: absolute;
width: 64px;
height: 64px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
border: 2px solid #f89828;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
color: #888;
text-align: center;
line-height: 60px;
vertical-align: middle;
text-transform: uppercase;
top: calc(50% - 32px);
left: calc(50% - 32px);
border-radius: 100%;
z-index: 4;
cursor: pointer; }
.vid_ItemWrap .vid_PlayLink:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(#000, rgba(0, 0, 0, 0.8));
background: -o-linear-gradient(#000, rgba(0, 0, 0, 0.8));
background: linear-gradient(#000, rgba(0, 0, 0, 0.8));
color: #f89828; }
.vid_ItemWrap:hover {
-webkit-box-shadow: inset 0 0 3px #f89828;
box-shadow: inset 0 0 3px #f89828; }
.vid_ItemWrap:hover .vid_thumb2 {
-webkit-animation: thumbScroll 4s -1.2s linear infinite;
animation: thumbScroll 4s -1.2s linear infinite; }
.vid_ItemWrap:hover .vid_thumb1 {
-webkit-animation: thumbScroll 4s 0.13s linear infinite;
animation: thumbScroll 4s 0.13s linear infinite; }
.vid_ItemWrap:hover .vid_thumb0 {
-webkit-animation: thumbScroll 4s 1.46s linear infinite;
animation: thumbScroll 4s 1.46s linear infinite; }
.vid_ItemWrap:hover .vid_PlayLink {
opacity: 1;
pointer-events: auto; }
.vid_ItemWrap.playing {
border: 1px solid #f89828; }
.vid_ItemWrap.playing img {
opacity: 0.75; }
.vid_ItemWrap.playing img:not(:nth-of-type(2)) {
opacity: 0; }
.vid_ItemWrap.playing:before {
content: "now playing";
z-index: 5;
display: block;
background: #f89828;
color: #000;
padding: 4px;
font-size: 14px;
position: absolute;
top: 0;
left: 0; }
/*------------------------------------------------------------*/
/*! Account Pages and Misc UX - 616 */
/*------------------------------------------------------------*/
body[class*="--Account--"] .SiteContent {
min-height: calc(100vh - 236px); }
body[class*="--Account--"] .SiteMain {
max-width: 520px;
margin: 0 auto 0 20px;
background: #fff;
color: #000;
padding: 20px;
-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25), inset 0 185px orange;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25), inset 0 185px orange; }
body[class*="--Account--"] .SiteMain h1 {
width: calc(100% + 40px);
text-transform: uppercase;
color: #fff;
background-color: #000;
letter-spacing: 1px;
padding: 0.25em 0.5em;
margin-left: -20px;
margin-top: 165px; }
body[class*="--Account--"] .btn--submitForm,
body[class*="--Account--"] .btn--account:not(.btn--simpleUnderline) {
border-radius: 0;
background: #03b2b0;
padding: 0.5em 1em;
font-size: 18px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
border: none;
margin: 1em 0 0;
letter-spacing: 1px;
font-weight: bold;
cursor: pointer; }
body[class*="--Account--"] .btn--submitForm:hover,
body[class*="--Account--"] .btn--account:not(.btn--simpleUnderline):hover {
background: #028a88;
color: #fff; }
body[class*="--Account--"] .btn--simpleUnderline {
color: #04dad8; }
body[class*="--Account--"] .btn--simpleUnderline:hover {
color: #000; }
body[class*="--Account--"] .gc_UserLoginPopup {
width: 480px;
color: #000; }
.gc_UserLoginPopup .btn--usertab {
border-radius: 0; }
.gc_UserLoginPopup .btn--usertab.js-active {
background: #f89828; }
.gc_UserLoginPopup__forms {
padding-top: 0;
border-top: 5px solid #f89828; }
.gc_UserLoginPopup__tabs li:nth-child(1) {
padding-right: 0;
border-right: none;
padding-bottom: 0; }
.gc_UserLoginPopup__tabs li:nth-child(2) {
padding-left: 0;
padding-bottom: 0; }
.btn--submitForm {
background: #03b2b0;
padding: 0.5em 1em;
font-size: 18px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
letter-spacing: 1px;
font-weight: bold;
cursor: pointer;
border-radius: 0; }
.btn--submitForm:hover {
background: #028a88;
color: #fff; }
.btn--simpleUnderline {
color: #03b2b0;
text-decoration: none; }
.btn--simpleUnderline:hover {
color: #028a88;
text-decoration: underline; }
/*------------------------------------------------------------*/
/*! Footer - 721 */
/*------------------------------------------------------------*/
.SiteFooter {
padding: 0;
text-align: left;
position: relative;
background: #f89828;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
min-height: 340px; }
.SiteFooter .socialLinks {
display: inline-block; }
.SiteFooter .localNav {
position: absolute;
top: 0;
font-size: 20px;
z-index: 10;
right: 490px;
left: 0;
background: #000;
height: 62px;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.SiteFooter .localNav > ul {
display: table-row;
height: 62px;
position: absolute;
width: 100%;
top: 0;
left: 0; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) {
display: table-cell;
height: 62px;
vertical-align: middle;
position: relative;
text-align: left;
margin-left: -2px; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) svg {
position: absolute;
top: 12px;
left: 1em;
width: 36px;
height: 36px;
color: #23232f; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > span,
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a,
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label {
height: 62px;
display: table-cell;
vertical-align: middle;
padding-left: calc(2em + 36px);
font-size: 17px;
font-weight: 600;
padding-top: 14px;
padding-bottom: 14px;
-webkit-box-shadow: inset 0 0 0 rgba(132, 71, 0, 0.5);
box-shadow: inset 0 0 0 rgba(132, 71, 0, 0.5);
-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84); }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > span:hover,
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a:hover,
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label:hover {
-webkit-box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > span .location,
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a .location,
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label .location {
display: block;
color: #844700; }
.SiteFooter .localNav > ul li:not(.joinNowCTA):hover > span {
-webkit-box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
box-shadow: inset 0 -62px 0 rgba(132, 71, 0, 0.5);
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > span {
padding-right: 1em;
cursor: default; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul {
overflow: hidden;
max-height: 0;
background: #fff;
color: #000;
padding: 0;
min-width: 300px;
left: 0;
position: absolute;
bottom: 100%;
z-index: -1;
-webkit-transition: bottom 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: bottom 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: bottom 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.25); }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a {
display: block;
padding: 0 2em;
margin: 0;
width: 100%;
height: 48px;
line-height: 48px;
text-align: center; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a:hover {
background: #f89828;
-webkit-box-shadow: none;
box-shadow: none; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li {
display: block;
padding: 0;
margin: 0;
width: 100%;
height: 48px; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li:first-child a {
-webkit-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.25); }
.SiteFooter .localNav > ul li:not(.joinNowCTA):hover ul {
max-height: 50vh;
bottom: 100%;
top: auto;
-webkit-transition: bottom 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: bottom 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: bottom 180ms cubic-bezier(0.475, 0.055, 0.905, 1.195), max-height 230ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteFooter .localNav li.joinNowCTA {
background: #03b2b0;
float: right;
height: 62px; }
.SiteFooter .localNav li.joinNowCTA a {
-webkit-box-shadow: inset 0 0 0 #028a88;
box-shadow: inset 0 0 0 #028a88;
cursor: pointer;
font-size: 20px;
padding: 20px;
text-decoration: none; }
.SiteFooter .localNav li.joinNowCTA a:hover {
-webkit-box-shadow: inset 0 -62px 0 #028a88;
box-shadow: inset 0 -62px 0 #028a88;
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteFooter nav:not(.localNav) {
display: inline-block;
position: relative;
min-height: 340px;
padding: 90px 40px 70px 440px;
text-align: center;
background: #f89828;
color: #fff;
width: 100%; }
.SiteFooter nav:not(.localNav) .footerLeft {
position: absolute;
top: 90px;
left: 40px;
width: 350px;
padding: 20px;
text-align: left; }
.SiteFooter nav:not(.localNav) .footerLeft img {
margin-top: -20px; }
.SiteFooter nav:not(.localNav) .footerLeft .joinNowCTA {
display: block;
background: #03b2b0;
color: #fff;
padding: 10px;
text-transform: uppercase;
text-align: center;
font-size: 16px;
margin: 20px 0;
-webkit-box-shadow: inset 0 0 0 #028a88;
box-shadow: inset 0 0 0 #028a88;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84); }
.SiteFooter nav:not(.localNav) .footerLeft .joinNowCTA:hover {
-webkit-box-shadow: inset 0 -70px 0 #028a88;
box-shadow: inset 0 -70px 0 #028a88;
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteFooter nav:not(.localNav) .footerLeft .joinNowCTA span {
display: block;
font-size: 26px;
font-weight: 700;
letter-spacing: 1px;
padding-bottom: 3px; }
.SiteFooter nav:not(.localNav) .footerTop {
width: calc(100% - 490px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-top: 15px; }
.SiteFooter nav:not(.localNav) .footerTop ul {
width: auto;
line-height: 0;
padding: 0 0.9vw 0 0;
margin: 13px 0;
display: inline-block;
vertical-align: top;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all; }
.SiteFooter nav:not(.localNav) .footerTop ul li a {
text-decoration: none;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.SiteFooter nav:not(.localNav) .footerTop ul li a:hover {
color: #000;
text-decoration: underline; }
@media screen and (max-width: 810px) {
.SiteFooter nav:not(.localNav) .footerTop {
margin-top: 0;
margin-bottom: 30px; }
.SiteFooter nav:not(.localNav) .footerTop li {
padding: 0 !important; } }
.SiteFooter nav:not(.localNav) .footerBottom {
color: #000;
width: calc(100% - 490px);
text-align: right;
font-size: 13px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 2;
position: absolute;
bottom: 70px;
right: 530px;
left: 400px;
width: auto;
pointer-events: none;
vertical-align: bottom; }
.SiteFooter nav:not(.localNav) .footerBottom .socialLinks {
float: right;
vertical-align: bottom; }
.SiteFooter nav:not(.localNav) .footerBottom .socialLink {
pointer-events: auto;
margin: 0 3px;
-webkit-box-shadow: inset 0 0 0 #fff;
box-shadow: inset 0 0 0 #fff;
cursor: pointer;
display: inline-block;
width: 60px;
height: 60px;
text-align: center;
background: #000;
padding: 16px 0;
-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
vertical-align: bottom; }
.SiteFooter nav:not(.localNav) .footerBottom .socialLink:hover {
-webkit-box-shadow: inset 60px 0 0 #fff;
box-shadow: inset 60px 0 0 #fff;
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.SiteFooter nav:not(.localNav) .footerBottom .socialLink img {
max-height: 28px;
width: auto; }
.SiteFooter nav:not(.localNav) .footerBottom .brandSpan {
float: right;
width: 250px;
padding: 10px 0 10px 70px;
cursor: default;
height: 60px;
display: inline-block;
position: relative;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
font-size: 18px;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
text-align: left;
vertical-align: bottom; }
.SiteFooter nav:not(.localNav) .footerBottom .brandSpan img {
max-height: 50px;
width: auto;
position: absolute;
left: 10px;
top: 0; }
.SiteFooter nav:not(.localNav) .footerBottom .copySpan {
float: right;
vertical-align: bottom;
padding-top: 10px; }
.SiteFooter .footerBonus {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 490px;
background: #000;
text-align: center;
padding: 20px 50px;
background-image: url(/Content/images/background_FooterBonus.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.SiteFooter .footerBonus .inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: calc(100% - 100px); }
.SiteFooter .footerBonus strong {
color: #f89828; }
.SiteFooter .footerBonus input {
display: block;
width: 100%;
padding: 0 0.75em;
border-radius: 0.33em;
border: none;
line-height: 2.25em;
margin: 0.5em 0; }
.SiteFooter .footerBonus .accountLinkWrap {
float: left;
text-align: left; }
.SiteFooter .footerBonus .accountLinkWrap .accountLink {
display: block; }
.SiteFooter .footerBonus .accountLink {
color: #f89828;
font-weight: 700;
text-decoration: underline;
float: left;
margin: 0.25em 0;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
clear: both; }
.SiteFooter .footerBonus .accountLink:hover {
color: #04dad8; }
.SiteFooter .footerBonus .accountSubmit {
color: rgba(255, 255, 255, 0.9);
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
background: #f89828;
padding: 0.75em 1.5em;
display: inline-block;
border: none;
float: right;
border-radius: 0.33em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer; }
.SiteFooter .footerBonus .accountSubmit:hover {
background: #ef8508;
color: #fff; }
.SiteFooter .footerBonus .loggedInLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.SiteFooter .footerBonus .loggedInLink img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
height: auto;
width: auto; }
.joinNowContent {
background-color: #03b2b0;
text-transform: uppercase;
width: 270px;
margin: 20px auto;
text-align: center;
padding: 10px;
font-size: 16px;
-webkit-box-shadow: inset 0 0 0 #028a88;
box-shadow: inset 0 0 0 #028a88;
-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
-o-transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84);
transition: box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84), -webkit-box-shadow 200ms cubic-bezier(0.01, 0.295, 0.735, 0.84); }
.joinNowContent:hover {
-webkit-box-shadow: inset 0 -70px 0 #028a88;
box-shadow: inset 0 -70px 0 #028a88;
-webkit-transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
-o-transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195);
transition: box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195), -webkit-box-shadow 120ms cubic-bezier(0.475, 0.055, 0.905, 1.195); }
.joinNowContent a {
display: block;
text-decoration: none;
color: white; }
.joinNowContent .joinNowText {
font-size: 26px;
font-weight: bold; }
.flipCardWrapper h2 {
margin: 1em 0;
color: #f89828; }
.flipCardWrapper p {
margin: 1em auto;
text-align: left;
max-width: 1000px;
padding: 0 1em; }
/*------------------------------------------------------------*/
/*! Animations and collection of Media Queries - 650 */
/*------------------------------------------------------------*/
@-webkit-keyframes thumbScroll {
0% {
opacity: 0; }
30% {
opacity: 0; }
33% {
opacity: 1; }
66% {
opacity: 1; }
70% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes thumbScroll {
0% {
opacity: 0; }
30% {
opacity: 0; }
33% {
opacity: 1; }
66% {
opacity: 1; }
70% {
opacity: 0; }
100% {
opacity: 0; } }
@media (max-width: 1400px) {
.headerSection > img, .headerSection > .headerPreloadWrap img {
max-width: calc(150% + 25px);
margin-left: calc(-50% - 25px); }
.headerSection .headerBasic h2 {
font-size: 32px; }
.headerForm h2 {
font-size: 32px; }
.headerForm {
top: 30%;
width: 640px;
min-width: 0; }
.SiteFooter nav:not(.localNav) .footerLeft {
width: 300px; } }
@media (max-width: 900px) {
.SiteHeader .navHomeLogo {
width: 50%;
background-size: 100%;
left: 40px;
top: 40px;
background-position: center top;
min-width: 240px; }
.studioMapListing {
width: calc(100% - 2.25em); } }
@media (max-width: 1420px) {
#SocialFeed .socialFeedPost:nth-child(2) {
display: none; }
#SocialFeed .socialFeedPost {
width: calc(100% - 2em); } }
@media (max-width: 1350px) {
.studioMapListing {
width: calc((100% / 2) - 2.25em); } }
@media (max-width: 640px) {
.studioMapListing {
height: auto; }
.studioMapListing .studioInfo {
top: 0;
position: static; } }
@media (max-width: 420px) {
.studioMapListing .studioInfo {
font-size: 12px;
line-height: 2; } }
@media (max-width: 1630px) {
.studioListing {
font-size: 14px; } }
@media (max-width: 1430px) {
.studioListing {
width: calc((100% / 2) - 4em); } }
/*-----------------------------------------------------------------------------------------*/
/*! CSS updates SBM. Need to update to SCSS when multiple people aren't using this file */
/*-----------------------------------------------------------------------------------------*/
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
text-align: center;
font-family: "Gotham";
font-weight: bold;
letter-spacing: 0.04em;
font-size: 15px;
padding-left: 33px;
padding-right: 0; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-top: 14px;
padding-bottom: 12px; }
.SiteHeader .localNav li.joinNowCTA a {
padding: 10px 30px; }
.joinNowMain {
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 27px;
text-align: center;
display: block;
width: 100%;
text-transform: uppercase;
margin-bottom: 2px;
letter-spacing: 0.02em;
font-weight: 400; }
.joinNowSecondary {
font-size: 12px;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: center;
width: 100%;
display: block; }
.joinNowSecondary span {
font-weight: bold; }
.SiteHeader .localNav li.joinNowCTA a:hover {
-webkit-box-shadow: inset 0 -63px 0 #028a88;
box-shadow: inset 0 -63px 0 #028a88; }
.locationLinkText {
border-right: 2px solid #e28415;
display: inline-block;
padding-right: 35px; }
.locationScheduleLink .locationLinkText {
border: none; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
float: left;
margin-right: 10px;
position: relative;
left: auto;
top: auto; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-right: 0;
padding-left: 30px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a:hover,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span:hover {
-webkit-box-shadow: inset 0 -63px 0 #e28415;
box-shadow: inset 0 -63px 0 #e28415; }
.SiteHeader .localNav > ul {
right: 0;
left: auto;
width: auto; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a {
width: 100%;
padding: 0;
margin: 0;
height: auto; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a span {
width: 100%;
padding: 10px;
text-align: center;
height: auto; }
.SiteHeader .localNavContact a {
margin: 1px; }
.SiteHeader .localNavContact a .contactLabel {
background: #fff;
width: 173px; }
.SiteHeader .localNavContact a:hover {
right: 172px; }
.locationBannerLink h2 {
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 125px;
top: 50%;
left: 4%;
font-weight: 400; }
.locationBannerLink:hover img {
margin-left: -2%; }
.locationBannerLink:hover h2 {
top: 45%; }
.locationBannerLink.inHomeBlackText h2 {
color: #111; }
.SiteContent {
margin-top: 48px; }
#LocationHeader .locationBanner img {
float: left; }
.SiteHeader.scrolled .localNav {
width: 100%; }
.SiteHeader .localNav {
left: auto;
width: 67%;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease; }
#LocationTeam div h3 {
font-weight: normal;
margin-bottom: 4px;
letter-spacing: 0.02em;
padding-left: 15px;
width: calc(100% - 100px); }
#LocationTeam div h4 {
font-family: Gotham;
font-weight: normal;
letter-spacing: 0.04em;
padding-left: 15px; }
#videosComingSoon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
max-width: 381px; }
.gc_UserLinks__list li a.mindBodyLink {
margin: -3px 0 0 0;
padding: 0; }
@media (max-width: 1820px) {
.locationLinkText {
padding-right: 25px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 23px; }
#MobileApp .imgLeft img {
width: auto; } }
@media (max-width: 1700px) {
.locationLinkText {
padding-right: 14px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 12px; }
.imgLeft,
.imgRight,
.textLeft,
.textRight {
font-size: 0.875rem; } }
@media (max-width: 1600px) {
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
font-size: 14px;
padding-top: 11px;
padding-bottom: 9px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
height: 30px;
width: 30px;
margin-right: 7px; }
#LocationTeam div {
width: calc((100% - 2rem) / 3 - 2rem); }
#LocationTeam div h4 {
font-size: 13px; }
.imgLeft ul li,
.imgRight ul li,
.textLeft ul li,
.textRight ul li {
padding: 0.3em 0 0.3em 2em; }
.locationBannerLink h2 {
font-size: 90px; } }
@media (max-width: 1510px) {
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
font-size: 13px; }
.SiteHeader .localNav li.joinNowCTA a {
padding: 10px 15px; }
#MobileApp .textRight h2 {
margin-top: 0; }
#LocationTeam div h3 {
margin-bottom: 8px; }
#LocationTeam div h4 {
width: calc(100% - 110px); }
.P--OriginStory--Stream #LocationTeam div h4 {
width: 100%; }
.SiteFooter nav:not(.localNav) .footerLeft {
width: 260px; }
.SiteFooter nav:not(.localNav) {
padding: 90px 40px 70px 340px; }
.SiteHeader .localNav > ul {
padding-right: 122px; }
.SiteHeader .navHomeLogo {
width: 522px;
background-size: 374px;
height: 176px; } }
@media (max-width: 1450px) {
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
font-weight: normal; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
height: 25px;
width: 25px;
margin-right: 5px; }
.joinNowMain {
font-size: 21px; }
.joinNowSecondary {
font-size: 11px; }
.SiteHeader .localNav li.joinNowCTA a {
padding: 14px 15px; }
.SiteFooter nav:not(.localNav) .footerBottom {
right: 520px;
left: 330px; } }
@media (max-width: 1400px) {
#LocationHeader .locationView {
width: 420px; }
.SiteHeader .navHomeLogo {
width: 420px;
background-size: 320px;
height: 168px; }
#LocationHeader .locationView img {
max-width: 420px; }
#LocationHeader .locationBanner {
margin-left: 420px; }
.SiteHeader li a {
font-size: 13px;
padding: 17px 12px; }
.SiteHeader .localNavContact a {
padding: 0.5em; }
.SiteHeader .localNavContact a .contactLabel {
font-size: 13px;
padding: 0.85em;
width: 124px; }
.SiteHeader .localNavContact a:hover {
right: 123px; } }
@media (max-width: 1300px) {
#LocationHeader .locationBanner img {
margin-top: 62px; }
.locationBannerLink h2 {
font-size: 70px; }
.SiteFooter .footerBonus {
width: 100%;
top: 0;
height: 350px; }
.SiteFooter nav:not(.localNav) {
padding: 350px 20px 10px 350px; }
.SiteFooter nav:not(.localNav) .footerTop ul li {
display: inline-block;
padding: 0 2em 0 0;
line-height: 1.5;
vertical-align: top; }
.SiteFooter nav:not(.localNav) .footerTop {
width: 100%; }
.SiteFooter nav:not(.localNav) .footerLeft {
top: 360px;
height: 170px;
overflow: hidden; }
.SiteFooter nav:not(.localNav) .footerBottom {
width: 100%; } }
@media (max-width: 1260px) {
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
display: none; }
.SiteHeader .HeaderNav.generalNav li {
margin: 0; }
.SiteHeader li a {
padding: 17px 14px; }
#MobileApp .imgLeft {
width: 35%;
min-width: 0; }
#MobileApp .imgLeft img {
margin-left: -60%; }
#MobileApp .textRight {
width: 65%;
margin-left: 35%;
padding: 90px 35px; } }
@media (max-width: 1100px) {
.joinNowSecondary {
display: none; }
.joinNowMain {
font-size: 16px; }
.SiteHeader .localNav li.joinNowCTA a {
padding: 22px 20px; }
.locationLinkText {
padding-right: 12px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 10px; } }
@media (max-width: 1040px) {
.SiteHeader .localNav li.joinNowCTA a {
padding: 22px 10px; }
.locationLinkText {
padding-right: 10px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 8px; } }
@media (max-width: 1000px) {
#LocationTeam div {
width: calc((100% - 2rem) / 2 - 2rem); }
.SiteHeader .scrolledLogo {
opacity: 1;
width: 48px;
left: 20px; }
.SiteHeader .navHomeLogo {
display: none; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__social {
width: 35px; }
.HeaderNav__list {
margin-left: 90px;
width: calc(100% - 145px); }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li {
float: left;
width: 19.5%; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__social li {
float: left; }
.SiteHeader .localNav {
width: 100%; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span,
.SiteHeader .localNav > ul,
.SiteHeader .localNav > ul li:not(.joinNowCTA),
.SiteHeader .localNav li.joinNowCTA a,
.SiteHeader .localNav,
.SiteHeader .localNav li.joinNowCTA {
height: 50px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
display: inline-block; }
.SiteHeader .localNav > ul {
margin-left: 0; }
.SiteHeader .localNav li.joinNowCTA a:hover {
-webkit-box-shadow: inset 0 -50px 0 #028a88;
box-shadow: inset 0 -50px 0 #028a88; }
.SiteHeader .localNav li.joinNowCTA a {
padding: 18px; }
#LocationHeader .locationBanner img {
margin-top: 50px; }
#LocationHeader .locationBanner {
margin-left: 300px; }
#LocationHeader .locationView {
width: 300px; }
#LocationHeader .locationView img {
max-width: 300px;
bottom: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: auto; }
.SiteHeader .localNavContact {
top: 98px; }
.locationLinkText {
padding-right: 25px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 23px; }
.SiteFooter nav:not(.localNav) .footerTop ul {
margin: 0;
width: 30%;
white-space: nowrap; }
.SiteHeader .localNavContact {
overflow: hidden; }
.SiteHeader .localNavContact a:hover {
right: 0; }
.SiteHeader .gc_UserLinks {
position: absolute;
top: 0;
right: -48px; }
.SiteHeader .HeaderNav.generalNav {
right: 48px;
min-width: calc(100% - 48px); }
.SiteHeader .localNavContact a:hover {
right: 0 !important; } }
@media (max-width: 900px) {
.locationLinkText {
padding-right: 17px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 14px; }
#LocationHeader .locationView img {
bottom: -40px; } }
@media (min-width: 841px) {
.headerForm .formRow .imselectWrap {
width: calc(100% + 300px);
margin-left: -150px; } }
@media (max-width: 840px) {
.P--PersonalTrainingFranchise--Stream .headerSection > img,
.P--PersonalTrainingFranchise--Stream
.headerSection
> .headerPreloadWrap
img {
height: 650px;
width: auto;
max-width: none;
margin-left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.headerForm .formRow .imselectWrap label {
max-width: 30%;
margin-bottom: 3px; }
.P--PersonalTrainingFranchise--Stream .headerForm,
.promo2020 .headerForm {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.headerForm .imselectWrap label.error {
max-width: none; } }
@media (max-width: 810px) {
.locationLinkText {
padding-right: 11px; }
.copySpan {
display: block; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 9px; }
.SiteFooter nav:not(.localNav) .footerLeft {
position: static;
width: 300px;
margin: 0 auto; }
.SiteFooter nav:not(.localNav) {
padding: 360px 10px 10px 10px; }
.SiteFooter nav:not(.localNav) .footerTop ul,
.SiteFooter nav:not(.localNav) .footerTop ul li,
.SiteFooter nav:not(.localNav) .footerTop ul:not(:first-child) {
display: block;
width: 100%;
text-align: center;
padding: 0; }
.copySpan {
text-align: center; }
.SiteFooter nav:not(.localNav) .footerBottom .brandSpan,
.SiteFooter nav:not(.localNav) .footerBottom .socialLinks {
display: block;
margin: 1em auto 0;
text-align: center; }
#SocialFeed > div {
display: block;
width: 100% !important; } }
@media (max-width: 770px) {
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
display: none; }
.locationLinkText {
padding-right: 16px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 14px; }
#LocationHeader .locationView {
width: 230px; }
#LocationHeader .locationView img {
max-width: 230px;
bottom: 0; }
#LocationHeader .locationBanner {
margin-left: 230px; } }
@media (max-width: 700px) {
.locationLinkText {
padding-right: 13px; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a,
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span {
padding-left: 11px; } }
@media (max-width: 660px) {
.P--PersonalTrainingFranchise--Stream .headerForm,
.promo2020 .headerForm {
width: calc(100% - 1em); }
.headerForm .inputWrap,
.headerForm .textAreaWrap {
width: calc(100% - 1em); }
.headerForm .formRow.threeWide .inputWrap {
width: calc(50% - 1em); }
.headerForm .formRow.threeWide .inputWrap:nth-child(3n) {
width: calc(100% - 1em); }
.headerForm .formRow .imselectWrap img {
max-height: 160px; }
.headerForm .g-recaptcha {
margin: 2em -8px 0; }
[id^="FAQ_Drop"] + label + div iframe {
max-width: 100%;
height: auto; } }
@media (max-width: 640px) {
.locationBannerLink {
height: 35vw; }
.headerForm .formRow .imselectWrap img {
max-width: 33vw; }
.headerForm .formRow .imselectWrap label {
max-width: none; }
.P--PersonalTrainingFranchise--Stream .headerSection > img,
.P--PersonalTrainingFranchise--Stream
.headerSection
> .headerPreloadWrap
img {
height: 600px; }
.js-SwipeSpace .sideImage,
.blackContentSection img:not([src*="HangingShoes"]) {
display: block;
max-width: 100%;
margin: 0 auto !important;
height: auto;
float: none !important; }
iframe {
float: none;
max-width: 100%;
height: auto; }
.SiteHeader .HeaderNav.generalNav {
right: 0;
min-width: 100%; }
.SiteHeader .gc_UserLinks {
left: 1px;
right: auto;
top: 99px;
z-index: 4; } }
@media (max-width: 550px) {
.headerForm .formRow .imselectWrap img {
max-height: 135px; }
#FFStep3Cont .formRow .imselectWrap label {
width: calc(50% - 1em);
max-height: 135px;
overflow: hidden;
min-width: 0; }
#FFStep3Cont .formRow .imselectWrap label img {
width: 100%;
max-width: none;
max-height: none; }
.headerForm .imselectWrap label.error {
font-size: 1em;
padding: 0;
margin: -1em; }
.headerSection > img,
.headerSection > .headerPreloadWrap img {
height: 240px;
width: 100%;
max-width: 100%;
margin-left: 0 !important;
-o-object-fit: cover;
object-fit: cover; }
.headerSection > img.unity-banner,
.headerSection > .headerPreloadWrap img.unity-banner {
margin-left: calc(-50% - 145px) !important; }
.headerSection .headerBasic {
width: 100%;
padding: 1em; } }
@media only screen and (max-width: 550px) {
#SignupThankYouPewaukeeBodyID .headerSection > img,
#ThankYouPewaukeeBodyID .headerSection > img {
margin-left: 0 !important;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
max-width: 100%; } }
@media (max-width: 450px) {
.headerForm .formRow.threeWide .inputWrap {
width: calc(100% - 1em); }
.headerForm .formRow .imselectWrap .labelOverlay span {
font-size: 13px; }
.bodyContent {
padding: 0 5px 10px; }
.studioMapListing {
width: calc(100% - 10px); } }
@media (max-width: 500px) {
.SiteHeader .gc_UserLinks {
position: fixed;
top: auto;
bottom: 5px;
left: 0; } }
.blog-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto auto auto;
grid-template-columns: auto auto auto auto;
justify-items: center; }
h1.blog-title {
position: relative; }
h1.blog-title::after {
content: "";
position: absolute;
padding-top: 60px;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
pointer-events: none;
border-image-source: repeating-linear-gradient(-90deg, transparent, transparent 10px, #cacaca 10px, #cacaca 15px);
border-image-slice: 5 5;
border-image-repeat: round;
border-image-width: 0 0 auto 0;
border-bottom: 5px solid transparent; }
.blog-content {
padding-top: 15px; }
.month-container {
background-color: #000;
width: 400px;
height: 400px;
position: relative;
margin: 20px 10px;
float: left;
display: block;
text-decoration: none;
overflow: hidden; }
.month-container .month-head {
text-align: center;
padding: 10px;
background: #000;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px; }
.month-container .month-head h2 {
color: #ef8508;
font-size: 22px;
letter-spacing: 0.2px;
display: inline;
font-weight: bold;
text-transform: uppercase;
font-family: "Gotham", sans-serif; }
.month-container .month-head h3 {
color: #fff;
font-size: 16px;
letter-spacing: 0.2px;
display: inline;
font-family: "Gotham", sans-serif;
position: relative; }
.month-container .month-head img {
position: absolute;
right: 20px;
top: 18%; }
.month-container .fade {
height: 340px;
width: 400px;
text-align: center;
bottom: 0;
position: absolute;
overflow: hidden; }
.month-container .fade:after {
content: "";
background-color: #f89828;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 101;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s; }
.month-container .fade .slick-slide {
height: 350px;
width: 400px; }
.month-container .fade img {
min-height: 340px;
min-width: 400px;
max-width: 550px;
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
-webkit-animation: showMe 3.6s linear infinite 0s forwards;
animation: showMe 3.6s linear infinite 0s forwards;
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.month-container .see-more {
position: absolute;
width: 50%;
margin: auto;
left: 50%;
bottom: -100px;
-webkit-transition: bottom 0.5s;
-o-transition: bottom 0.5s;
transition: bottom 0.5s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 102;
text-align: center;
text-transform: uppercase;
color: #fff;
font-family: "FuturaDemiBold", FuturaPT, Futura, "Hind Siliguri", Helvetica,
sans-serif;
letter-spacing: 0.5px;
background-color: #000;
padding: 15px 0; }
.month-container .fade img:nth-child(1) {
z-index: 9; }
.month-container .fade img:nth-child(2) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
z-index: 8; }
.month-container .fade img:nth-child(3) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
z-index: 7; }
.month-container .fade img:nth-child(4) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
z-index: 6; }
.month-container .fade img:nth-child(5) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
z-index: 5; }
.month-container .fade img:nth-child(6) {
-webkit-animation-delay: 3s;
animation-delay: 3s;
z-index: 4; }
.month-container:hover .fade:after {
opacity: 0.6; }
.month-container:hover .fade img {
-webkit-animation-play-state: running;
animation-play-state: running; }
.month-container:hover .see-more {
bottom: 32%; }
@-webkit-keyframes showMe {
0% {
visibility: visible;
z-index: 100; }
12.5% {
visibility: visible;
z-index: 100; }
25% {
visibility: hidden;
z-index: 0; }
100% {
visibility: hidden;
z-index: 0; } }
@keyframes showMe {
0% {
visibility: visible;
z-index: 100; }
12.5% {
visibility: visible;
z-index: 100; }
25% {
visibility: hidden;
z-index: 0; }
100% {
visibility: hidden;
z-index: 0; } }
@media (max-width: 1780px) {
.month-container {
width: 350px;
height: 350px; }
.month-container .month-head {
height: 74px; }
.month-container .month-head h2 {
font-size: 30px; }
.month-container .month-head h3 {
font-size: 20px;
top: -3px; }
.month-container .month-head img {
top: 12%; }
.month-container .fade {
height: 300px;
width: 350px; }
.month-container .fade .slick-slide {
height: 350px;
width: 350px; }
.month-container .fade img {
min-height: 300px;
min-width: 350px; } }
@media (max-width: 1580px) {
.blog-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto auto;
grid-template-columns: auto auto auto; } }
@media (max-width: 1220px) {
.month-container {
width: 275px;
height: 275px; }
.month-container .month-head {
height: 74px;
padding: 12px 0; }
.month-container .month-head h2 {
font-size: 20px; }
.month-container .month-head h3 {
font-size: 15px;
top: -1px; }
.month-container .month-head img {
top: 12%;
height: 15px; }
.month-container .fade {
height: 225px;
width: 275px; }
.month-container .fade .slick-slide {
width: 275px;
height: 275px; }
.month-container .fade img {
min-height: 225px;
min-width: 275px; } }
@media (max-width: 980px) {
.blog-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto; } }
@media (max-width: 630px) {
.month-container {
width: 95%;
margin: 10px 10px; }
.month-container .month-head {
height: 74px;
padding: 10px 0; }
.month-container .month-head h2 {
display: block;
padding: 0 0 5px 0; }
.month-container .month-head h3 {
display: block;
padding: 0; }
.month-container .month-head img {
top: 20%;
height: 15px;
right: 10px; }
.month-container .fade {
height: 215px;
width: 100%; }
.month-container .fade .slick-slide {
width: 100%;
height: 275px; }
.month-container .fade img {
min-height: 275px;
min-width: 100%; } }
.fade-full {
width: 1000px;
height: 500px;
margin: auto; }
.fade-full div {
width: 100%;
height: 500px;
background-size: cover;
background-position: center; }
.fade-full div img {
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
min-height: 100%; }
@media (max-width: 1200px) {
.fade-full {
width: 800px;
height: 400px; }
.fade-full div {
height: 400px; } }
@media (max-width: 870px) {
.fade-full {
width: 500px;
height: 250px; }
.fade-full div {
height: 250px; } }
@media (max-width: 540px) {
.fade-full {
width: 300px;
height: 200px; }
.fade-full div {
height: 200px; } }
/*!
Changes made to the .css file will be overwritten. To edit styles,
change the .scss file, then use Prepros (https://prepros.io/) or
another SCSS compiler.
*/
.wrap2000header {
display: block; }
.wrap1000header {
display: none; }
@media (max-width: 1000px) {
.wrap2000header {
display: none; }
.wrap1000header {
display: block; } }
.store-cta {
background-color: #f89828;
position: fixed;
display: block;
height: 276px;
width: 58px;
left: 0;
bottom: 10%;
z-index: 2000;
-webkit-transition: background-color 0.3s, width 0.3s;
-o-transition: background-color 0.3s, width 0.3s;
transition: background-color 0.3s, width 0.3s;
max-height: 58px;
overflow: hidden;
-webkit-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s; }
.store-cta:hover {
background-color: #03b2b0;
width: 68px;
max-height: 500px; }
.store-cta:hover .store-icon {
width: 68px; }
.store-cta:hover h3 {
right: -80px; }
.store-cta h3 {
margin: 0;
padding: 0;
color: #fff;
width: 217px;
display: block;
line-height: 58px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
right: -80px;
bottom: 80px;
text-align: center;
letter-spacing: 1px;
font-size: 30px;
-webkit-transition: right 0.5s;
-o-transition: right 0.5s;
transition: right 0.5s;
right: 0; }
.store-cta .store-icon {
background-color: #121218;
width: 58px;
height: 58px;
position: relative;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s; }
.store-cta .store-icon img {
max-width: 100%;
margin: auto;
display: block;
padding-top: 7px; }
#Promo2020BodyID h1 {
color: #000; }
@media screen and (max-width: 840px) {
.promo2020.headerSection > img,
.promo2020.headerSection > .headerPreloadWrap img {
height: 650px;
width: auto;
max-width: none;
margin-left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); } }
@media screen and (max-width: 640px) {
.promo2020.headerSection > img,
.promo2020.headerSection > .headerPreloadWrap img {
height: 600px; } }
.vip-week {
background-image: url("/Content/images/VIPWeekBG.jpg");
background-position: center center;
background-size: cover;
display: block;
width: 100%; }
.vip-week p {
color: #fff;
font-size: 25px;
font-weight: bold;
margin: 0; }
.vip-week .vip-left {
width: 950px;
max-width: 100%;
padding: 100px 5%;
text-align: center; }
.vip-week h4 {
font-size: 35px;
color: #f89828; }
@media screen and (max-width: 1000px) {
.vip-week {
background-image: url("/Content/images/VIPWeekBG1000.jpg");
background-position: center bottom; }
.vip-week .vip-left {
width: 100%; }
.vip-week p {
color: #fff;
font-size: 22px;
font-weight: bold;
margin: 0; }
.vip-week h4 {
font-size: 32px;
color: #f89828; } }
@media screen and (max-width: 740px) {
.vip-week .vip-left {
padding: 40px 5%; } }
body[class*="Promo"] .white-box h2 {
color: #f89828;
font-size: 50px;
letter-spacing: 0; }
.white-box {
background-color: #fff;
display: table;
padding: 20px;
margin: 20px 0;
width: 100%; }
.white-box p {
display: table-cell;
vertical-align: middle;
color: #000;
font-size: 20px;
font-weight: normal;
padding: 0 20px 0 40px; }
.white-box h2 {
display: block;
display: table-cell;
vertical-align: middle;
padding: 0 40px 0 20px;
border-right: dotted 2px #9f9f9f;
width: 240px;
text-transform: uppercase;
letter-spacing: 0; }
@media screen and (max-width: 1000px) {
body[class*="Promo"] .white-box h2 {
font-size: 35px; }
.white-box p {
font-size: 18px; }
.white-box h2 {
width: 200px; } }
@media screen and (max-width: 740px) {
body[class*="Promo"] .white-box h2 {
font-size: 30px; }
.white-box {
padding: 20px 10px; }
.white-box p {
font-size: 16px;
padding: 0 10px 0 20px; }
.white-box h2 {
width: 150px;
padding: 0 20px 0 10px; } }
@media screen and (max-width: 500px) {
body[class*="Promo"] .white-box h2 {
font-size: 25px; }
.white-box {
padding: 20px 10px; }
.white-box p {
font-size: 16px;
padding: 0 10px 0 20px; }
.white-box h2 {
width: 120px;
padding: 0 20px 0 10px; } }
.blk-btn {
background-color: #000;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 17px;
text-align: center;
padding: 15px 0;
width: 300px;
display: inline-block;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s; }
.blk-btn:hover {
opacity: 0.8;
color: #fff; }
.promo-review {
position: relative;
display: table; }
.promo-review .promo-left {
width: 50%;
padding: 40px 5%;
text-align: center;
position: relative;
display: table-cell;
vertical-align: top; }
.promo-review .promo-left .slick-vertical .slick-slide {
height: 350px; }
.promo-review .promo-left .slick-vertical .slick-slide p {
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 25px;
letter-spacing: 0; }
.promo-review .promo-left .slick-vertical .slick-slide h4 {
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 25px;
letter-spacing: 0;
color: #f89828; }
.promo-review .promo-right {
width: 50%;
display: table-cell;
vertical-align: middle;
background-image: url("/Content/images/ReviewVideoCover.jpg");
background-position: left center;
background-size: cover;
width: 100%;
border: solid 40px #fff;
text-align: center;
position: relative; }
.promo-review .promo-right p {
position: absolute;
bottom: 10px;
color: #fff;
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 3vw;
text-decoration: none;
margin: 0;
display: block;
width: 100%;
line-height: 3vh; }
.promo-review .promo-right p span {
color: #f89828;
font-size: 1.5vw; }
.promo-review .promo-right:after {
content: "";
background-color: #ef8508;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0; }
.promo-review .promo-right img {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
z-index: 2; }
.promo-review .promo-right:hover:after {
opacity: 0.3; }
.left-quote {
text-align: left;
position: relative;
left: 0;
display: block; }
.right-quote {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
display: block;
position: absolute;
right: 10%;
top: 330px; }
.promo-review .slick-dotted.slick-slider {
margin-bottom: 30px; }
.promo-review .slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.promo-review .slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.promo-review .slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.promo-review .slick-dots li button:hover,
.promo-review .slick-dots li button:focus {
outline: none; }
.promo-review .slick-dots li button:hover:before,
.promo-review .slick-dots li button:focus:before {
opacity: 1; }
.promo-review .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.promo-review .slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
.promo-review .vertical-dots {
left: -3%;
list-style: none;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-top: -10px;
text-align: right;
color: white; }
.promo-review .vertical-dots li {
position: relative;
width: 20px;
height: 20px;
cursor: pointer; }
.promo-review .vertical-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent; }
.promo-review .vertical-dots li button:hover,
.promo-review .vertical-dots li button:focus {
outline: none; }
.promo-review .vertical-dots li button:hover:before,
.promo-review .vertical-dots li button:focus:before {
opacity: 1; }
.promo-review .vertical-dots li button:before {
font-family: "slick";
font-size: 8px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.5;
color: #cccccc;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.promo-review .vertical-dots li.slick-active button:before {
opacity: 1;
color: #cccccc; }
@media screen and (max-width: 1500px) {
.right-quote {
top: 390px; } }
@media screen and (max-width: 1300px) {
.promo-review {
display: block; }
.promo-review .promo-left {
width: 100%;
display: block; }
.promo-review .promo-left .slick-vertical .slick-slide {
height: 350px; }
.promo-review .promo-left .slick-vertical .slick-slide p {
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 25px;
letter-spacing: 0; }
.promo-review .promo-left .slick-vertical .slick-slide h4 {
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: 25px;
letter-spacing: 0;
color: #f89828; }
.promo-review .promo-right {
width: 100%;
display: block;
position: relative;
height: 650px;
padding: 0; }
.promo-review .promo-right p {
font-size: 5vw;
line-height: 4vw; }
.promo-review .promo-right p span {
font-size: 2.5vw; }
.promo-review .promo-right img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@media screen and (max-width: 700px) {
.promo-review .promo-left .slick-vertical .slick-slide {
height: 290px; }
.promo-review .promo-left .slick-vertical .slick-slide p {
font-size: 20px; }
.promo-review .promo-left .slick-vertical .slick-slide h4 {
font-size: 24px; }
.promo-review .promo-right {
height: 400px; }
.promo-review .promo-right p {
font-size: 6vw;
line-height: 5vw; }
.promo-review .promo-right p span {
font-size: 3vw; }
.left-quote {
height: 50px; }
.right-quote {
height: 50px;
top: 300px; } }
@media screen and (max-width: 500px) {
.promo-review .promo-left .slick-vertical .slick-slide {
height: 290px; }
.promo-review .promo-left .slick-vertical .slick-slide p {
font-size: 18px; }
.promo-review .promo-left .slick-vertical .slick-slide h4 {
font-size: 22px; }
.right-quote {
top: 320px; }
.promo-review .promo-right {
border-width: 20px; }
.promo-review .promo-right p {
font-size: 6vw;
line-height: 5vw; }
.promo-review .promo-right p span {
font-size: 5vw; } }
@media screen and (max-width: 420px) {
.promo-review .promo-left .slick-vertical .slick-slide {
height: 350px; }
.right-quote {
top: 370px; } }
.vidOverlay {
text-align: center !important; }
.basic-btn {
text-align: center;
display: inline-block;
padding: 20px 10px;
width: 350px;
max-width: 100%;
background-color: #03b2b0;
text-decoration: none;
color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: bold;
font-size: 25px;
cursor: pointer;
margin-bottom: 40px; }
.basic-btn:hover, .basic-btn:focus {
background-color: #028a88;
color: #fff; }
.basic-btn.outline {
padding: 15px 10px;
width: 250px;
font-size: 18px;
background-color: transparent;
-webkit-box-shadow: inset 0px 0px 0px 2px #ef8508;
box-shadow: inset 0px 0px 0px 2px #ef8508; }
.basic-btn.outline:hover, .basic-btn.outline:focus {
background-color: #ef8508; }
.basic-btn.outline.black {
-webkit-box-shadow: inset 0px 0px 0px 2px #000;
box-shadow: inset 0px 0px 0px 2px #000;
color: #000; }
.basic-btn.outline.black:hover {
background-color: #000;
color: #fff; }
.basic-btn.thin {
padding: 15px 10px;
margin: 5px 0; }
.basic-btn.white {
color: #000;
background-color: #fff; }
.basic-btn.white:hover {
background-color: #9a9aa3; }
@media screen and (max-width: 1400px) {
.basic-btn {
margin-bottom: 60px; } }
.bodyContent .basic-btn {
color: #fff; }
.bodyContent .basic-btn:hover {
color: #fff; }
.bodyContent .basic-btn.grey {
background-color: #23232f; }
.bodyContent .basic-btn.grey:hover {
background-color: #000; }
.bodyContent .basic-btn.white {
color: #000;
background-color: #fff; }
.bodyContent .basic-btn.white:hover {
background-color: #9a9aa3; }
.bodyContent .basic-btn.white.outline {
background-color: transparent;
-webkit-box-shadow: inset 0px 0px 0px 2px #fff;
box-shadow: inset 0px 0px 0px 2px #fff;
color: #fff; }
.bodyContent .basic-btn.white.outline:hover {
color: #f89828;
background-color: #fff; }
.headerForm button.disabled {
background-color: #1b5f67;
pointer-events: none;
opacity: 0.4; }
.split-pricing {
display: table;
width: 1300px;
max-width: 100%;
position: relative;
margin: 40px auto;
border: solid 1px #c3c3c3; }
.split-pricing h3 {
color: #fff;
font-weight: bold;
font-size: 24px;
background-color: #23232f;
padding: 15px 10px; }
.split-pricing h3.orange {
background-color: #f89828; }
.split-pricing img {
max-width: 100%; }
.split-pricing .cyanCTA {
max-width: 90%;
margin-top: 10px !important;
padding: 1rem 0 !important;
width: 250px !important;
font-size: 20px !important; }
@media screen and (max-width: 1000px) {
.split-pricing .cyanCTA {
font-size: 18px !important;
width: 230px !important; } }
@media screen and (max-width: 800px) {
.split-pricing .cyanCTA {
margin-top: 0px !important; } }
.split-pricing .pricing-item {
display: table-cell;
width: 50%;
text-align: center;
position: relative;
padding-bottom: 30px; }
.split-pricing .pricing-item:first-child:after {
content: "";
border-right: dotted 4px #c3c3c3;
position: absolute;
right: 0;
bottom: 10px;
height: calc(100% - 75px); }
.split-pricing .or-item {
display: block;
position: relative;
margin: 40px auto 25px;
width: 35px;
font-size: 20px;
font-weight: bold;
color: #f89828; }
.split-pricing .or-item:before, .split-pricing .or-item:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: #f9ab50; }
.split-pricing .or-item:before {
top: -10px; }
.split-pricing .or-item:after {
bottom: -10px; }
@media screen and (max-width: 800px) {
.split-pricing {
display: block;
margin: 20px auto; }
.split-pricing .pricing-item {
width: 100%;
display: block; }
.split-pricing .pricing-item:first-child {
padding-bottom: 20px; }
.split-pricing .pricing-item:first-child:after {
display: none; }
.split-pricing .pricing-item:last-child {
padding-top: 20px; } }
@media screen and (max-width: 640px) {
.split-pricing h3 {
padding: 15px 10px !important; } }
.P--OriginStory--Stream .bodyContent {
margin: 0;
padding: 60px 5%; }
@media screen and (max-width: 550px) {
.P--OriginStory--Stream .headerSection img {
width: 100%;
height: auto;
margin-left: 0 !important; } }
@media screen and (max-width: 740px) {
.flip {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); } }
.clearfix:after {
content: " ";
display: block;
line-height: 0;
clear: both; }
.center {
text-align: center; }
.round-profile {
margin: 0 20px !important;
display: inline-block !important; }
@media screen and (min-width: 741px) {
.mobile-only {
display: none; } }
.origin-upper {
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
width: 1000px;
max-width: 90%;
padding: 40px 50px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
text-align: center; }
.origin-upper h1 {
margin: 0; }
.origin-upper h4 {
color: #fff;
margin-bottom: 0;
padding-bottom: 0;
font-size: 18px; }
.origin-upper p {
margin: 0; }
.origin-upper h2 {
color: #f89828;
padding-top: 0;
font-size: 3rem; }
.origin-upper .CTALink {
min-width: 200px; }
@media screen and (max-width: 1000px) {
.origin-upper {
position: relative;
width: 100%;
max-width: 100%;
top: auto;
left: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
padding: 40px 5%;
background-color: #000; }
.origin-upper h2,
.origin-upper h1 {
font-size: 2rem; } }
.P--NoGuessing--Stream h1 {
margin-bottom: 10px; }
.P--Services--Stream .bodyContent,
.ServicesBodyClass .bodyContent,
.P--NoGuessing--Stream .bodyContent {
margin: 0;
padding: 60px 5%; }
.P--Services--Stream .bodyContent h1,
.ServicesBodyClass .bodyContent h1,
.P--NoGuessing--Stream .bodyContent h1 {
margin-top: 0; }
@media screen and (max-width: 1000px) {
.P--Services--Stream .bodyContent,
.ServicesBodyClass .bodyContent,
.P--NoGuessing--Stream .bodyContent {
padding: 40px 5%; } }
@media screen and (max-width: 740px) {
.P--Services--Stream .bodyContent,
.ServicesBodyClass .bodyContent,
.P--NoGuessing--Stream .bodyContent {
padding: 30px 5%; } }
@media screen and (max-width: 550px) {
.P--Services--Stream .headerSection img,
.ServicesBodyClass .headerSection img,
.P--NoGuessing--Stream .headerSection img {
width: auto;
height: 200px;
margin-left: 0 !important; } }
.P--Services--Stream .blackContentSection,
.ServicesBodyClass .blackContentSection,
.P--NoGuessing--Stream .blackContentSection {
background-position: center right;
background-size: cover; }
@media screen and (max-width: 1400px) {
.P--Services--Stream .blackContentSection,
.ServicesBodyClass .blackContentSection,
.P--NoGuessing--Stream .blackContentSection {
background-position-x: calc(100% + 200px); } }
@media screen and (max-width: 1200px) {
.P--Services--Stream .blackContentSection,
.ServicesBodyClass .blackContentSection,
.P--NoGuessing--Stream .blackContentSection {
background-position-x: calc(100% + 400px); }
.P--Services--Stream .blackContentSection .CTATable,
.ServicesBodyClass .blackContentSection .CTATable,
.P--NoGuessing--Stream .blackContentSection .CTATable {
width: 75%; } }
@media screen and (max-width: 850px) {
.P--Services--Stream .blackContentSection,
.ServicesBodyClass .blackContentSection,
.P--NoGuessing--Stream .blackContentSection {
background-position: left center; }
.P--Services--Stream .blackContentSection .CTATable,
.ServicesBodyClass .blackContentSection .CTATable,
.P--NoGuessing--Stream .blackContentSection .CTATable {
width: 100%; } }
@media screen and (max-width: 750px) {
.P--Services--Stream .locationBannerLink,
.ServicesBodyClass .locationBannerLink,
.P--NoGuessing--Stream .locationBannerLink {
height: 24vw; }
.P--Services--Stream .locationBannerLink h2,
.ServicesBodyClass .locationBannerLink h2,
.P--NoGuessing--Stream .locationBannerLink h2 {
font-size: 7vw; } }
@media screen and (max-width: 640px) {
.P--Services--Stream .locationBannerLink,
.ServicesBodyClass .locationBannerLink,
.P--NoGuessing--Stream .locationBannerLink {
width: 50%;
float: left;
height: 35vw; }
.P--Services--Stream .locationBannerLink img,
.ServicesBodyClass .locationBannerLink img,
.P--NoGuessing--Stream .locationBannerLink img {
height: 100%;
width: auto; }
.P--Services--Stream .locationBannerLink h2,
.ServicesBodyClass .locationBannerLink h2,
.P--NoGuessing--Stream .locationBannerLink h2 {
width: 100%;
left: 0;
font-size: 7vw; } }
.blackbg {
background-color: #000;
color: #fff; }
.orangebg {
background-color: #f89828;
color: #fff; }
.banner-content {
width: 870px;
max-width: 90%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: all; }
.banner-content h2 {
margin: 0;
padding: 0;
font-size: 51px; }
.banner-content .basic-btn {
margin: 0; }
@media screen and (max-width: 550px) {
.banner-content h2 {
font-size: 30px; }
.banner-content p {
margin: 10px 0; }
.banner-content .basic-btn {
font-size: 18px;
padding: 15px 10px;
width: 250px; } }
.newto-content {
background-image: url("/Content/images/demasked/GroupContentImage.jpg");
background-position: center top;
background-size: cover;
background-repeat: no-repeat; }
.newto-content .inner-table {
display: table;
width: 50%;
padding-top: 40px; }
.newto-content .inner-table .cell {
display: table-cell;
vertical-align: middle; }
.newto-content .inner-table .cell.left {
width: 200px;
padding-right: 40px;
border-right: dotted 5px #343434; }
.newto-content .inner-table .cell.left h2 {
color: #fff; }
.newto-content .inner-table .cell.right {
width: calc(100% - 200px);
padding-left: 40px;
color: #fff; }
@media screen and (max-width: 1000px) {
.newto-content .inner-table {
width: 60%; }
.newto-content .inner-table .cell.left {
width: 140px;
padding-right: 30px; }
.newto-content .inner-table .cell.right {
width: calc(100% - 140px);
padding-left: 30px; } }
@media screen and (max-width: 640px) {
.newto-content .inner-table .cell.left {
width: 100px;
padding-right: 30px; }
.newto-content .inner-table .cell.right {
width: calc(100% - 100px);
padding-left: 30px; } }
@media screen and (max-width: 400px) {
.newto-content .inner-table {
display: block; }
.newto-content .inner-table .cell {
display: block; }
.newto-content .inner-table .cell.left {
width: 100%;
padding-right: 0px;
border-right: none; }
.newto-content .inner-table .cell.right {
width: 100%;
padding-left: 0px; } }
@media screen and (max-width: 740px) {
.newto-content {
background-image: none;
background-color: #121218; }
.newto-content .inner-table {
padding-top: 0;
width: 100%; } }
.logoBG {
background-image: url("/Content/images/Icons/shoe.png");
background-position: top center;
background-repeat: no-repeat; }
.greyBG {
background-color: #f1f1f1; }
.orange {
color: #f89828; }
h2.orange {
color: #f89828 !important; }
.class-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.class-wrapper .class {
display: inline-block;
width: calc(50% - 20px);
margin: 20px 0;
background-color: #121218;
color: #fff;
font-size: 0; }
.class-wrapper .class img {
width: 100%; }
.class-wrapper .class .inner {
padding: 40px;
text-align: center; }
.class-wrapper .class h2 {
font-size: 34px;
padding: 0; }
.class-wrapper .class p {
font-size: 18px; }
@media screen and (max-width: 1000px) {
.class-wrapper .class {
width: calc(50% - 10px);
margin: 10px 0; }
.class-wrapper .class .inner {
padding: 20px; }
.class-wrapper .class p {
font-size: 16px; } }
@media screen and (max-width: 740px) {
.class-wrapper .class {
width: 100%; } }
.split-table {
display: table;
width: 100%; }
.split-table .cell {
display: table-cell;
width: 50%;
vertical-align: top;
padding: 40px;
text-align: center; }
.split-table .cell h2 {
color: #f89828;
font-size: 52px; }
.split-table .cell h5 {
margin: 2rem auto 0;
padding-bottom: 0; }
.split-table .cell .fullImg {
width: calc(100% + 80px);
margin-left: -40px !important; }
.split-table .cell.blackBG {
background-color: #000;
background-image: url("/Content/images/Services/PersonalTrainingLeft.jpg");
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center;
color: #fff;
padding-bottom: 23vw; }
.split-table .cell.blackBG:nth-child(2) {
background-image: url("/Content/images/Services/PersonalTrainingContent.jpg"); }
@media screen and (max-width: 1200px) {
.split-table .cell {
padding: 20px; }
.split-table .cell .fullImg {
width: calc(100% + 40px);
margin-left: -20px !important; } }
@media screen and (max-width: 1000px) {
.split-table {
display: block; }
.split-table .cell {
display: block;
width: 100%;
padding: 60px 5%; }
.split-table .cell.blackBG {
padding-bottom: 45vw;
padding-top: 0px; } }
.nutr-video {
margin-left: 40px; }
@media screen and (max-width: 1300px) {
.nutr-video {
float: none !important;
margin: 0 auto;
display: block; } }
.quoted-section {
position: relative;
z-index: 3; }
.quoted-section:before, .quoted-section:after {
content: "";
position: absolute;
top: 0;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
height: 24px;
width: 27px; }
.quoted-section:before {
background-image: url("/Content/images/Services/QuoteLeft.png");
left: -35px; }
.quoted-section:after {
background-image: url("/Content/images/Services/QuoteRight.png");
right: -35px; }
@media screen and (max-width: 800px) {
.quoted-section:before {
left: -25px; }
.quoted-section:after {
right: -25px; } }
@media screen and (max-width: 600px) {
.quoted-section:before, .quoted-section:after {
opacity: 0.4;
width: 60px;
height: 60px;
z-index: -1; }
.quoted-section:before {
left: 0px; }
.quoted-section:after {
right: 0px; } }
.extra-top {
padding-top: 40px; }
.image-banner {
line-height: 0;
font-size: 0;
max-width: 100%; }
#NewClientForm .g-recaptcha #g-recaptcha-response-error {
display: block;
margin-block: 8px;
color: red;
font-weight: bold;
text-align: center; }
#ContactWrap {
display: table;
width: 100%; }
#ContactWrap .textLeft {
display: table-cell;
width: 50%;
vertical-align: middle !important; }
@media screen and (min-width: 1401px) {
#ContactWrap .textLeft {
background-image: url(/Content/images/header_Contact.jpg);
background-size: cover;
background-position: left center; }
#ContactWrap .textLeft h2 {
margin-top: 80px; } }
@media screen and (max-width: 1500px) and (min-width: 1401px) {
#ContactWrap .textLeft h2 {
margin-top: 70px; }
#ContactWrap .textLeft .g-recaptcha {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
margin-top: -5px; } }
#ContactWrap .imgRight {
position: relative;
overflow: hidden;
display: table-cell;
width: 50%; }
.split-resolution {
display: table;
width: 100%; }
.split-resolution .cell {
width: 50%;
display: table-cell;
padding: 52px;
vertical-align: top; }
.split-resolution .cell img {
max-width: 100%; }
.split-resolution .cell h2 {
font-size: 38px;
margin: 0 0 20px;
padding: 0; }
.split-resolution .cell p {
margin: 10px 0; }
.split-resolution .cell.logoBG {
background-image: url("/Content/images/backgrounds/CostBG.jpg");
background-size: cover;
background-position: center center; }
.split-resolution .cell.darkBG {
background-color: #23232f;
color: #fff; }
.split-resolution .cell.darkBG h2 {
color: #fff; }
.split-resolution .cell.image-cell {
text-align: center; }
@media screen and (max-width: 1200px) {
.split-resolution {
display: block; }
.split-resolution .cell {
display: block;
width: 100%; }
.split-resolution .cell.image-cell {
padding-top: 0; } }
@media screen and (max-width: 920px) {
.split-resolution .cell {
padding: 22px; } }
@media screen and (max-width: 640px) {
.split-resolution .cell {
padding: 20px; } }
.trainer-wrap {
display: table;
width: 100%;
margin: 20px 0;
background-color: #121218;
color: #fff; }
.trainer-wrap .cell {
position: relative;
display: table-cell;
vertical-align: middle;
padding: 40px; }
.trainer-wrap .cell img {
max-width: 100%; }
.trainer-wrap .cell.img-cell {
width: 30%;
overflow: hidden;
text-align: center;
background-size: cover;
background-position: center center; }
.trainer-wrap .cell.img-cell.greg {
background-image: url("/Content/images/Services/GregSmith.jpg"); }
.trainer-wrap .cell.img-cell.laura {
background-image: url("/Content/images/Services/LauraBrown.jpg"); }
.trainer-wrap .cell.img-cell.michaela {
background-image: url("/Content/images/Services/Michaela.jpg"); }
.trainer-wrap .cell.content-cell {
width: 70%; }
.trainer-wrap .cell ul li {
list-style-position: outside; }
.trainer-wrap .cell h2 {
padding-top: 0;
font-size: 30px;
padding-bottom: 0;
margin-bottom: 20px; }
.trainer-wrap .cell h2 small {
font-weight: normal;
font-family: "Gotham", Montserrat, Avenir, "open sans", sans-serif;
font-size: 18px;
color: #a7a7a7; }
@media screen and (max-width: 1500px) {
.trainer-wrap .cell h2 small {
display: block; } }
.trainer-wrap .cell .basic-btn {
margin-bottom: 0;
width: 270px;
padding: 20px 10px;
font-size: 18px; }
@media screen and (max-width: 1300px) {
.trainer-wrap .cell.img-cell {
width: 40%; }
.trainer-wrap .cell.content-cell {
width: 60%; } }
@media screen and (max-width: 900px) {
.trainer-wrap {
display: block; }
.trainer-wrap .cell {
display: block; }
.trainer-wrap .cell.img-cell {
width: 100%;
padding-bottom: 0; }
.trainer-wrap .cell.img-cell.laura, .trainer-wrap .cell.img-cell.greg, .trainer-wrap .cell.img-cell.michaela {
height: 50vw; }
.trainer-wrap .cell.content-cell {
width: 100%; } }
@media screen and (max-width: 640px) {
.trainer-wrap .cell {
padding: 20px; } }
.service-panels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.service-panels a {
padding-top: 28vw;
position: relative;
display: inline-block;
width: 50%;
overflow: hidden; }
.service-panels a:after {
z-index: 4;
content: "";
position: absolute;
display: block;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.service-panels a span {
position: absolute;
z-index: 20;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 75px;
letter-spacing: 0;
font-weight: bold;
padding: 10px;
white-space: nowrap; }
@media screen and (max-width: 1600px) {
.service-panels a span {
font-size: 65px; } }
@media screen and (max-width: 1400px) {
.service-panels a span {
font-size: 55px; } }
@media screen and (max-width: 1200px) {
.service-panels a span {
font-size: 40px; } }
@media screen and (max-width: 1000px) {
.service-panels a span {
font-size: 30px; } }
@media screen and (max-width: 740px) {
.service-panels a span {
font-size: 24px; } }
@media screen and (max-width: 550px) {
.service-panels a span {
font-size: 4.5vw; } }
@media screen and (max-width: 460px) {
.service-panels a span {
font-size: 6vw; } }
.service-panels a:nth-of-type(1):after {
background-image: url("/Content/images/demasked/personaltraining-tile.jpg"); }
.service-panels a:nth-of-type(1) span {
background-color: rgba(0, 0, 0, 0.85); }
.service-panels a:nth-of-type(2):after {
background-image: url("/Content/images/demasked/smallgroup-tile.jpg"); }
.service-panels a:nth-of-type(2) span {
background-color: rgba(248, 152, 40, 0.85); }
.service-panels a:nth-of-type(3):after {
background-image: url("/Content/images/backgrounds/PanelVirtualTraining.jpg"); }
.service-panels a:nth-of-type(3) span {
background-color: rgba(91, 91, 91, 0.85); }
.service-panels a:nth-of-type(4):after {
background-image: url("/Content/images/demasked/testimonials-tile.jpg"); }
.service-panels a:nth-of-type(4) span {
background-color: rgba(35, 35, 47, 0.85); }
.service-panels a.rates {
width: 100%;
padding-top: 26vw; }
.service-panels a.rates:after {
background-image: url("/Content/images/demasked/LocationRatesBanner.jpg"); }
.service-panels a.rates span {
padding-left: 40px;
padding-right: 40px; }
@media screen and (max-width: 740px) {
.service-panels a.rates {
padding-top: 35vw; }
.service-panels a.rates span {
padding-left: 20px;
padding-right: 20px; } }
.service-panels a:hover:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
@media screen and (max-width: 460px) {
.service-panels a {
width: 100%;
padding-top: 35vw; } }
.headerSection {
background-image: url("/Content/images/demasked/join-banner.jpg");
background-size: cover;
background-position: top center; }
.headerSection button {
display: inline-block;
height: auto !important; }
.headerSection .formRow p {
margin: 0 0 10px; }
.headerSection .headerForm {
position: relative;
padding: 2em;
top: auto;
left: auto;
bottom: auto;
right: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 100%;
max-width: 1000px;
margin: 0 auto; }
@media screen and (max-width: 681px) {
.headerSection .inputWrap .textAreaWrap {
margin: 10px 0 20px;
width: 100%; }
.headerSection textarea {
width: 100%;
margin: 0; } }
@media screen and (max-width: 1000px) {
.headerSection.friendloc-banner {
margin-top: 50px; } }
@media screen and (max-width: 500px) {
.headerSection.friendloc-banner {
margin-top: 110px; } }
@media screen and (max-width: 640px) {
.headerSection.personalTrainer img {
height: 150px;
-o-object-position: center;
object-position: center; } }
@media screen and (min-width: 1001px) {
.headerSection.personalTrainer .origin-upper {
padding: 20px 25px;
width: 740px; } }
@media screen and (max-width: 1000px) {
.headerSection.personalTrainer .origin-upper {
border-bottom: 1px solid #fff; } }
.headerSection.personalTrainer .origin-upper h2 {
padding-bottom: 0; }
.info-label {
position: relative;
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 22px;
letter-spacing: 0;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 10px;
white-space: nowrap; }
.info-label:hover u {
text-decoration: none; }
.info-label img {
position: relative;
display: inline-block;
width: 8px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin: 0 0 0 5px !important;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.info-content {
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.info-toggle {
position: absolute;
left: -300px;
visibility: hidden; }
.info-toggle:checked ~ .info-label img {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
.info-toggle:checked ~ .info-content {
max-height: 700px; }
.fitnessClassesWidget {
position: relative; }
.fitnessClassesWidget .fitnessWidgetScrollmark {
top: -170px !important;
pointer-events: none; }
.morelslider {
margin: 0 40px; }
.morelslider .slick-slide {
margin: 10px !important; }
.morelslider .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer; }
.morelslider .slick-arrow.prevArrow {
left: -40px; }
.morelslider .slick-arrow.nextArrow {
right: -40px; }
.morelinner {
width: 100%;
max-width: 1650px;
margin: 0 auto;
padding-block: 80px; }
@media only screen and (max-width: 480px) {
.morelinner {
padding-block: 50px; } }
.morelinner p {
line-height: 1.6;
margin: 0 0 50px; }
.morelinner h2 {
margin: 0 0 15px;
padding: 0;
font-size: clamp(23px, 1.46vw, 28px); }
.morelinner .buttons-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px; }
.morelinner .buttons-wrap .basic-btn {
margin: 0;
padding: 0;
font-size: clamp(18px, 1.2vw, 23px);
height: 70px;
line-height: 70px;
background: #f89828;
width: 100%;
max-width: 440px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media only screen and (max-width: 640px) {
.morelinner .buttons-wrap .basic-btn {
height: 65px;
line-height: 65px; } }
.morelinner .buttons-wrap .basic-btn:hover {
background: #03b2b0; }
.grey {
color: #a2a2a2; }
.black {
color: #000; }
.caps {
text-transform: uppercase;
margin-bottom: 20px;
font-weight: bold; }
.price-review {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px 0; }
.price-review h2 {
margin: 0;
padding: 0;
line-height: 1; }
.price-review h2 b {
font-weight: inherit; }
.price-review h2 small {
font-size: 25px;
display: block; }
.price-review h2 span {
font-size: 29px;
display: block; }
.price-review .cell {
width: 50%;
display: inline-block; }
.price-review .cell.price-cell {
border: solid 3px #e7e7e7;
border-right: none;
padding: 40px; }
@media screen and (max-width: 1500px) {
.price-review .cell.price-cell {
padding: 20px; } }
@media screen and (max-width: 1000px) {
.price-review .cell.price-cell {
padding: 40px;
border: solid 3px #e7e7e7;
border-bottom: none; } }
@media screen and (max-width: 600px) {
.price-review .cell.price-cell {
padding: 20px; } }
@media screen and (max-width: 1000px) {
.price-review .cell {
width: 100%; } }
.price-review .cell.review-cell {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #f89828;
color: #fff; }
.price-review .cell.review-cell .inner {
position: relative;
width: 40%;
padding: 40px;
vertical-align: middle; }
.price-review .cell.review-cell .inner img {
margin: 0; }
.price-review .cell.review-cell .inner.inner-img {
position: relative;
width: 60%;
overflow: hidden; }
.price-review .cell.review-cell .inner.inner-img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 101%;
height: 101%;
-o-object-fit: cover;
object-fit: cover; }
@media screen and (max-width: 1500px) {
.price-review .cell.review-cell .inner {
padding: 20px; } }
@media screen and (max-width: 1300px) {
.price-review .cell.review-cell .inner {
width: 50%; }
.price-review .cell.review-cell .inner.inner-img {
width: 50%; } }
@media screen and (max-width: 1000px) {
.price-review .cell.review-cell .inner {
padding: 40px; } }
@media screen and (max-width: 600px) {
.price-review .cell.review-cell .inner {
padding: 20px; } }
@media screen and (max-width: 500px) {
.price-review .cell.review-cell .inner {
width: 100%;
display: block;
z-index: 3; }
.price-review .cell.review-cell .inner.inner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0.2; } }
.P--Cost--Stream .bodyContent h1,
.PewaukeeBodyClass .bodyContent h1,
.BrookfieldBodyClass .bodyContent h1,
.FitchburgBodyClass .bodyContent h1,
.MadisonDowntownBodyClass .bodyContent h1,
.ParkRidgeBodyClass .bodyContent h1,
.ChicagoAndersonvilleBodyClass .bodyContent h1,
.MadisonUniversityAveBodyClass .bodyContent h1,
.MadisonWestBodyClass .bodyContent h1,
.SunPrairieBodyClass .bodyContent h1,
.WaunakeeBodyClass .bodyContent h1,
.LakeviewBodyClass .bodyContent h1 {
text-align: center; }
.P--Cost--Stream .bodyContent .basic-btn.orange,
.PewaukeeBodyClass .bodyContent .basic-btn.orange,
.BrookfieldBodyClass .bodyContent .basic-btn.orange,
.FitchburgBodyClass .bodyContent .basic-btn.orange,
.MadisonDowntownBodyClass .bodyContent .basic-btn.orange,
.ParkRidgeBodyClass .bodyContent .basic-btn.orange,
.ChicagoAndersonvilleBodyClass .bodyContent .basic-btn.orange,
.MadisonUniversityAveBodyClass .bodyContent .basic-btn.orange,
.MadisonWestBodyClass .bodyContent .basic-btn.orange,
.SunPrairieBodyClass .bodyContent .basic-btn.orange,
.WaunakeeBodyClass .bodyContent .basic-btn.orange,
.LakeviewBodyClass .bodyContent .basic-btn.orange {
background-color: #f89828;
padding-bottom: 10px; }
.P--Cost--Stream .bodyContent .basic-btn.orange img,
.PewaukeeBodyClass .bodyContent .basic-btn.orange img,
.BrookfieldBodyClass .bodyContent .basic-btn.orange img,
.FitchburgBodyClass .bodyContent .basic-btn.orange img,
.MadisonDowntownBodyClass .bodyContent .basic-btn.orange img,
.ParkRidgeBodyClass .bodyContent .basic-btn.orange img,
.ChicagoAndersonvilleBodyClass .bodyContent .basic-btn.orange img,
.MadisonUniversityAveBodyClass .bodyContent .basic-btn.orange img,
.MadisonWestBodyClass .bodyContent .basic-btn.orange img,
.SunPrairieBodyClass .bodyContent .basic-btn.orange img,
.WaunakeeBodyClass .bodyContent .basic-btn.orange img,
.LakeviewBodyClass .bodyContent .basic-btn.orange img {
-webkit-filter: grayscale(1) brightness(200%);
filter: grayscale(1) brightness(200%);
display: inline-block;
vertical-align: middle;
height: 35px;
margin: 0;
position: relative;
top: -3px; }
.P--Cost--Stream .bodyContent .basic-btn.orange:hover,
.PewaukeeBodyClass .bodyContent .basic-btn.orange:hover,
.BrookfieldBodyClass .bodyContent .basic-btn.orange:hover,
.FitchburgBodyClass .bodyContent .basic-btn.orange:hover,
.MadisonDowntownBodyClass .bodyContent .basic-btn.orange:hover,
.ParkRidgeBodyClass .bodyContent .basic-btn.orange:hover,
.ChicagoAndersonvilleBodyClass .bodyContent .basic-btn.orange:hover,
.MadisonUniversityAveBodyClass .bodyContent .basic-btn.orange:hover,
.MadisonWestBodyClass .bodyContent .basic-btn.orange:hover,
.SunPrairieBodyClass .bodyContent .basic-btn.orange:hover,
.WaunakeeBodyClass .bodyContent .basic-btn.orange:hover,
.LakeviewBodyClass .bodyContent .basic-btn.orange:hover {
background-color: #ef8508; }
@media screen and (min-width: 1701px) {
.review-item.mobile-only {
display: none !important; } }
.custom-package.orangeBG {
color: #fff;
padding: 40px;
margin: 40px 0; }
.custom-package.orangeBG h2 {
color: #fff;
margin-top: 0; }
@media screen and (max-width: 640px) {
.custom-package.orangeBG {
padding: 20px; } }
#GrandOpeningBodyID h1 {
text-align: center; }
.reviews-contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 2000px;
margin: 3% auto 0 auto; }
.reviews-contain .review-item {
width: calc(33.33% - 10px);
margin: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media screen and (max-width: 1700px) {
.reviews-contain .review-item {
width: calc(50% - 10px); } }
@media screen and (max-width: 1200px) {
.reviews-contain .review-item {
width: calc(50% - 6px);
margin: 3px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.reviews-contain .review-item .review-content {
width: 50%;
background: black;
color: white;
padding: 30px; }
@media screen and (max-width: 1200px) {
.reviews-contain .review-item .review-content {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
@media screen and (max-width: 767px) {
.reviews-contain .review-item .review-content {
padding: 20px; } }
@media screen and (max-width: 600px) {
.reviews-contain .review-item .review-content {
padding: 15px; } }
.reviews-contain .review-item .review-content img {
margin: 0 0 10px 0; }
@media screen and (max-width: 600px) {
.reviews-contain .review-item .review-content img {
max-width: 16px; } }
.reviews-contain .review-item .review-content p {
margin: 0;
padding: 0;
line-height: 1.3;
font-size: 18px;
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif; }
@media screen and (max-width: 600px) {
.reviews-contain .review-item .review-content p {
font-size: 16px; } }
@media screen and (min-width: 601px) {
.reviews-contain .review-item .review-content p.quote-mob {
display: none; } }
@media screen and (max-width: 600px) {
.reviews-contain .review-item .review-content p.quote-full {
display: none; } }
.reviews-contain .review-item .review-content p.name {
color: #f89728; }
.reviews-contain .review-item .review-content .read-more {
color: #f89728; }
.reviews-contain .review-item .review-img {
background-position: center;
background-size: cover;
width: 50%; }
@media screen and (max-width: 1200px) {
.reviews-contain .review-item .review-img {
width: 100%;
padding-bottom: 55%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
h3.read-more-reviews {
color: #f89728;
border-bottom: 2px solid #f89728;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
margin-top: 2%;
cursor: pointer;
padding: 7px 0; }
h3.read-more-reviews .plus {
width: 20px;
height: 20px;
position: relative; }
h3.read-more-reviews .plus.active::after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg); }
h3.read-more-reviews .plus::after, h3.read-more-reviews .plus::before {
content: "";
position: absolute;
background: #f89728;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
width: 4px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
h3.read-more-reviews .plus::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg); }
.reviewsWrapper {
display: none; }
.locationPricing-textCenter {
text-align: center; }
.locationPricing-textCenter h5 {
margin-left: auto;
margin-right: auto; }
.locationPricing-textCenter h5 span,
.locationPricing-textCenter h5 a {
float: none; }
.locationPricing-textCenter h5 a {
display: block;
width: 100%;
max-width: 350px;
margin-left: auto;
margin-right: auto; }
.PewaukeeBodyClass h1,
.BrookfieldBodyClass h1 {
text-align: center; }
.big-ol {
padding: 0;
margin: 10px 0; }
.big-ol li {
position: relative;
counter-increment: counter;
list-style: none;
margin: 30px 0;
padding-left: 70px; }
.big-ol li:before {
content: "";
position: absolute;
display: block;
left: 0px;
top: -4px;
background-color: #000;
width: 50px;
height: 50px;
border-radius: 100%; }
.big-ol li:after {
content: counter(counter) ".";
position: absolute;
font-size: 30px;
color: #fff;
width: 50px;
text-align: center;
top: 2px;
left: 1px;
font-weight: bold; }
@media screen and (max-width: 460px) {
.big-ol li {
padding-left: 40px; }
.big-ol li:before {
width: 30px;
height: 30px;
top: -2px; }
.big-ol li:after {
width: 30px;
font-size: 15px;
top: 4px; } }
.big-ol h2 {
font-size: 30px;
margin: 0;
padding: 0; }
.bodyContent .share-btn {
display: inline-block;
width: 180px;
padding: 5px 10px;
border-radius: 5px;
background-color: #000;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
margin: 5px 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.bodyContent .share-btn strong {
display: inline-block;
vertical-align: middle; }
.bodyContent .share-btn img {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
padding-right: 10px;
margin-right: 10px;
border-right: solid 2px #000; }
.bodyContent .share-btn:hover {
color: #fff;
background-color: #121218; }
.bodyContent .share-btn.facebook {
background-color: #465993; }
.bodyContent .share-btn.facebook img {
border-color: #364678; }
.bodyContent .share-btn.facebook:hover {
background-color: #121218; }
.bodyContent .share-btn.twitter {
background-color: #00a2f5; }
.bodyContent .share-btn.twitter img {
border-color: #088bd5; }
.bodyContent .share-btn.twitter:hover {
background-color: #121218; }
.bodyContent .share-btn.email {
background-color: #0f3e56; }
.bodyContent .share-btn.email img {
border-color: #124864; }
.bodyContent .share-btn.email:hover {
background-color: #121218; }
@media screen and (max-width: 640px) {
.bodyContent .share-btn {
display: block;
margin: 5px auto;
width: 250px;
max-width: 100%; } }
.bringfriend-video {
position: relative;
display: block;
overflow: hidden;
float: right;
width: 590px;
height: 590px;
margin: 0 0 30px 30px;
background-image: url("/Content/images/backgrounds/BringFriendVidOL.jpg");
background-size: cover;
background-position: center center;
cursor: pointer;
z-index: 10; }
.bringfriend-video img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.bringfriend-video:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
-ms-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1); }
@media screen and (max-width: 1300px) {
.bringfriend-video {
width: 420px;
height: 420px; } }
@media screen and (max-width: 1100px) {
.bringfriend-video {
float: none;
margin: 0px auto 20px; } }
@media screen and (max-width: 460px) {
.bringfriend-video {
margin: 0 auto 20px;
width: 100%;
height: 90vw; } }
.bringfriend-video.not-floated {
float: none;
margin: 20px auto 20px;
width: 590px;
height: 590px;
max-width: 100%;
max-height: 90vw; }
.summerBanner {
background-image: url("/Content/images/banners/SummerPassBG.jpg");
background-size: cover;
background-position: center center;
text-align: center;
padding: 120px 50px 50px; }
.summerBanner img {
max-width: 100%; }
.summerBanner h1 {
margin: 20px 0 0;
color: #fff;
font-size: 66px;
letter-spacing: 0.6px; }
@media screen and (max-width: 1000px) {
.summerBanner {
padding: 50px; }
.summerBanner h1 {
margin-top: 0px; } }
@media screen and (max-width: 640px) {
.summerBanner {
padding: 30px 20px; }
.summerBanner h1 {
font-size: clamp(20px, 10vw, 50px); } }
.summerBlueBG {
background-color: #133f62;
color: #fff;
padding: 20px 50px 0px; }
.summerBlueBG p {
color: #fff; }
.summerBlueBG h2 {
color: #13bacc;
font-size: 66px;
letter-spacing: 0.6px;
margin: 0;
padding: 0;
line-height: 1.1; }
.summerBlueBG h2 small {
color: #f89828;
font-size: 46px;
display: block; }
@media screen and (max-width: 1000px) {
.summerBlueBG h2 {
font-size: 55px; }
.summerBlueBG h2 small {
font-size: 40px; } }
@media screen and (max-width: 640px) {
.summerBlueBG {
padding: 20px; }
.summerBlueBG h2 {
font-size: clamp(20px, 9vw, 50px); }
.summerBlueBG h2 small {
font-size: clamp(16px, 8vw, 35px); } }
.summerEvents {
padding: 20px 50px 25px;
background-color: #092f30; }
.summerEvents h2 {
color: #f89828;
text-align: center;
text-transform: uppercase;
font-size: 55px;
padding: 0;
margin-bottom: 10px; }
@media screen and (max-width: 1000px) {
.summerEvents {
padding: 20px; }
.summerEvents h2 {
font-size: clamp(20px, 9vw, 50px); } }
.event-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px; }
.event-wrap > article {
position: relative;
width: calc((100% / 3) - 20px);
overflow: hidden;
border-radius: 10px;
background-color: #fff;
margin: 10px; }
.event-wrap > article .img-wrap {
font-size: 0; }
.event-wrap > article .img-wrap img {
width: 100%; }
.event-wrap > article h3 {
font-size: 22px;
margin: 0;
padding: 0;
text-transform: uppercase;
color: #f89828; }
.event-wrap > article h4 {
font-size: 20px;
color: #000;
margin: 0;
padding: 0;
padding-bottom: 10px; }
.event-wrap > article p {
margin: 10px 0;
color: #838383; }
.event-wrap > article .js-box {
padding: 20px 20px 50px; }
.event-wrap > article .js-box.active .js-heading:before {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
.event-wrap > article .js-heading {
position: absolute;
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
display: block;
color: #f89828;
padding: 10px 0 0 20px;
border-top: solid 2px #d7d7d7;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.2px;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.event-wrap > article .js-heading:hover {
color: #13bacc; }
.event-wrap > article .js-heading:hover:after, .event-wrap > article .js-heading:hover:before {
background-color: #13bacc; }
.event-wrap > article .js-heading:after, .event-wrap > article .js-heading:before {
content: "";
position: absolute;
display: block;
top: 18px;
left: 0;
width: 12px;
height: 3px;
background-color: #f89828;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.event-wrap > article .js-heading:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.event-wrap > article .js-content {
padding-bottom: 10px; }
@media screen and (max-width: 1200px) {
.event-wrap > article {
width: calc(50% - 20px); }
.event-wrap > article h3 {
font-size: 20px; }
.event-wrap > article h4 {
font-size: 18px; } }
@media screen and (max-width: 640px) {
.event-wrap > article {
width: 100%;
margin: 10px 0; }
.event-wrap > article h3 {
font-size: 20px; }
.event-wrap > article h4 {
font-size: 18px; } }
.contactButton {
text-align: center;
z-index: 100;
padding-top: 10px;
padding-bottom: 20px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.contactButton .basic-btn {
background-color: #ff4f93;
padding-top: 5px;
padding-bottom: 7px; }
.contactButton .basic-btn:hover {
background-color: #13bacc; }
.contactButton .basic-btn small {
display: block; }
.contactButton.im_sticky {
padding-bottom: 10px; }
.hc-logo-link {
display: block;
text-decoration: none;
position: absolute;
top: 70px;
right: 10px;
z-index: 99; }
@media only screen and (max-width: 800px) {
.hc-logo-link {
top: 10px; } }
.hc-logo-link img {
display: block;
width: 100%;
max-width: 100px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media only screen and (max-width: 800px) {
.hc-logo-link img {
max-width: 70px; } }
.hc-logo-link:hover img {
opacity: 0.7; }
/* thank you content ________________
___________________________________*/
.thankYou-content {
display: block;
text-align: center;
width: 100%;
max-width: 640px;
margin: 10vw auto 5vw;
background: rgba(0, 0, 0, 0.7);
padding: 50px 60px;
color: #fff; }
@media only screen and (max-width: 1000px) {
.thankYou-content {
margin: 0;
max-width: 100%;
padding: 50px 30px; } }
@media only screen and (max-width: 640px) {
.thankYou-content {
padding: 50px 20px; } }
.thankYou-content h1 {
color: #fff;
margin-top: 0;
font-size: clamp(35px, 2.5vw, 48px); }
.thankYou-content p {
margin-bottom: 35px; }
.iframe-scheduleWrapper {
width: 100%;
max-width: 740px;
margin: 0 auto; }
.iframe-scheduleWrapper h3 {
text-align: center;
font-size: 30px; }
#SignupThankYouPewaukeeBodyID .headerSection > img {
display: block;
width: 100%;
max-width: 100%;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
margin-left: 0 !important; }
/* Corporate Habits Page _______________
_______________________________________*/
.programSection .intro-section {
text-align: center;
width: 100%;
max-width: 1700px;
margin-inline: auto;
margin-bottom: 30px; }
.programSection .intro-section p {
margin-top: 0; }
@media only screen and (min-width: 2001px) {
.programSection .bioGrid.grid-4 {
width: 100%;
max-width: 1700px;
margin-inline: auto; } }
@media only screen and (min-width: 901px) {
.programSection .bioGrid.grid-4 a {
width: calc(100% / 4); } }
/* Thank you page styling _______________
_______________________________________*/
.contact-FooterBanner {
display: block;
width: 100%;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover; }
.thankYouBody {
position: relative;
margin-bottom: 0; }
.thankYouBody .inner-content {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-block: 50px 70px; }
@media only screen and (max-width: 640px) {
.thankYouBody .inner-content {
padding-block: 30px 40px; } }
.thankYouBody h1 {
display: block;
magin: 0;
color: #fff;
font-size: clamp(35px, 3.39vw, 65px) !important;
font-weight: bold;
margin: 0 0 60px;
font-family: "FuturaDemiBold", FuturaPT, Futura, "Hind Siliguri", Helvetica, sans-serif; }
@media only screen and (max-width: 640px) {
.thankYouBody h1 {
margin-bottom: 35px; } }
.thankYouBody h2 {
display: block;
color: #fff;
font-family: "FuturaDemiBold", FuturaPT, Futura, Spartan, Tempo, Vogue, sans-serif;
font-size: clamp(25px, 2.08vw, 40px) !important;
background: #22222f;
padding: 5px 25px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 auto 15px; }
.thankYouBody p + h2 {
margin-top: 60px; }
.thankYouBody p {
color: #fff;
font-weight: 600;
font-size: clamp(18px, 1.04vw, 20px);
margin: 0 0 25px;
line-height: 1.5; }
.thankYouBody .icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.thankYouBody .icon-wrap img {
display: block;
margin: auto;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain; }
@media only screen and (max-width: 640px) {
.thankYouBody .icon-wrap img {
max-height: 65px; } }
.LincolnParkBodyClass h1 {
text-align: center; }
@media only screen and (min-width: 641px) {
.SiteFooter .localNav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
#HomepageVidGap{height:calc(100vh - 48px);}
.studioListing .locationLink img{top:0;transform:translate(-50%, 0);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.contentWrapper{max-width:1700px;margin:0 auto;}
h2.centralHead{padding:30px 0;}
.studioListing .locationLink img{max-width:559px;}
.studioListing .studioInfo{padding:1em 2em;}
.studioListing .studioInfo h2{padding:0;margin-bottom:10px;}
.studioListing .studioInfo h2 a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.studioListing .studioInfo svg{margin-right:10px;}
.studioPhone a{text-decoration:none;}
.studioPhone a:hover{color:#F89828;}
.studioListing .studioInfo h2 a:hover{color:#F89828;}
.studioListing .studioInfo p{margin:5px 0;font-size:15px;}
.studioListing{width:32%;margin:5px;}
.studioListing .locationLink:hover img{opacity:0.7;}
#NearestStudio em{background:#9adb2c;}
#NearestStudio .nearestLink{margin:0 0 0 6px;}
#ZipSuit .imgRight img{float:right;}
#ZipSuit .textLeft h2{font-size:8vw;margin-top:6%;}
.getStartedButtons h3{font-weight:normal;letter-spacing:0.01em;}
#ZipSuit .getStartedButtons a{width:48%;margin:0 4% 0 0;font-size:20px;padding:15px 8px;float:left;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;text-decoration:none;}
#ZipSuit .getStartedButtons a.joinNowLink{margin-right:0;}
#ZipSuit .getStartedButtons a:hover{background:#F89828;}
#ZipSuit .textLeft h4{font-size:5vw;}
#SocialFeed > div .feedLogo{right:auto;left:15px;top:15px;}
#SocialFeed #FacebookSocialFeed{background:url(/Content/images/feedFacebookLogo.jpg) top left no-repeat #3B5999;}
#SocialFeed #TwitterSocialFeed{background:url(/Content/images/feedTwitterLogo.jpg) top left no-repeat #00ACEE;}
#SocialFeed #InstagramSocialFeed{background:url(/Content/images/feedInstagramLogo.jpg) top left no-repeat #3E729A;}
#SocialFeed > div{width:32%;margin:5px;padding-top:calc(1rem + 70px);}
#SocialFeed{margin:30px 0;}
.socialFeedPost{margin:0 1%;width:48%;}
.socialFeedPost .userInfo{font-size:13px;}
.socialFeedPost .postText{font-size:12px;padding:13px;}
.socialFeedPost .postPermalink{font-size:12px;font-weight:bold;margin-right:5px;}
.bodyContent a{color:#F89828;}
.bodyContent a:hover{color:#23232F;}
@media (max-width:1500px){.studioListing .studioInfo p{font-size:13px;margin:3px 0;}
#ZipSuit .textLeft h2{line-height:1;}
#ZipSuit .getStartedButtons a{font-size:16px;}
.socialFeedPost .postText{margin-top:10px;}
}
@media (max-width:1400px){.studioListing .studioInfo p{font-weight:normal;letter-spacing:0.02em;margin:0;}
#HomepageVidGap{height:51vw;}
#ZipSuit .textLeft h2{font-size:7.5vw;}
}
@media (max-width:1240px){#ZipSuit .getStartedButtons{width:86%;}
.studioListing{width:44%;}
.studioListing .locationLink{height:10vw;}
#ZipSuit .textLeft h2{font-size:7vw;margin-top:5%;}
#ZipSuit .textLeft h4{font-size:4.5vw;}
#NearestStudio{font-size:15px;}
#SocialFeed > div{padding:15px 0px 15px 71px;}
h2.centralHead{font-size:40px;}
}
@media (max-width:1100px){#ZipSuit .textLeft h2{font-size:6vw;}
#ZipSuit .getStartedButtons a{font-size:14px;}
.socialFeedPost .postText{margin-top:0;}
}
@media (max-width:1000px){h2.centralHead{font-size:40px;}
.studioListing .studioInfo h2{font-size:2em;}
#ZipSuit .textLeft{width:100%;padding:20px;}
#ZipSuit .imgRight{width:100%;}
#ZipSuit .textLeft h2{font-size:10vw;}
#ZipSuit .textLeft h4{font-size:9vw;margin-bottom:50px;}
.getStartedButtons h3{font-size:5.5vw;}
#ZipSuit{background:#000 url(/Content/images/background_ShoeFade.png) no-repeat top -250px center;}
#ZipSuit .imgRight img{margin-top:-4vw;}
#SocialFeed > div{padding:88px 0px 15px 0px;}
}
@media (max-width:640px){.studioListing .locationLink img{top:0;}
}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{text-align:center;font-family:'Gotham';font-weight:bold;letter-spacing:0.04em;font-size:15px;padding-left:33px;padding-right:0;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-top:14px;padding-bottom:12px;}
.SiteHeader .localNav li.joinNowCTA a{padding:10px 30px;}
.joinNowMain{font-family:'FuturaDemiBold';font-size:27px;text-align:center;display:block;width:100%;text-transform:uppercase;margin-bottom:2px;letter-spacing:0.02em;}
.joinNowSecondary{font-size:12px;letter-spacing:0.04em;text-transform:uppercase;text-align:center;width:100%;display:block;}
.joinNowSecondary span{font-weight:bold;}
.SiteHeader .localNav li.joinNowCTA a:hover{box-shadow:inset 0 -63px 0 #028a88;}
.locationLinkText{border-right:2px solid #e28415;display:inline-block;padding-right:35px;}
.locationScheduleLink .locationLinkText{border:none;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg{float:left;margin-right:10px;position:relative;left:auto;top:auto;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-right:0;padding-left:30px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a:hover, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span:hover{box-shadow:inset 0 -63px 0 #e28415;}
.SiteHeader .localNav > ul{right:0;left:auto;width:auto;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul a, .SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a{width:100%;padding:0;margin:0;height:auto;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a span{width:100%;padding:10px;text-align:center;height:auto;}
.SiteHeader .localNavContact a{margin:1px;}
.SiteHeader .localNavContact a .contactLabel{background:#FFF;width:173px;}
.SiteHeader .localNavContact a:hover{right:172px;}
.locationBannerLink h2{font-family:'FuturaDemiBold';font-size:125px;top:50%;left:4%;}
.locationBannerLink:hover img{margin-left:-2%;}
.locationBannerLink:hover h2{top:45%;}
.locationBannerLink.inHomeBlackText h2{color:#111;}
.SiteContent{margin-top:48px;}
#LocationHeader .locationBanner img{float:left;}
.SiteHeader.scrolled .localNav{width:100%;}
.SiteHeader .localNav{left:auto;width:67%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#LocationTeam div h3{font-weight:normal;margin-bottom:4px;letter-spacing:0.02em;padding-left:15px;width:calc(100% - 100px);}
#LocationTeam div h4{font-family:Gotham;font-weight:normal;letter-spacing:0.04em;padding-left:15px;}
#videosComingSoon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;max-width:381px;}
.locationBanner-Mob{display:none;}
#mobileHeaderLogo{display:none;}
#joinNowMobileLink{display:none;}
#mobileAppBGMob{display:none;}
.SiteHeader .HeaderNav.generalNav .HeaderNav__social li a:hover{opacity:0.6;box-shadow:none;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#menuTL{display:none;height:48px;position:absolute;right:110px;margin-top:0;width:48px;z-index:6;}
#nav-toggle{float:left;width:100%;cursor:pointer;}
.contain{background:#222;display:block;height:48px;position:relative;}
.contain:hover{background:#F89828;}
#menuTL.clicked .contain{background:#222;}
#nav-toggle .menuX, #nav-toggle .menuX::before, #nav-toggle .menuX::after{background:#fff;border-radius:3px;content:"";display:block;height:3px;left:14px;position:absolute;top:22px;width:21px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#nav-toggle .menuX:before{left:0;top:-7px;}
#nav-toggle .menuX::after{top:7px;left:0px;}
#nav-toggle.active .menuX{background:transparent;}
#nav-toggle.active .menuX::before{top:0;-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);background:red;}
#nav-toggle.active .menuX::after{top:10px;-ms-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg);-webkit-transform:translateY(-10px) rotate(-45deg);background:red;}
#nav-toggle #textMenu, #nav-toggle #textClose{color:#fff;font-size:12px;left:12%;letter-spacing:1px;margin-top:0;position:absolute;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#nav-toggle #textMenu{opacity:1;}
#nav-toggle #textClose{letter-spacing:1px;opacity:0;}
#nav-toggle:hover #textMenu, #nav-toggle:active #textMenu{color:#FDFFFC;}
.clicked #nav-toggle #textMenu{opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.clicked #nav-toggle #textClose{opacity:1;color:#FFF2AD;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#AppBodyID .bodyContent h1{text-align:center;}
.headerForm.mobileAppLinks{font-size:16px;letter-spacing:0.04em;font-weight:bold;}
.headerForm h2{padding-bottom:0;}
.iosDownloadLink{margin-top:20px;}
.mobileAppInfoGraphicWrap{width:100%;text-align:center;}
.bodyContent img.appIG2000{display:inline-block;width:100%;max-width:2000px;}
.bodyContent img.appIG1000{display:none;width:100%;max-width:1000px;}
.bodyContent img.appIG640{display:none;width:100%;max-width:640px;}
.bodyContent img.appIG330{display:none;width:100%;max-width:330px;}
.footBannerMob{display:none;}
@media (max-width:1400px){.headerSection .androidDownloadLink img, .headerSection .iosDownloadLink img{max-width:100%;margin-left:auto;}
.headerSection img{margin-left:calc(-25% - 25px);}
.headerForm h2{font-size:2.5rem;}
}
@media (max-width:1300px){.bodyContent img.appIG2000{display:none;}.bodyContent img.appIG1000{display:inline-block;}}
@media (max-width:1200px){.headerForm{top:25%;}}
@media (max-width:1000px){#AppBodyID .headerForm{top:10%;width:90%;}
.footBanner{display:none;}
.footBannerMob{display:block;width:100%;height:auto;margin:0 auto -4px;}
.bodyContent h2, .bodyContent h1{font-size:2rem;}
.bodyContent{font-size:14px;}
#AppBodyID .headerSection{background:url(/Content/images/header_MobileApp1000.jpg) top center no-repeat;min-height:420px;}
#AppBodyID .headerSection img.topOrgBannerImg{display:none;}
}
@media (max-width:900px){.bodyContent img.appIG1000{display:none;}.bodyContent img.appIG640{display:inline-block;}}
@media (max-width:600px){.bodyContent img.appIG640{display:none;}
.bodyContent img.appIG330{display:inline-block;}
.androidDownloadLink span, .iosDownloadLink span{width:120px;font-size:13px;padding-top:14px;}
.androidDownloadLink, .iosDownloadLink{padding:0;}
.headerSection .androidDownloadLink img, .headerSection .iosDownloadLink img{float:right;}
.bodyContent{font-size:13px;}
.bodyContent h2, .bodyContent h1{font-size:1.5rem;}
.headerForm.mobileAppLinks{font-size:15px;}
.androidDownloadLink span, .iosDownloadLink span{display:none;}
.androidDownloadLink img, .iosDownloadLink img{max-height:74px;}
.androidDownloadLink, .iosDownloadLink{border:none;height:auto;overflow:auto;}
#AppBodyID .headerForm{top:4%;}
}
@media (max-width:1820px){.locationLinkText{padding-right:25px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:23px;}
#MobileApp .imgLeft img{width:auto;}
}
@media (max-width:1700px){.locationLinkText{padding-right:14px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:12px;}
.imgLeft, .imgRight, .textLeft, .textRight{font-size:0.875rem;}
}
@media (max-width:1600px){.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{font-size:14px;padding-top:11px;padding-bottom:9px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg{height:30px;width:30px;margin-right:7px;}
#LocationTeam div{width:calc((100% - 2rem)/3 - 2rem);}
#LocationTeam div h4{font-size:13px;}
.imgLeft ul li, .imgRight ul li, .textLeft ul li, .textRight ul li{padding:0.3em 0 0.3em 2em;}
.locationBannerLink h2{font-size:90px;}
}
@media (max-width:1510px){.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{font-size:13px;}
.SiteHeader .localNav li.joinNowCTA a{padding:10px 15px;}
#MobileApp .textRight h2{margin-top:0;}
#LocationTeam div h3{margin-bottom:8px;}
#LocationTeam div h4{width:calc(100% - 110px);}
}
@media (max-width:1450px){.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{font-weight:normal;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg{height:25px;width:25px;margin-right:5px;}
.joinNowMain{font-size:21px;}
.joinNowSecondary{font-size:11px;}
.SiteHeader .localNav li.joinNowCTA a{padding:10px 15px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a span{font-size:12px;}
}
@media (max-width:1400px){#LocationHeader .locationView{width:420px;}
.SiteHeader .navHomeLogo{width:420px;background-size:320px;height:168px;}
#LocationHeader .locationView img{max-width:420px;}
#LocationHeader .locationBanner{margin-left:420px;}
.SiteHeader .localNav{width:calc(100% - 420px);}
.SiteHeader li a{font-size:13px;padding:17px 12px;position:relative;z-index:1000;}
.SiteHeader .localNavContact a{padding:0.5em;}
.SiteHeader .localNavContact a .contactLabel{font-size:13px;padding:.85em;width:124px;}
.SiteHeader .localNavContact a:hover{right:123px;}
}
@media (max-width:1300px){#LocationHeader .locationBanner img{margin-top:62px;}
.locationBannerLink h2{font-size:70px;}
}
@media (max-width:1260px){.SiteHeader .localNav > ul li:not(.joinNowCTA) svg{display:none;}
.SiteHeader .HeaderNav.generalNav li{margin:0;}
.SiteHeader li a{padding:17px 14px;}
#MobileApp .imgLeft{width:35%;min-width:0;}
#MobileApp .imgLeft img{margin-left:0;}
#MobileApp .textRight{width:65%;margin-left:35%;padding:90px 35px;}
.SiteHeader .localNav > ul{padding-right:122px;}
}
@media (max-width:1100px){.joinNowSecondary{display:none;}
.joinNowMain{font-size:16px;}
.SiteHeader .localNav li.joinNowCTA a{padding:11px 20px;}
.locationLinkText{padding-right:12px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:10px;}
.locationLinkText{padding-right:18px;}
}
@media (max-width:1040px){.SiteHeader .localNav li.joinNowCTA a{padding:11px 10px;}
.locationLinkText{padding-right:10px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:8px;}
.locationLinkText{padding-right:18px;}
}
@media (max-width:1000px){#LocationTeam div{width:calc((100% - 2rem)/2 - 2rem);}
.SiteHeader .scrolledLogo{opacity:1;width:48px;left:20px;}
.SiteHeader .navHomeLogo{display:none;}
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li{float:left;}
.SiteHeader .HeaderNav.generalNav .HeaderNav__social li{float:right;}
.SiteHeader .localNav{width:100%;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span,
.SiteHeader .localNav > ul,
.SiteHeader .localNav > ul li:not(.joinNowCTA),
.SiteHeader .localNav li.joinNowCTA a,
.SiteHeader .localNav,
.SiteHeader .localNav li.joinNowCTA{height:50px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg{display:inline-block;}
.SiteHeader .localNav > ul{margin-left:0;}
.SiteHeader .localNav li.joinNowCTA a:hover{box-shadow:inset 0 -50px 0 #028a88;}
.SiteHeader .localNav li.joinNowCTA a{padding:5px 10px}
#LocationHeader .locationBanner img{margin-top:50px;}
#LocationHeader .locationBanner{margin-left:300px;}
#LocationHeader .locationView{width:300px;}
#LocationHeader .locationView img{max-width:300px;bottom:0;transform:translate(-50%, 0);top:auto;}
.SiteHeader .localNavContact{top:98px;}
.locationLinkText{padding-right:25px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:23px;}
#mobileAppBGMob{display:block;width:100%;float:left;}
#mobileAppBGFull{display:none;}
#MobileApp .imgLeft, #MobileApp .textRight{width:100%;float:left;position:relative;margin:0;}
#MobileApp .textRight{padding:30px;}
#MobileApp .textRight h3{font-size:5vw;}
#MobileApp .imgLeft img{margin:0;position:relative;top:auto;left:auto;width:100%;transform:none;}
}
@media (max-width:900px){.locationLinkText{padding-right:17px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:14px;}
#LocationHeader .locationView img{bottom:-40px;}
}
@media (max-width:810px){.locationLinkText{padding-right:11px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:9px;}
#LocationTeam div h4{font-size:12px;line-height:1.3;}
.SiteHeader li a{padding:17px 5px;font-size:12px;}
}
@media (max-width:770px){.SiteHeader .localNav > ul li:not(.joinNowCTA) svg{display:none;}
.locationLinkText{padding-right:16px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:14px;}
#LocationHeader .locationView{width:230px;}
#LocationHeader .locationView img{max-width:230px;bottom:0;}
#LocationHeader .locationBanner{margin-left:230px;}
}
@media screen and (max-width: 870px){
.SiteHeader .HeaderNav.generalNav{min-width:100%;right:0;}
#menuTL{display:block;}
.SiteHeader .HeaderNav.generalNav .HeaderNav__social{margin-right:170px;}
.SiteHeader .localNav li.joinNowCTA{display:none;}
#mobileHeaderLogo{display:block;position:absolute;top:6px;left:18px;}
#mobileHeaderLogo img{width:100%;max-width:181px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA){display:inline-block;float:none;margin-right:-6px;}
.SiteHeader .localNav > ul{text-align:center;width:100%;}
#mainCorporateNav{overflow:hidden;display:block;max-height:0;margin:48px 0 0 0;height:auto;padding:0 0 0 0;width:100%;z-index:5;position:absolute;background:#222;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#mainCorporateNav.clicked{max-height:calc(100vh - 48px);}
#mainCorporateNav li{width:100%;height:auto;margin:0;border:none;}
#mainCorporateNav li a{background:none;width:100%;border-bottom:1px solid #111;display:block;font-size:13px;height:36px;letter-spacing:2px;line-height:37px;text-align:center;padding:0;color:#FFF;}
#mainCorporateNav li a.scrolledLogo, #mainCorporateNav li a.navHomeLogo{display:none;}
#mainCorporateNav li ul{margin:0;background:#178EB2;width:100%;position:relative;}
#mainCorporateNav li ul li a{color:#FFF;width:100%;}
#mainCorporateNav li ul li a:hover{background:#111;}
#joinNowMobileLink{height:48px;line-height:48px;text-align:center;width:110px;padding:0;color:#FFF;background:#03b2b0;font-size:16px;display:block;position:absolute;z-index:6;right:0;top:0;text-decoration:none;font-family:'FuturaDemiBold';-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#joinNowMobileLink:hover{box-shadow:inset 0 -50px 0 #028a88;}
}
@media (max-width:750px){
.locationBannerLink{height:35vw;}
.locationBanner-Mob{display:block;float:left;width:100%;margin-top:50px;}
.locationBanner-Mob img{width:100%;}
.locationBanner, .locationView{display:none;}
#LocationHeader{min-height:0;}
#LocalContact{display:none;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding:0 0 0 8px;text-align:center;}
.locationLinkText{padding-right:8px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul{top:0;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li{height:auto;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a{line-height:30px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a span{padding:5px 10px;}
#LocationTeam div h4{padding-left:0;}
#MobileApp .android_link, #MobileApp .ios_link{font-size:16px;}
#MobileApp .textRight{font-size:12px;padding:20px;}
}
@media (max-width:700px){.locationLinkText{padding-right:13px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding-left:11px;}
}
@media (max-width:640px){.locationBannerLink{height:35vw;}
#menuTL{display:block;}
#mainCorporateNav{overflow:hidden;display:block;max-height:0;margin:48px 0 0 0;height:auto;padding:0 0 0 0;width:100%;z-index:5;position:absolute;background:#222;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#mainCorporateNav.clicked{max-height:500px;}
#mainCorporateNav li{width:100%;height:auto;margin:0;border:none;}
#mainCorporateNav li a{background:none;width:100%;border-bottom:1px solid #111;display:block;font-size:13px;height:36px;letter-spacing:2px;line-height:37px;text-align:center;padding:0;color:#FFF;}
#mainCorporateNav li a.scrolledLogo, #mainCorporateNav li a.navHomeLogo{display:none;}
#mainCorporateNav li ul{margin:0;background:#178EB2;width:100%;position:relative;}
#mainCorporateNav li ul li a{color:#FFF;width:100%;}
#mainCorporateNav li ul li a:hover{background:#111;}
.locationBanner-Mob{display:block;float:left;width:100%;margin-top:50px;}
.locationBanner-Mob img{width:100%;}
.locationBanner, .locationView{display:none;}
#LocationHeader{min-height:0;}
.SiteHeader .HeaderNav.generalNav .HeaderNav__social{margin-right:170px;}
.SiteHeader .localNav li.joinNowCTA{display:none;}
#mobileHeaderLogo{display:block;position:absolute;top:6px;left:18px;}
#mobileHeaderLogo img{width:100%;max-width:181px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA){display:inline-block;float:none;margin-right:-6px;}
.SiteHeader .localNav > ul{text-align:center;width:100%;}
#joinNowMobileLink{height:48px;line-height:48px;text-align:center;width:110px;padding:0;color:#FFF;background:#03b2b0;font-size:16px;display:block;position:absolute;z-index:6;right:0;top:0;text-decoration:none;font-family:'FuturaDemiBold';-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#joinNowMobileLink:hover{box-shadow:inset 0 -50px 0 #028a88;}
#LocalContact{display:none;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding:0 0 0 8px;text-align:center;}
.locationLinkText{padding-right:8px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul{top:0;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li{height:auto;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a{line-height:30px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a span{padding:5px 10px;}
#LocationTeam div h4{padding-left:0;}
#MobileApp .android_link, #MobileApp .ios_link{font-size:16px;}
#MobileApp .textRight{font-size:12px;padding:20px;}
}
@media (max-width:480px){.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span,
.SiteHeader .localNav > ul li:not(.joinNowCTA) ul li a span{font-size:11px;}
.imgLeft, .imgRight, .textLeft, .textRight{min-width:0;}
}
@media (max-width:460px){#mobileHeaderLogo{width:150px;top:10px;left:14px;}
}
@media (max-width:500px){.SiteHeader .HeaderNav.generalNav .HeaderNav__social{display:none;}
.SiteHeader .localNav > ul li:first-child:not(.joinNowCTA){width:100%;display:block;margin:0;height:auto;}
.SiteHeader .localNav > ul li:first-child:not(.joinNowCTA) a{width:100%;display:block;padding:5px 0;height:auto;font-size:11px;}
.SiteHeader .localNav > ul li:first-child a .location{display:inline-block;margin-right:4px;font-weight:bold;}
.SiteHeader .localNav > ul li:first-child a .locationLinkText{border:none;padding:0;}
.SiteHeader .localNav > ul li:not(.joinNowCTA){height:35px; margin-right: 0; }
.SiteHeader .localNav > ul li:not(.joinNowCTA) a{height:35px;}
.SiteHeader .localNav > ul{height:auto; display: block; position: relative;}
.SiteHeader .localNav{height:auto;}
.locationBanner-Mob{margin-top:58px;}
.SiteHeader .localNavContact{top:300px;}
.SiteHeader .HeaderNav.generalNav{height:48px;position:fixed;z-index:5;}
.SiteHeader{position:absolute;}
#menuTL{position:fixed;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding:0 0 0 10px;}
.locationLinkText{padding-right:10px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA):not(:first-child) {max-width: 32%;}
}
@media (max-width:400px){.SiteHeader .localNavContact{top:280px;}}
@media (max-width:370px){.SiteHeader .localNavContact{top:265px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span { padding: 0 0 0 8px;}
.SiteHeader .localNav > ul li:not(.joinNowCTA):not(:first-child) {max-width: 100%;}
.SiteHeader .localNav .locationLinkText { padding-right: 8px;}
.SiteHeader .localNav .locationLinkText.pt-lab {padding-right: 30px;}
.SiteHeader .localNav .locationLinkText.pt-lab img { right: 10px;}
.SiteContent {margin-top: 100px;}
}
@media (max-width:345px){.SiteHeader .localNavContact{top:255px;}}
@media (max-width:335px){.SiteHeader .localNavContact{top:250px;}#mobileHeaderLogo{width:130px;top:12px;left:12px;}}
@media (max-width:325px){.SiteHeader .localNavContact{top:245px;}}
.wpb_text_column ul {line-height:1.8em; display:block;}
.wpb_text_column ul li::before {content: ''; display: inline-block; width: 0.5em; height: 0.5em; background: #03b2b0; border-radius: 100%;
vertical-align: middle; margin: 0 0.5em;}
.ratesTable strong {font-size: 48px; font-size: 3rem; font-weight: bold; color: #23232F; vertical-align: middle; line-height: 1;}
.ratesTable strong:before {content: "$"; display: inline-block;font-size: 24px; font-size: 1.5rem; font-weight: normal; vertical-align: middle;
margin: 0 4px;}
.ratesTable strong:after {content: ''; display: inline-block; width: 5px; height: 1em; background: #cacaca; -webkit-transform: rotate(24deg);
transform: rotate(24deg); vertical-align: middle; margin: 0 12px;}
.ratesTable hr {border-top:4px dotted #dedede; border-bottom:none; width:100%;}
.ratesTable .ratesColumn {width: calc((100% - 1rem)/3 - 1rem); display:inline-grid; margin: 0 -5px;}
.ratesTable .rateTitle {min-height:170px; margin-bottom:15px;}
.ratesTable .personalTraining .rateTitle {padding: 16px; padding:1rem; background: #23232F; color: #fff;}
.ratesTable .personalTraining h2 {font-size:40px; font-size: 2.5rem; color: inherit; line-height:1em;}
.ratesTable .smallGroup .rateTitle {padding: 16px; padding:1rem; background: #03b2b0; color: #fff;}
.ratesTable .smallGroupWrap {border-right: 4px dotted #dedede; border-left: 4px dotted #dedede; min-height:200px; display: inherit;}
.ratesTable .smallGroup h2 {font-size: 40px; font-size: 2.5rem; color: inherit; line-height:1em;}
.ratesTable .smallGroup h3 {color: #000;}
.ratesTable .inhomeTraining .rateTitle {padding: 16px; padding:1rem; background: #cacaca; color: #000;}
.ratesTable .inhomeTraining h2 {font-size: 40px; font-size: 2.5rem; color: inherit; line-height:1em;}
.ratesTable h3 {font-size: 16px; font-size: 1rem; color: inherit; padding: 0; text-transform: uppercase;letter-spacing: 0.1em; }
.ratesTable h4 {font-weight: normal; text-transform: uppercase; color: #F89828; padding-bottom: 0; font-size: 16px; font-size: 1rem;}
.ratesTable p {display: inline-block;}
.locationBannerLink img .mobile {display:none;}
#locationTeam {text-align:center;}
.franchiseInfo img.info640, .franchiseInfo img.info320 {display:none;}
.mobile-img {display:none;}
.inHomeBlackText h2 {color:#000;}
.oTraining {width: calc((100%)/2 - 4rem); background-size:contain;position:relative; display:inline-grid; margin-right:60px}
.pTraining {width: calc((100%)/2 - 4rem); position:relative; display:inline-grid;}
.groupServices {width: calc((100%)/3 - 4rem); background-size:contain;position:relative; display:inline-grid; margin-right:60px; font-size: 28px; font-size: 1.5rem; font-weight: normal; color: #F89828;}
.groupServices .serviceIcon {width:100px; display:inline-block;}
#HomepageVidGap .locationJumpLinks { width: 100%; position: absolute; bottom: 25%; }
#HomepageVidGap h4 { font-size: 28px; text-align:center;}
#HomepageVidGap h4 span {padding-right:40px;}
#HomepageVidGap h4 a {color:white; text-decoration:none;}
/* =============== { video }=============== */
#videoWrapperFranchise {height: 400px; width:250px; position:absolute; z-index:90; }
#videoWrapperBrainwash {height: 400px; width:250px; position:absolute; z-index:90; left: 0%; top: 2%; padding:15px;}
.vidLeft {left: 0%; top: 2%}
.vidRight {right: 0%; top: 2%;}
#noVideoFranchise {display: block; height: 55px; margin-left: 0px; margin-top: 0px; overflow: hidden; position: absolute; width: 250px; z-index:99999; background:url(/Content/images/logo.png) no-repeat; overflow:hidden; background-position:-400px;}
#noVideoBrainwash {display: block; height: 55px; margin-left: 0px; margin-top: 0px; overflow: hidden; position: absolute; width: 250px; z-index:99999; background:url(/Content/images/logo.png) no-repeat; overflow:hidden; background-position:-400px;}
#clicktoPlay:hover {cursor:pointer;}
#videoWrapperInner{margin:0 auto; width:1000px;}
#playVideo.hide{visibility:hidden;}
#videoButtonFranchise.hide {display:none;}
#videoButtonBrainwash.hide {display:none;}
#noVideoFranchise:hover #videoButtonFranchise.hide {display:none;}
#noVideoBrainwash:hover #videoButtonBrainwash.hide {display:none;}
#noVideoWrapperFranchise:hover #videoButtonFranchise {display: block; visibility:visible;}
#noVideoWrapperBrainwash:hover #videoButtonBrainwash {display: block; visibility:visible;}
#videoButtonFranchise {background-color: #000; top: 0; color: #FFFFFF; cursor: pointer; display: none; font-family: "aaarghnormal",Arial,sans-serif; font-size: 14px; height: 44px; line-height: 50px; margin: 0 10px 25px; padding-top: 0; position: absolute; text-align: center; width: 200px; z-index: 99999;}
#videoButtonBrainwash {background-color: #000; top: 0; color: #FFFFFF; cursor: pointer; display: none; font-family: "aaarghnormal",Arial,sans-serif; font-size: 14px; height: 44px; line-height: 50px; margin: 0 10px 25px; padding-top: 0; position: absolute; text-align: center; width: 200px; z-index: 99999;}
#noVideoWrapperFranchise {cursor: pointer; display: block; height: 55px; margin-top: -50px; position: absolute; width: 250px; z-index: 99999 !important;}
#noVideoWrapperBrainwash {cursor: pointer; display: block; height: 55px; margin-top: -50px; position: absolute; width: 250px; z-index: 99999 !important;}
#removeJava {display: block; float: left; height: 40px; line-height: 28px; padding: 0; position: relative; width: 200px; z-index: 100;}
#playVideoFlashIntro {display: block; height: 400px; position: relative; width: 250px; z-index: 0;}
::-webkit-media-controls {display: none !important;}
canvas {
width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
#brainwashingVideos {width:100%; display:block; margin:10px auto 1%; position:relative; text-align:center; height:100%;}
.brainVidWrap {width:30%; position:relative; display:inline-block;}
.video-responsive {position:relative; padding-bottom:55%; height:0;}
.video-responsive iframe {left:0; top:0; height:90%; width:90%; position:absolute;}
#TesimonialVideos {width:100%; position:relative; display:block; margin:0 auto; text-align:center;}
.wrapper {
position: relative;
width:30%;
display:inline-block;
}
.video {
width: 100%;
vertical-align: middle;
height:auto;
}
.playpause {
background-repeat:no-repeat;
width:50%;
height:50%;
position:absolute;
left:0%;
right:0%;
top:0%;
bottom:0%;
margin:auto;
background-size:contain;
background-position: center;
}
/*.playpause:hover {background-image:url(/Content/images/playBtnHover.png);}*/
svg.playpause:hover polygon {
fill: #03b2b0;
}
svg.playpause {
cursor:pointer;
-webkit-filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.3));
}
@media screen and (max-width:1500px) {
#LocationTeam div h3 {width:100%;} #LocationTeam div {display:inline-grid;} .studioMapListing {height:auto;} .studioMapListing .locationMap {height: 300px;} .studioMapListing .studioInfo {position: relative;} .js-SwipeSpace .sideImage {margin:20px;} h5 {white-space: normal;}
.vidRight {top: 1%; padding:10px;}
#videoWrapperBrainwash {top: 1%;}
}
@media screen and (max-width:1400px) {
.vidRight {top: 4%;}
#videoWrapperBrainwash {top: 2%;}
}
@media screen and (max-width:1200px) {
.vidRight {top: 2%;}
.vidLeft {top: 2%;}
}
@media screen and (max-width:1000px) {
#LocationTeam div {width:calc((100% - 2rem)/2 - 2rem);} .locationBannerLink h2{top: calc(60% - 1em);left: 5%;font-size: 5.5vw;}
#LocationTeamMain {column-count: 2;column-gap: 1em;} #LocationTeamMain>div {width:100%;}
.ratesTable .ratesColumn {width:100%;}
.ratesTable .rateTitle {min-height:0;} .ratesTable .smallGroupWrap {border-right: none; border-left: none; min-height:0;}
#HomepageVidGap h4 { font-size: 22px;}
#videoWrapperFranchise, .homepageVideo, #videoWrapperBrainwash, #brainwashingVideos {display:none;}
}
@media screen and (max-width:920px) {#LocationTeamMain {column-count: unset; column-gap: 0;} #LocationTeamMain>div{width: calc((100% - 1rem)/2 - 1rem); margin: .5rem;} #LocationTeamMain>div a .trainerBio {display:none;} #LocationTeamMain>div .readMore {color:#fff; text-decoration:none; bottom: .5rem; font-size: .9rem;}
.bodyContent {padding: 0 22px;}
#HomepageVidGap h4 { font-size: 20px;}
#TesimonialVideos {display:none;}
}
@media screen and (max-width:800px) {
#HomepageVidGap h4 { font-size: 18px;}
#HomepageVidGap .locationJumpLinks {bottom: 19%;}
}
@media screen and (max-width:640px) {
#HomepageVidGap h4 { font-size: 16px;}
#HomepageVidGap .locationJumpLinks {bottom: 0%; background-color:#000000;}
#HomepageVidGap h4 span {padding-right:20px;}
.bodyContent h2 {font-size: 1.5rem;} .bodyContent {padding: 0 20px 10px;} h5 {font-size: 1.5rem;} .bodyContent h3 {padding: 1rem 0 0;}
.headerSection .headerTitle h2:first-child{font-size:17vw;} .headerSection .headerTitle h2:last-child{font-size:11vw;}
.bodyContent h2+p{margin-top:0;}
#PersonalTrainingBodyID h1{padding:0.5em 1em;}
#LocationTeam div {width: 100%; margin:0; padding: .5rem;} #LocationTeam div h3 {width:75%; padding: 10px 0 0;}
.locationBannerLink h2 {top: calc(70% - 1em); left: 25%; font-size: 7vw; width: 50%; text-align:center;} .locationBannerLink:hover img {margin-left: 0; transition: none;} .locationBannerLink:hover h2 {top: calc(80% - 1em);} .locationBannerLink:after {display:none;} #locationTeam {font-size:2rem;} #LocationTeamMain>div {padding:.5rem; min-height:230px; width: calc((100% - .5rem)/2 - .5rem); margin: .2rem;} #LocationTeamMain>div h3 {font-size:.9rem;} #LocationTeamMain>div img {margin:0 auto;} #LocationTeamMain>div h4 {font-size: .9rem;} .personalTrainerBio {padding:2rem;} .studioListing {width: calc(100% - 4em); margin: .5rem 1em;} .studioListing .locationLink {height: 8rem;} .studioListing .locationLink img {top: 0%;} h2.sectionDivider {width: 80%; margin: 1em auto 0;} .studioMapListing {height: auto; width: 80%; margin: 0 auto 20px; display: block; border-bottom:4px dotted #dedede;} .studioMapListing .locationMap {display:none;} .testimonial {width: calc(100% - 1em);} [id^=FAQ_Drop]+label {font-size: 1rem;} .full-img {display:none;} .mobile-img {display:inline-block;} .arrow-down {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #03b2b0;}
table.responsive:not(.schedule) tr:not(:first-child) td {font-size:.9rem;}
p {font-size: .9rem; line-height: 1.2em;} .fatNav {margin-top: 5px;} .fatLink {width: calc((100% - .5rem)/2 - .5rem); font-size: 4vw; padding: 1.5em; margin: 2.5px; font-weight: 500; height:auto; vertical-align: middle;} .fatLink.active {margin: 2.5px;height:auto; font-size: 4vw;font-weight: 500; padding-top:1.5em; padding-bottom: 1.5em; padding-left:1.5em; padding-right:1.5em;} .franchiseInfo table tr:first-child {display:none;} table.responsive:not(.schedule) tr:not(:first-child) td {width:100%;} #FranchiseeReviews li {padding: 1em 0 2em;} #FranchiseeReviews li img {float: none; margin: 10px auto; text-align: center; display: block;} #FranchiseeReviews li .featuredQuote {text-align:center;} .fullQuote {line-height: 1.2em;} #FranchiseeReviews li h2 {font-size:38px;} #FranchiseeReviews {margin: 0 15px;} .franchiseInfo img.info2000 {display:none;} .franchiseInfo img.info640 {display: inline-block;}}
@media screen and (max-width:400px) {
#PersonalTrainingBodyID .doubleWrap > div h5{font-size:27px;padding: 2rem 0.5rem;}
}
@media screen and (max-width: 320px) {.franchiseInfo img.info640 {display:none;} .franchiseInfo img.info320 {display:inline-block;}}
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');#PersonalTrainingBodyID .bodyContent{padding:0;}
.oTraining, .pTraining{position:relative;padding-bottom:5em;}
.oTraining h2, .pTraining h2{text-align:center;}
.oTraining h5, .pTraining h5{height:4em;}
.oTraining{padding:0 30px 5em 52px;margin:0;background:#000;color:#fff;width:50%;}
.oTraining a:hover{color:#ddd;}
.pTraining{padding:0 52px 5em 30px;margin:0;width:calc(50% - 1ch)}
.SiteFooter nav.localNav > ul li > a, .SiteFooter nav.localNav > ul li > span{padding:0.5em;min-height:45px;}
.SiteFooter nav.localNav > ul li ul li a{padding:1em;}
.SiteFooter nav.localNav > ul li svg{margin:0 0.5em;vertical-align:middle;color:#F89828;}
.SiteFooter nav.localNav > ul li:hover svg{color:#f9ab50;}
.SiteFooter nav.localNav > ul li .footerLocLink{width:90px;padding:0;}
.fullImg{width:100%;height:auto;margin:0 !important;}
.pTraining .fullImg{width:calc(100% + 95px);margin-left:-35px !important;max-width:none;}
#PersonalTrainingBodyID .CTATable{width:100%;}
#PersonalTrainingBodyID .doubleWrap{display:flex;}
#PersonalTrainingBodyID .doubleWrap{display:flex;}
#PersonalTrainingBodyID .doubleWrap>div{overflow:hidden;position:relative;padding-bottom:260px;}
#PersonalTrainingBodyID .doubleWrap>div h5{position:absolute;bottom:0;left:50%;transform:translate(-50%,0);min-width:510px;text-align:center;}
#PersonalTrainingBodyID h1{padding:1em;margin:0;text-align:center;}
#FitnessClassesBodyID .overflowImage{position:absolute;bottom:0;right:0;height:129.5%;}
#FitnessClassesBodyID .blackContentSection, #FitnessClassesBodyID .CTATable{position:relative;}
#FitnessClassesBodyID .bodyContent{position:relative;z-index:100;}
#ContactWrap{white-space:nowrap;font-size:0;background-image:url(/Content/images/header_Contact.jpg);background-size:50%;background-position:left;}
#ContactWrap .textLeft{vertical-align:bottom;margin-bottom:5%;}
@media screen and (max-width: 1500px){ #ContactWrap .textLeft { margin-bottom: 2%; } }
#ContactWrap iframe{padding:0; height: 78px;}
#ContactWrap .g-recaptcha{display:inline-block;}
#ContactPersonalTrainersBodyID .bodyContent h1{color:#F89828;}
#ContactPersonalTrainersBodyID input[type="text"],
#ContactPersonalTrainersBodyID input[type="email"],
#ContactPersonalTrainersBodyID input[type="password"],
#ContactPersonalTrainersBodyID input[type="tel"],
#ContactPersonalTrainersBodyID select,
#ContactPersonalTrainersBodyID textarea{border:none;border-radius:3px;background-color:#fff;padding:0 1em;width:100%;height:2.25em;line-height:2.25em;font-size:1.2em;-moz-appearance:none;-webkit-appearance:none;color:#000;line-height:1.2;}
#ContactPersonalTrainersBodyID input:focus{border:none;}
#ContactPersonalTrainersBodyID input[required], #ContactPersonalTrainersBodyID textarea[required]{background-image:url(/Content/images/ui_reqAsterisk.png);background-repeat:no-repeat;background-position:left top;background-size:2.5em;padding:0.5em 1em;}
#ContactPersonalTrainersBodyID select[required]{background-image:url(/Content/images/ui_reqAsterisk.png), url(/Content/images/ui_dropArrow.png);background-repeat:no-repeat;background-position:left top, right center;background-size:2.5em, contain;}
#ContactPersonalTrainersBodyID #SendButton input,#ContactPersonalTrainersBodyID #SendButton button{display:inline-block;vertical-align:bottom;margin:0.5em;padding:0.75em 2em;border:none;height:2.75em;background:#03b2b0;border-radius:6px;color:#fff;font-weight:bold;text-transform:uppercase;cursor:pointer;box-sizing:border-box;font-size:1.33em;transition:width 160ms ease-in,color 80ms ease-in, border-radius 160ms ease-in, padding 160ms ease-in, box-shadow 160ms ease-in;}
#JoinNowForm #SendButton button{transition:width 160ms ease-in,color 80ms ease-in, border-radius 160ms ease-in, padding 160ms ease-in, box-shadow 160ms ease-in, left 160ms ease-in, top 160ms ease-in;}
#JoinNowForm #SendButton.formLoading button,
#JoinNowForm #SendButton.formLoading button:active,
#JoinNowForm #SendButton.formLoading button:hover,
#JoinNowForm #SendButton.formLoading button:focus{position:relative;overflow:hidden;box-shadow:0 0 0 3px #000;border:none;color:transparent;width:2.125em;height:2.125em;border-radius:100%;padding:0;margin:0;top:-0.3em;left:1em;background-color:#01b2b0;}
#JoinNowForm #SendButton.formLoading button:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-image:url(/Content/images/ui_loader.png);background-size:contain;background-position:center center;transform-origin:center center;animation:turnCircle 1s infinite linear;}
#NewClientsBodyID #SendButton {
position: relative;
}
#NewClientsBodyID #SendButton button {
display: none;
}
#NewClientsBodyID #SendButton.formLoading button {
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
box-shadow: 0 0 0 3px #000;
border: none;
color: transparent;
width: 2.5em;
height: 38px;
border-radius: 100%;
padding: 0;
margin: 0;
background-color: #01b2b0;
}
#ContactPersonalTrainersBodyID #SendButton.formLoading button,
#ContactPersonalTrainersBodyID #SendButton.formLoading button:active,
#ContactPersonalTrainersBodyID #SendButton.formLoading button:hover,
#ContactPersonalTrainersBodyID #SendButton.formLoading button:focus {
position: relative;
overflow: hidden;
box-shadow: 0 0 0 3px #000;
border: none;
color: transparent;
width: 2.75em;
border-radius: 100%;
padding: 0;
margin: 0;
background-color: #01b2b0;
}
#NewClientsBodyID #SendButton.formLoading button:after,
#ContactPersonalTrainersBodyID #SendButton.formLoading button:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-image:url(/Content/images/ui_loader.png);background-position:center center;transform-origin:center center;animation:turnCircle 1s infinite linear;}
@keyframes turnCircle{0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}
#ContactPersonalTrainersBodyID #SendButton input:hover,#ContactPersonalTrainersBodyID #SendButton button:hover{background:#028a88;}
#ContactPersonalTrainersBodyID #SendButton input:focus,#ContactPersonalTrainersBodyID #SendButton button:focus{box-shadow:inset 0 0 0 0.2em #23232F, inset 0 0 0 0.25em #FFF;outline:none;}
#ContactWrap .g-recaptcha{position:relative;margin-top:30px;}
#ContactWrap .g-recaptcha:after{content:'';display:block;position:absolute;left:10px;bottom:calc(100% - 10px);width:300px;height:100px;background-image:url("/Content/images/ui_spamFilter.png");background-repeat:no-repeat;background-position:bottom left;pointer-events:none;}
#ContactWrap .inputWrap, #ContactWrap .formRow select, #ContactWrap .formRow .captchaWrap{display:inline-block;width:calc(50% - 0.7em);margin:0.5em 0.25em;}
#ContactWrap .formRow input, #ContactWrap .formRow .error-div{width:100%;}
#ContactWrap textarea{min-height:80px;resize:vertical;width:calc(100% - 0.35em);margin:0.5em 0;padding:0 1em;}
#ContactWrap .contactFormCopy{color:#fff;}
#ContactWrap .placeholder:after{font-size:1.2em;padding:1.5em;font-family:sans-serif;}
#ContactWrap .formRow select{margin-top:38px;vertical-align:top;}
#ContactWrap #Location99 {margin: 0; width: 100%; color: #F89828;}
#ContactWrap #Location99 option {color: #676767;}
#ContactWrap .formRow{white-space:normal;line-height:0;}
#ContactWrap span.error:empty, #ContactWrap label.error:empty{display:none;}
#ContactWrap span.error:not(:empty), #ContactWrap label.error:not(:empty){padding:1em;font-weight:bold;color:#fff;line-height:1;text-shadow:0 1px 1px red, 0 1px 1px red;}
#ContactWrap .error-div{line-height:0;}
#ContactWrap input.error, #ContactWrap textarea.error, #ContactWrap select.error{background-color:#fff;border:none;box-shadow:inset 0 0 0 2px red;}
.headerFormCaptchaError{display:inline-block;padding:5px;background:#844700;color:#fff;margin:32px;margin:2rem;border:1px solid rgba(0, 0, 0, .1);box-shadow:0 2px 2px 1px rgba(0, 0, 0, .2);font-size:1.5em;}
.headerFormCaptchaError .instructions{display:block;padding:5px;background-color:#fff;color:#000;font-size:16px;font-size:1rem;margin-top:5px;}
.contactFormCopy h1, .contactFormCopy h2, .contactFormCopy h3, .contactFormCopy h4, .contactFormCopy h5, .contactFormCopy h6, .contactFormCopy p{color:inherit;}
#WhatToExpectBodyID .bodyContent{position:relative;z-index:5;}
#WhatToExpectBodyID .blackContentSection{position:relative;}
#WhatToExpectBodyID .overflowImage{position:absolute;bottom:0;right:0;height:132.5%;}
.SiteFooter{overflow:visible;}
select::-ms-expand{display:none;}
.headerForm .formRow .imselectWrap img{pointer-events:none;}
#PersonalTrainersBodyID main.SiteMain{background-image:url(/Content/images/background_Trainers.jpg);background-position:bottom right;background-size:100%;background-repeat:no-repeat;}
.locationLinkText.singleTall{padding-top:9px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{text-align:center;font-family:'Gotham';font-weight:bold;letter-spacing:0.04em;font-size:15px;padding-left:31px;padding-right:0;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding-top:14px;padding-bottom:12px;}
.SiteFooter .localNav li.joinNowCTA a{padding:10px 30px;}
.joinNowMain{font-family:'FuturaDemiBold';font-size:27px;text-align:center;display:block;width:100%;text-transform:uppercase;margin-bottom:2px;letter-spacing:0.02em;}
.joinNowSecondary{font-size:12px;letter-spacing:0.04em;text-transform:uppercase;text-align:center;width:100%;display:block;}
.joinNowSecondary span{font-weight:bold;}
.SiteFooter .localNav li.joinNowCTA a:hover{box-shadow:inset 0 -63px 0 #028a88;}
.locationLinkText{border-right:2px solid #e28415;display:inline-block;padding-right:20px;}
.locationScheduleLink .locationLinkText{border:none;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) svg{float:left;margin-right:10px;position:relative;left:auto;top:auto;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding-right:0;padding-left:30px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a:hover, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label:hover{box-shadow:inset 0 -63px 0 #e28415;}
.SiteFooter .localNav > ul{right:0;left:auto;width:auto;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul a, .SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a{width:100%;padding:0;margin:0;height:auto;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a span{width:100%;padding:10px;text-align:center;height:auto;}
.SiteFooter .localNavContact a{margin:1px;}
.SiteFooter .localNavContact a .contactLabel{background:#FFF;width:173px;}
.SiteFooter .localNavContact a:hover{right:172px;}
.locationBannerLink h2{font-family:'FuturaDemiBold';font-size:125px;top:50%;left:4%;}
.locationBannerLink:hover img{margin-left:-2%;}
.locationBannerLink:hover h2{top:45%;}
.locationBannerLink.inHomeBlackText h2{color:#111;}
.SiteContent{margin-top:48px;}
#LocationHeader .locationBanner img{float:left;}
.SiteFooter.scrolled .localNav{width:100%;}
.SiteFooter .localNav{left:auto;width:calc(100% - 490px);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.footBanner + .blackContentSection{margin-top:-1px;}
@media (min-width:1241px){#ZipSuit .getStartedButtons{min-width:400px;}
}
@media (max-width:450px){#ZipSuit .getStartedButtons a{display:block;float:none;width:90%;margin:1rem 5%;}
}
@media (max-width:1260px){
.SiteFooter .HeaderNav.generalNav li{margin:0;}
.joinNowMain{font-size:24px;}
}
@media (max-width:1100px){.SiteFooter .localNav li.joinNowCTA a{padding:22px 20px;}
.SiteHeader .localNav li.joinNowCTA{position:static;}
.SiteHeader .localNav > ul{padding-right:0;}
}
@media (max-width:1000px){.SiteFooter .localNav{width:100%;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label,
.SiteFooter .localNav > ul,
.SiteFooter .localNav > ul li:not(.joinNowCTA),
.SiteFooter .localNav li.joinNowCTA a,
.SiteFooter .localNav,
.SiteFooter .localNav li.joinNowCTA{height:50px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) svg{display:inline-block;}
.SiteFooter .localNav > ul{margin-left:0;}
.SiteFooter .localNav li.joinNowCTA a:hover{box-shadow:inset 0 -50px 0 #028a88;}
.SiteFooter .localNav li.joinNowCTA a{padding:18px}
.SiteFooter .localNavContact{top:98px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding-left:23px;}
}
@media (max-width:900px){.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding-left:14px;}
}
@media (max-width:810px){.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding-left:9px;}
}
@media (max-width:770px){.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding-left:14px;}
}
@media (max-width:750px){.SiteFooter .localNav li.joinNowCTA{display:none;}
.SiteFooter .localNav > ul li:not(.joinNowCTA){display:inline-block;float:none;margin-right:-6px;}
.SiteFooter .localNav > ul{text-align:center;width:100%;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding:0 0 0 8px;text-align:center;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul{top:0;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li{height:auto;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a{line-height:30px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a span{padding:5px 10px;}
}
@media (max-width:700px){.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding-left:11px;}
}
@media (max-width:640px){.SiteFooter .localNav li.joinNowCTA{display:none;}
.SiteFooter .localNav > ul li:not(.joinNowCTA){display:inline-block;float:none;margin-right:-6px;}
.SiteFooter .localNav > ul{text-align:center;width:100%;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label{padding:0 0 0 8px;text-align:center;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul{top:0;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li{height:auto;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a{line-height:30px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a span{padding:5px 10px;}
}
@media (max-width:480px){.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label,
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a span{font-size:11px;}
}
@media (max-width:420px){.SiteFooter .localNav > ul li:first-child:not(.joinNowCTA){width:100%;display:block;margin:0;height:auto;}
.SiteFooter .localNav > ul li:first-child:not(.joinNowCTA) a{width:100%;display:block;padding:7px 0 6px;height:auto;font-size:13px;}
.SiteFooter .localNav > ul li:first-child a .location{display:inline-block;margin-right:4px;font-weight:bold;}
.SiteFooter .localNav > ul li:first-child a .locationLinkText{border:none;padding:0;}
.SiteFooter .localNav > ul li:not(.joinNowCTA){height:32px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) a{height:32px;}
.SiteFooter .localNav > ul{height:auto;}
.SiteFooter .localNav{height:60px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > label{padding:0 0 0 10px;}
}
.SiteHeader .gc_UserLinks #ShowHideUserLinks + .exLabel{position:absolute;display:inline-block;height:48px;z-index:5;top:0;right:0;background:#000;box-shadow:inset 0 0 0 -4px transparent, inset 49px 0 0 #F89828;transition:box-shadow 150ms;}
.SiteHeader .gc_UserLinks #ShowHideUserLinks + .exLabel img{width:36px;height:36px;margin:6px;}
.SiteHeader .gc_UserLinks #ShowHideUserLinks + .exLabel + .gc_UserLinks__listWrap{max-width:0;overflow:hidden;transition:max-width 300ms;padding-right:48px;height:48px;white-space:nowrap;float:none;display:inline-block;box-shadow:inset 0 -6px 4px -4px rgba(0, 0, 0, .1);}
.SiteHeader .gc_UserLinks #ShowHideUserLinks + .exLabel + .gc_UserLinks__listWrap li{padding:0.6em 0 0 0;}
.SiteHeader .gc_UserLinks:hover #ShowHideUserLinks + .exLabel + .gc_UserLinks__listWrap{max-width:300px;}
.SiteHeader .gc_UserLinks:hover #ShowHideUserLinks + .exLabel{box-shadow:inset 0 -6px 4px -4px rgba(0, 0, 0, .1), inset 0 0 0 #F89828;}
#StudioBodyID h1{text-align:center;}
@media (min-width:1101px){#NutritionistsBodyID .bodyContent iframe{min-width:42vw;min-height:21vw;margin:2em;}
}
@media (max-width:1520px){#PersonalTrainingBodyID .doubleWrap > div h5{font-size:2rem;width:90%;max-width:500px;min-width:360px;}
#PersonalTrainingBodyID .doubleWrap > div h5 a{font-size:1rem;padding:0.75rem;}
}
@media (max-width:1500px){.SiteFooter .localNav{right:0;width:100%;}
}
@media (max-width:1400px){#ContactWrap .textLeft, #ContactWrap .imgRight{display:block;width:100%;}
#ContactWrap{background-size:cover;background-position:center;}
.SiteFooter nav.localNav{width:100%;}
#FitnessClassesBodyID .blackContentSection{overflow:hidden;}
#FitnessClassesBodyID .CTATable{width:100%;}
#FitnessClassesBodyID .overflowImage{width:auto !important;max-width:none;opacity:0.2;}
}
@media (max-width:1350px){#WhatToExpectBodyID .overflowImage{display:none;}
#WhatToExpectBodyID .blackContentSection{background-image:url('/Content/images/background_WhatToExpect.jpg');background-size:cover;background-position:center;}
#WhatToExpectBodyID .CTATable{width:100%;min-width:0;}
}
@media (max-width:1120px){#HomepageVidGap h5 a{font-size:16px;}
}
@media (min-width:1001px){#LocationTeamMain > div, #EventsListMain > div{min-width:320px;}
}
@media screen and (max-width: 1000px) and (min-width: 640px) {
.SiteHeader .gc_UserLinks > a {width: 48px; display: block;}
.SiteHeader .gc_UserLinks:hover #ShowHideUserLinks + .exLabel {background: #e28415;}
.SiteHeader .gc_UserLinks:hover #ShowHideUserLinks + .exLabel + .gc_UserLinks__listWrap {display: none;}
}
@media (max-width:1000px){
.footerAndBonusWrap{position:relative;}
.SiteFooter nav.localNav{height:auto;}
.SiteFooter nav.localNav .HeaderNav__list{width:100%;margin-left:0;white-space:normal;display:inline;}
.SiteFooter nav.localNav > ul li{float:none;}
#HomepageVidGap .vidOverlay{width:310px;text-align:center;}
#HomepageVidGap .vidOverlay h2{font-size:30px;}
}
@media (max-width:860px){#PersonalTrainingBodyID .doubleWrap > div.oTraining, #PersonalTrainingBodyID .doubleWrap > div.pTraining{display:block;float:none;width:100%;}
#PersonalTrainingBodyID .doubleWrap{display:block;}
#PersonalTrainingBodyID .doubleWrap > div h5{width:50%;}
}
@media (max-width:690px){#ContactWrap .formRow input, #ContactWrap .formRow .error-div, #ContactWrap .formRow .captchaWrap, #ContactWrap .formRow textarea, #ContactWrap .formRow select{display:block;width:100%;}
#ContactWrap .error-div.error{line-height:1;}
#ContactWrap .placeholder::after{line-height:1;padding:0.5em 1.5em;}
}
.gc_UserLinks.fitdegree .mindBodyLink img {
padding-left: 5px;
padding-right: 10px;
}
@media (max-width:640px){#ContactWrap .inputWrap{width:100%;display:block; margin: .5em 0;}
.CTATable tr{display:block;}
.CTATable th{display:block;width:100%;text-align:left;}
.CTATable th:after{display:none;}
h5{font-size:7.5vw;text-align:center;}
h5 a{font-size:3.2vw;}
}
@media (max-width:550px){#HomepageVideo{top:48px;}
#HomepageVidGap{height:calc(51vw + 48px);}
#FitnessClassesBodyID .overflowImage{display:none;}
}
@media (max-width:450px){.studioMapListing{width:calc(100% - 10px);}
}
@media (max-width:400px){#ContactWrap .textLeft, #ContactWrap .imgRight{padding:5px;}
#ContactWrap .inputWrap, #ContactWrap .formRow select, #ContactWrap .formRow .captchaWrap{margin:0.5em 0;}
}
@media (max-width:380px){#PersonalTrainingBodyID .doubleWrap > div h5{min-width:298px;font-size:30px;}
#PersonalTrainingBodyID .doubleWrap > div h5 a{font-size:12px;}
}
h5 a:nth-of-type(2n-1)::before{content:'';display:block;clear:both;}
.ratesTable .ratesColumn{display:inline-block;vertical-align:top;}
.ratesTable .smallGroupWrap{width:100%;}
.flipCardWrapper{display:block;text-align:center;position:relative;}
.flipCardWrapper::after{content:" ";display:block;height:0;clear:both;}
.flipCard{display:inline-block;width:500px;height:300px;margin:0 auto;perspective:1000px;margin:20px;}
.flipCard .flipWrap{display:block;width:500px;height:300px;margin:0 auto;position:relative;background:linear-gradient(180deg,#fafaf8,#fdfdfc);border:1px outset rgba(0,0,0,0.1);border-radius:2px;}
.flipCard .frontContent, .flipCard .backContent{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;}
.flipCard .backContent{transform:rotateY(180deg);opacity:0;transition:opacity 0s 100ms;pointer-events:none;}
.flipCard .backContent .testimonial{width:100%;}
.flipCard:hover .backContent, .flipCard.flipped .backContent{opacity:1;pointer-events:auto;}
.flipCard .readMore{transform:translate(0,100px);transition:transform 0s 100ms;}
.flipCard:hover .readMore, .flipCard.flipped .readMore{transform:translate(0,0);}
.flipCard .frontContent{background-size:cover;opacity:1;transition:opacity 0s 100ms, filter 200ms;}
.flipCard:after{content:'';display:block;position:absolute;bottom:0;right:-23px;width:calc(100% + 46px);height:100%;background:url(/Content/images/ui_flipCard.png) no-repeat bottom right;transition:transform 200ms linear, opacity 0ms 100ms;pointer-events:none;}
.flipCard:hover:after, .flipCard.flipped:after{opacity:0;transform:rotateY(180deg);}
.flipCard:hover .frontContent, .flipCard.flipped .frontContent{opacity:0;filter:brightness(2);}
.flipCard .flipWrap{transform:rotateY(0);transition:transform 200ms linear;box-shadow:0 2px 5px 2px rgba(0,0,0,0.025);}
.flipCard:hover .flipWrap, .flipCard.flipped .flipWrap{transform:rotateY(180deg);box-shadow:0 2px 5px 2px rgba(0,0,0,0.025);}
.flipCard .backContent{padding:1em;box-shadow:inset 0 0 0 0.5em #F89828;text-align:left;}
.flipCard .backContent p{margin:0 0 0.5em 0;}
.flipCard .backContent .leftSide{position:absolute;top:1em;left:1em;width:calc(55% - 1em);height:calc(100% - 2em);border-right:1px solid #333;padding-right:0.5em;font-family:"Patrick Hand";font-size:19px;letter-spacing:0.02em;line-height:1.125;}
.flipCard .backContent .leftSide .readMore{position:absolute;bottom:0;left:1em;right:2em;background:#F89828;color:rgba(255,255,255,0.9);padding:0.25em;text-transform:uppercase;font-weight:bold;text-align:center;cursor:pointer;font-size:16px;line-height:1;font-family:"Gotham", Montserrat, Avenir, "open sans", sans-serif;text-decoration:none;}
.flipCard .backContent .leftSide .readMore:hover{background:#E88818;color:#fff;}
.flipCard .backContent .rightSide{position:absolute;top:1em;right:1em;width:calc(45% - 1em);height:calc(100% - 2em);padding-top:15%;background-image:url(/Content/images/feature_ShoeStamp.png);background-size:65px;background-position:top right;background-repeat:no-repeat;}
.flipCard .backContent .rightSide div{width:66%;border-bottom:1px solid #333;margin:0 auto;font-size:1.25em;font-family:"Patrick Hand";font-size:21px;letter-spacing:0.02em;line-height:1.125;}
@media (max-width:570px){.flipCard, .flipCard .flipWrap{width:90vw;height:55vw;}
.flipCard .backContent .leftSide{font-size:16px;}
.flipCard .backContent .rightSide{background-size:28%;}
.flipCard .backContent .rightSide{width:calc(33% - 1em);}
.flipCard .backContent .leftSide{width:calc(66% - 1em);}
}
@media (max-width:420px){.flipCard, .flipCard .flipWrap{width:90vw;height:66vw;}
.flipCard .backContent .leftSide{width:calc(100% - 1em);border:none;}
.flipCard .backContent .leftSide .readMore{left:0;right:50%;}
.flipCard .backContent .rightSide{bottom:1em;left:calc(50% + 1em);right:0;font-size:16px;background:none;padding:0;height:1em;top:auto;width:auto;}
.flipCard .backContent .rightSide div{font-size:16px;border:none;width:100%;}
}
.SiteFooter .localNav > ul li:not(.joinNowCTA) svg{color:#F89828;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) a:hover{color:#fff;}
@media (max-width:1300px){.SiteFooter nav:not(.localNav){min-height:530px;}
.SiteFooter nav:not(.localNav) .footerBottom{bottom:5px;right:5px;width:auto;left:300px;}
}
@media (max-width:1240px){.locationBannerLink h2{font-size:10vw;}
}
@media (max-width:1000px){.SiteFooter nav:not(.localNav) .footerTop ul li{padding:0 1em 0 0;}
.SiteFooter nav:not(.localNav) .footerTop ul:last-of-type li{padding:0;}
.SiteFooter nav:not(.localNav) .footerTop ul{width:auto;}
.SiteFooter nav.localNav .HeaderNav__list{position:static;display:block;width:auto;margin:0 auto;text-align:center;height:auto;}
.SiteFooter .localNav > ul li:not(.joinNowCTA){display:inline-block;}
.SiteFooter .localNav > ul li:not(.joinNowCTA):hover ul{top:100%;bottom:auto;}
}
@media (max-width:810px){.SiteFooter nav:not(.localNav) .footerBottom .brandSpan, .SiteFooter nav:not(.localNav) .footerBottom .socialLinks, .SiteFooter nav:not(.localNav) .footerBottom .copySpan{display:block;float:none;}
.SiteFooter nav:not(.localNav) .footerBottom{display:block;position:static;height:auto;}
}
@media (max-width:740px){.SiteFooter .localNav > ul li:not(.joinNowCTA) svg{display:none;}
.locationLinkText{border:none;padding:6px 10px;}
.flipCard:after{background:url(/Content/images/ui_flipCardMobile2.png) no-repeat bottom right;}
}
@media (max-width:590px){.SiteFooter .localNav > ul li:not(.joinNowCTA) ul{position:absolute;left:50%;transform:translate(-50%,0);min-width:200px;}
}
@media (max-width:500px){.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label, .SiteFooter .localNav > ul li:not(.joinNowCTA) ul li a span{display:block;}
}
@media (max-width:440px){
.SiteFooter .localNav > ul li:not(.joinNowCTA){display:block;width:100%;font-size:16px;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul{display:block;width:100%;z-index:100;}
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteHeader .localNav > ul li:not(.joinNowCTA) > span{padding:0.5em 0;}
}
@media (max-width:420px){.SiteFooter .localNav > ul li:not(.joinNowCTA){height:auto;}
}
.eventListing{padding:0;margin:0;}
.eventListing .navBreadcrumbs{padding:0.5rem 1rem;}
.eventListing section{background:#000;margin:0;color:#fff;background:#000 url(/Content/images/background_ShoeFade.png) no-repeat bottom -200px left -20px;padding:5rem 0;}
.eventListing h1{font-size:4rem;}
.eventListing h3{font-size:2.5rem;text-transform:lowercase;}
.eventListing h1, .eventListing h3, .eventListing h3 a{color:#fff;text-decoration:none;}
.eventListing h3 a:hover{color:#03b2b0;}
.eventListing h3 a svg{height:0.7em;}
.eventListing h2{font-size:2rem;font-weight:600;font-family:"Gotham", Montserrat, Avenir, "open sans", sans-serif;}
.eventListing h2 .secondary{font-size:1.75rem;font-weight:300;}
.eventListing .textRight{float:right;margin:0;}
.eventListing .textRight .eventText{text-align:left;display:inline-block;}
@media(max-width:1000px){.eventListing .textRight, .eventListing .textLeft{float:none;width:100%;margin:1rem 0;}
}
@media(max-width:500px){.eventListing .textRight, .eventListing .textLeft{margin:0;padding:1rem;}
.eventListing section{padding:2rem 0;}
.eventListing h1{font-size:2.5rem;}
.eventListing h1{font-size:2rem;}
.eventListing h2{font-size:1.5rem;}
.eventListing h2 .secondary{font-size:1.25rem;}
}
#EventsListMain > div{padding:0 0 0 125px;text-align:center;width:calc(33% - 2.5rem);}
#EventsListMain > div *{text-align:left;}
#EventsListMain > div .eventDate{padding:0.5rem;background:#F89828;font-weight:600;text-transform:uppercase;position:absolute;top:0;height:100%;left:0;width:125px;}
#EventsListMain > div .eventDate .day{display:block;}
#EventsListMain > div .eventDate .month{}
#EventsListMain > div .eventDate .date{font-size:3rem;line-height:2.5rem;}
#EventsListMain > div h2{padding:1rem 1rem 0 1rem;line-height:1;font-weight:300;font-size:2.25rem;}
#EventsListMain > div .eventLocation{padding:0 1rem 0.5rem 1rem;color:#93939a;font-weight:600;}
#EventsListMain > div .eventLocation a{color:#93939a;}
#EventsListMain > div .eventLocation a:hover{color:#FFF;}
#EventsListMain > div .eventDescription{padding:0.5rem 1rem;}
#EventsListMain > div .eventSignup, #EventsListMain > div .eventLearnmore{display:inline-block;padding:0.5rem;text-align:center;width:calc(50% - 2rem);margin:1rem 0.5rem;background:#03B2B0;text-transform:uppercase;font-weight:600;}
#EventsListMain > div .eventSignup:hover, #EventsListMain > div .eventLearnmore:hover{background:#F89828;}
#EventsListMain > div .eventSignup:focus:not(:hover), #EventsListMain > div .eventLearnmore:focus:not(:hover){box-shadow:inset 0 0 0 2px #03B2B0, inset 0 0 0 5px #fff;outline:none;}
#EventsListMain > div .eventLearnmore{background:#FFF;color:#23232F;}
#EventsListMain > div .eventLearnmore:hover{background:#F89828;color:#FFF;}
#EventsListMain > div .eventLearnmore:focus:not(:hover){box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 5px #F89828;outline:none;}
#EventsListMain > div .eventSignup{margin-right:0;}
@media (max-width:1800px){#EventsListMain > div h2{font-size:2rem;}
}
@media (max-width:1650px){#EventsListMain > div .eventSignup, #EventsListMain > div .eventLearnmore{width:auto;padding:0.5rem 2rem;display:block;margin:0.5rem;}
}
@media (max-width:1300px){#EventsListMain > div{width:calc(50% - 2.5rem);}
#EventsListMain > div .eventSignup, #EventsListMain > div .eventLearnmore{width:calc(50% - 2rem);margin:1rem 0.5rem;display:inline-block;padding:0.5rem;}
#EventsListMain > div .eventSignup{margin-right:0;}
}
@media (max-width:1100px){#EventsListMain > div .eventSignup, #EventsListMain > div .eventLearnmore{width:auto;padding:0.5rem 2rem;display:block;margin:0.5rem;}
}
@media (max-width:800px){#EventsListMain > div{width:calc(100% - 2.5rem);}
#EventsListMain > div .eventSignup, #EventsListMain > div .eventLearnmore{width:calc(50% - 2rem);margin:1rem 0.5rem;display:inline-block;padding:0.5rem;}
#EventsListMain > div .eventSignup{margin-right:0;}
}
@media (max-width:500px){#EventsListMain > div .eventSignup, #EventsListMain > div .eventLearnmore{width:auto;padding:0.5rem 2rem;display:block;margin:0.5rem;}
#EventsListMain > div .eventDate{position:relative;width:auto;height:auto;}
#EventsListMain > div{padding:0;}
#EventsListMain > div .eventDate .day{display:inline;}
#EventsListMain > div .eventDate .date{font-size:1.5rem;line-height:1;}
}
.SiteContent, body{-ms-overflow-x:hidden;}
.sketchSection{padding:14px;background:url(/Content/images/background_PaperTile.png) top center;}
.sketchSection h2{font-size:3rem;text-align:center;}
.sketchSection h2 img{max-height:1.5em;width:auto;vertical-align:middle;margin:-0.5em 0 0 0.125em;}
.areNotWrap{display:inline-block;position:relative;width:calc(50% - 32px);margin:14px;min-height:200px;}
.areNotImage img{max-width:100%;height:auto;}
.areNotTarget{background:#23232f;color:#fff;position:absolute;top:0;left:0;width:44px;height:44px;box-shadow:0 1px 2px rgba(0,0,0,0.5);transition:width 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000),
height 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000);}
.areNotTarget:after, .areNotTarget:before{content:'';background:#fff;position:absolute;}
.areNotTarget:after{top:6px;left:20px;width:4px;height:32px;}
.areNotTarget:before{left:6px;top:20px;height:4px;width:32px;}
.areNotContent{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;pointer-events:none;background:#23232f;text-align:center;padding:1em;opacity:0;font-size:21px;font-weight:normal;}
.areNotContent h3{color:#F89828;font-size:2.25em;margin:0;padding:0;}
.areNotContent p{margin:0.5em;}
.areNotContent img{max-width:33%;height:auto;display:block;margin:0 auto;}
.areNotTarget + .areNotContent{transform:scale(0);transform-origin:top left;transition:transform 360ms cubic-bezier(0.230, 1.000, 0.320, 1.000), opacity 300ms;}
.areNotTarget:hover{width:100%;height:100%;}
.areNotTarget:hover + .areNotContent{transform:scale(1);opacity:1;}
.areNotLock:checked ~ .areNotContent{transform:scale(1);opacity:1;}
.areNotLock + label{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;}
#WhatToExpectBodyID h1{text-align:center;}
.areNotCenterWrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
@media (max-width:1500px){.sketchSection h2{font-size:2.5rem;}
}
@media (max-width:1000px){.areNotWrap{width:auto;display:block;margin:1rem auto;}
}
@media (max-width:640px){.blackContentSection h1{font-size:2rem;}
}
@media (max-width:480px){.areNotContent{padding:0.5rem;overflow:hidden;}
.areNotContent h3{font-size:2rem;z-index:10;position:relative;line-height:1.5rem;}
.areNotContent p{z-index:10;position:relative;}
.areNotContent img{position:absolute;max-width:none;opacity:0.15;top:20%;left:20%;z-index:5;}
}
#LocationContent:not(:empty){margin-bottom:1rem;}
@media screen and (min-width:0\0) and (min-resolution:+72dpi){.SiteHeader .localNav > ul li:not(.joinNowCTA):not(:first-child){max-width:none;}
}
.headerSection .headerTitle h2.cH737nmichigan:first-child{font-size:6vw;}
.headerForm .btn--formNav, .headerForm .formStepBack, .headerForm button, .headerForm input[type="submit"]{text-transform:none;font-weight:normal;cursor:pointer;}
.infoDot{display:inline-block;position:relative;height:1.8rem;line-height:1.1;width:1.8rem;background:#000;margin-left:1rem;border-radius:100%;font-size:1.75rem;color:#fff;vertical-align:top;margin-top:1.5rem;text-align:center;cursor:default;font-family:"FuturaDemiBold", FuturaPT, Futura, "Hind Siliguri", Helvetica, sans-serif;}
.infoDot .infoExt{position:absolute;background:#fff;width:470px;height:auto;z-index:15000;left:calc(-150px + 1rem);top:calc(100% + 1rem);border-radius:0.5rem;box-shadow:0 3px 21px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);color:rgba(0,0,0,0.9);font-size:1rem;padding:0.5rem 1rem;font-weight:normal;font-family:"Gotham", Montserrat, Avenir, "open sans", sans-serif;transition:transform 150ms ease-in, opacity 150ms ease-in;transform:scale(0.75);opacity:0;transform-origin:top center;pointer-events:none;}
.infoDot:hover .infoExt{transform:scale(1);opacity:1;}
.infoDot .infoExt::before{content:'';position:absolute;top:-1rem;width:1rem;height:1rem;left:calc(150px - 0.5rem);border-bottom:0.65rem solid #fff;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;}
.infoDot .infoExt ul{text-align:left;}
.infoDot .infoExt ul li{list-style:disc;margin:0.5rem 0 0 1rem;}
.infoExtClose{display:none;text-align:center;font-size:2rem;line-height:2rem;font-weight:100;opacity:0.75;}
@media(max-width:1000px){.infoDot{position:static;}
.infoExtClose{display:block;}
.infoDot .infoExt{left:1rem;right:1rem;width:auto;height:auto;top:auto;z-index:900;}
.infoDot .infoExt:before{content:none;}
.infoDot{margin:0;}
.SiteHeader .HeaderNav.generalNav {
max-height: 48px;
}
}
#JoinNowBodyID .infoDot {
visibility: hidden;
position: static;
display: block;
width: 100%;
height: auto;
padding: 0;
max-height: 280px;
margin-top: 1vw;
}
#JoinNowBodyID .infoDot .theI {
display: none;
}
#JoinNowBodyID .infoDot .infoExt:before {
content: none;
}
#JoinNowBodyID .infoDot .infoExt ul{ text-align: center; list-style-position: inside; }
#JoinNowBodyID .infoDot .infoExt ul li{ list-style-position: inside; }
#JoinNowBodyID .infoDot .infoExt {
visibility: visible;
display: block;
width: 100%;
position: static;
font-size: 1.125rem;
padding: 0;
background: none;
box-shadow: none;
opacity: 1;
transform: none;
}
@media(max-width:700px){
#JoinNowBodyID .infoDot{max-height:470px;}
#JoinNowBodyID .headerForm {
position: relative;
top: auto;
left: auto;
transform: translate(0, 0);
width: 100%;
padding: 20px;
background-image: url('/Content/images/header_JoinNow.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#JoinNowBodyID .imgWrap{ display: none; }
}
[id$="FPopup"]{position:fixed;pointer-events:none;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%);padding:1rem 3rem;border-radius:0.5rem;box-shadow:0 2px 24px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.4);box-shadow:0 2px 24px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.4), 0 0 0 calc(50vw + 50vh) rgba(0,0,0,0.5);z-index:1000;opacity:1;transition:top 200ms ease-in, opacity 150ms ease-in;}
[id$="FPopup"].hidden{top:55%;opacity:0;}
.SiteHeader .HeaderNav.generalNav{z-index:3000;}
#menuTL{z-index:4000;}
#JoinNowBodyID .infoExtClose{display:none;}
#JoinNowBodyID button{height:auto;}
#joinNowMobileLink{font-size:14px;}
.locFooterAddress{position:absolute;top:-2em;height:2em;line-height:2em;left:0;background:#23232f;padding:0 2em;color:rgba(255,255,255,0.9);font-size:16px;text-decoration:none;z-index:-2;cursor:pointer;box-shadow:inset 0 0 0 0 #f89828;transition:box-shadow 150ms ease-out;}
.locFooterAddress:hover{box-shadow:inset 0 -2em 0 0 #f89828;color:#fff;}
.bodyContent{padding-bottom:2em;}
@media (max-width:1000px){.SiteFooter{padding-top:2rem;}
.SiteFooter nav.localNav{margin-top:2rem;}
}
@media screen and (max-width: 640px){
.locFooterAddress{ width: 100%; text-align: center; }
}
@media (max-width:520px){.locFooterAddress{left:0;right:0;overflow:hidden;text-align:center;}
}
.bodyContent [id^="FAQ_Drop"] + label + div ul:not(#FranchiseeReviews){list-style:none;padding-left:0;}
.pageBottomContent{padding:2em;}
.pageBottomContent h2:first-child, .pageBottomContent h3:first-child{padding-top:0;}
.locationCallClick{display:none;padding:4px;text-align:center;}
.locationCallClick .phoneBtn, .locationCallClick .addressBtn{display:inline-block;padding:0 1em;margin:0 4px;width:calc(50% - 15px);text-align:left;height:3em;vertical-align:top;border-radius:6px;position:relative;}
.locationCallClick .divider{display:inline-block;width:2px;height:calc(4em - 12px);background:#d1d1d1;}
.locationCallClick .phoneBtn>span, .locationCallClick .addressBtn>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.locationCallClick .addressBtn>span>span{display:block;font-size:0.75em;white-space:nowrap;}
.locationCallClick .phoneBtn{background:#23232F;color:#fff;text-decoration:none;font-weight:bold;}
.locationCallClick .phoneBtn:hover{background:#131323;}
.locationCallClick .addressBtn{background:#dadada;color:#000;text-decoration:none;font-weight:bold;}
.locationCallClick .addressBtn:hover{background:#e0e0e0;}
.locationCallClick .phoneBtn>span>svg, .locationCallClick .addressBtn>span>svg{height:1.25em;width:1.25em;color:#F89828;position:absolute;left:-2em;top:calc(50% - 0.625em);}
.mobileCallArea{display:none;position:absolute;background:#fff;top:108px;z-index:-1;width:100%;height:3em;}
.mobileCallArea a{display:block;position:absolute;top:0.25em;bottom:0.25em;left:0.5em;right:0.5em;background:#000;color:#fff;text-align:center;border-radius:6px;line-height:2.5em;font-weight:bold;text-decoration:none;}
.mobileCallArea a svg{width:1.25em;height:1.25em;color:#F89828;vertical-align:middle;margin:0 0.5em 0.25em 0;}
#HomepageVideo{box-shadow:0 15px 0 #000;}
@media screen and (max-width:640px){.locationCallClick{display:block;margin:-1em 0;}
#LocationJoinNow .formStepBack{background-image:url(/Content/images/ui_backArrow.png);background-size:contain;background-repeat:no-repeat;height:2.125em;}
}
@media screen and (max-width:450px){.locationCallClick .phoneBtn, .locationCallClick .addressBtn{display:block;width:calc(100% - 15px);margin:8px;}
.locationCallClick .divider{display:none;}
.SiteHeader.scrolled .mobileCallArea{position:fixed;top:48px;z-index:1000;box-shadow:0 2px 2px rgba(0,0,0,0.1);animation:lowerCallArea 200ms ease-out forwards;}
}
@media screen and (max-width:500px){body:not([class$="--Stream"]) .mobileCallArea{display:block; top: 118px;}
#NewClientsBodyID .formSection{padding:5px;}
#NewClientsBodyID .bodyContent{padding:5px;}
}
@media screen and (max-width:400px){#PersonalTrainingBodyID .doubleWrap > div h5{font-size:27px;padding:2rem 0.5rem;}
}
@keyframes lowerCallArea{0%{top:0;}
100%{top:48px;}
}
.SiteFooter nav:not(.localNav) .footerLeft .joinNowCTA{font-size:20px;}
.wpb_text_column ul, .bodyContent .wpb_text_column ul:not(#FranchiseeReviews){list-style:none;}
#PersonalTrainersBodyID .trainerBio, #FemalePersonalTrainersBodyID .trainerBio, #MalePersonalTrainersBodyID .trainerBio {
margin-bottom: 25px;
}
.headerSection > img.banner2000{display:block;width:100%;margin:0;transform:none;}
.headerSection > img.banner1000{display:none;}
.headerSection > img.bannerOverlay{position:absolute;margin: 0 !important;top:11vw;left:0;max-width:50vw !important;min-width: 640px;}
@media(max-width:1000px){
.headerSection > img.banner1000{display:block;width:100%;margin: 0 !important;height:auto;transform:none;}
.headerSection > img.banner2000{display:none;}
.headerSection > img.bannerOverlay{left:calc(50% - 320px);width:640px;top:auto;bottom:0;}
}
@media(max-width:650px){
.headerSection > img.banner1000{margin: 50px 0 0 !important;}
.headerSection > img.bannerOverlay{left:0;width:100%;top:auto;bottom:0;min-width:0;max-width:none !important;margin:0 !important;height:auto;}
}
@media(max-width:420px){
.headerSection > img.banner1000{margin: 100px 0 0 !important;}
}
@media (max-width:1100px){
.locationLinkText{padding-right:18px;}
}
@media (max-width:1040px){
.locationLinkText{padding-right:16px;}
}
.headerPreloadWrap {
background-color:#23232f;height:25vw;transition:height 200ms ease-out;overflow:hidden;
}
.cyanCTA:nth-of-type(n) {
display: inline-block;
width: auto;
margin: 2rem 0.25rem 0;
background: #03b2b0;
color: #fff !important;
padding: 1rem 100px;
font-size: 24px;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
text-align: center;
font-family: "FuturaDemiBold", FuturaPT, Futura, "Hind Siliguri", Helvetica, sans-serif;
line-height:0.9;
max-width:100%;
}
.cyanCTA:nth-of-type(n):hover{background:#028a88;}
.cyanCTA:nth-of-type(n):focus {
background: #028a88;
color: #fff;
-webkit-box-shadow: inset 0 0 0 3px #028a88, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 3px #028a88, inset 0 0 0 5px #fff;
}
.cyanCTA.tight{
font-family:"Gotham", Montserrat, Avenir, "open sans", sans-serif;
width:380px;text-align:center;padding:0.8rem 0;font-weight:800;
}
.cyanCTA.tight strong{
font-size:0.7em;font-weight:300;display:block;
}
.bodyContent p.doubleCTAwrap{margin:0;}
.bodyContent p.doubleCTAwrap .cyanCTA:nth-of-type(n){margin-top:10px;}
.headerSection .headerTitle.blogTitle h2:last-child{font-size: 4.5vw;}
@media (max-width:640px){
.headerSection .headerTitle.blogTitle h2:last-child{font-size: 9vw;}
.cyanCTA:nth-of-type(n){padding: 1rem 40px;}
}
.P--Blog--Stream .bodyContent h1{text-align:center;margin:1em 0;}
.BlogList__date{margin: -1em 0.25em 0.5em -1em;}
.BlogEntryDate__month, .BlogEntryDate__day{color:#F89828;}
.BlogList__item{background:#fcfcfb;padding: 1em;box-shadow: inset 0 0 0 0.5em #F89828;width:calc(100%/5 - 20px);margin:0 10px 20px;max-width:330px;}
.BlogList__item a.btn--blogList{
border-radius:0;background:#F89828;color:rgba(255,255,255,0.9);text-transform: uppercase;
font-weight: bold;font-family: "Gotham", Montserrat, Avenir, "open sans", sans-serif;
margin:15px auto;display:block;text-align:center;clear:both;
}
.BlogList__item a.btn--blogList:hover{background:#e28415;color:#fff;}
.BlogList__item h3.BlogList__heading{margin:0.5em 0;}
.BlogList__item .BlogList__body{clear:both;margin-top:0.5em;}
.BlogList__item .BlogList__ImgThumb{padding:0;}
.BlogList__item .BlogList__ImgThumb img, .BlogList__item .YoutubeThumb{margin:0 auto;max-width:300px;height:auto;}
@media (max-width:1600px){.BlogList__item{width:calc(100%/4 - 20px);margin:0 10px 20px;}}
@media (max-width:1200px){.BlogList__item{width:calc(100%/3 - 20px);margin:0 10px 20px;}}
@media (max-width:840px){.BlogList__item{width:calc(100%/2 - 20px);margin:0 10px 20px;}}
@media (max-width:550px){.BlogList__item{width:calc(100% - 20px);margin:0 10px 20px;}}
.P--Blog--Entry iframe, .P--Blog--Entry .instagram-media{
display:block;float:none;margin:0 auto !important;
}
.bodyContent figure{text-align:center;}
.bodyContent figcaption{font-size:1.3em;font-weight:600;}
.P--Blog--Entry h2.sectionDivider{margin:0 0 1em;}
.P--Blog--Entry h2.sectionDivider a{text-decoration:none;}
#HomepageVidGap .vidOverlay h2 sup{top: -0.73em;font-size: 0.5em;font-weight:600;}
.footBanner.forMobile{display:none;}
.footBanner.forDesktop{display:block;}
@media (max-width:640px){
.footBanner.forMobile{display:block;}
.footBanner.forDesktop{display:none;}
}
.anotherSuccessSubbanner{
display:block;font-weight:bold;text-align:right;padding:0.5em 11.8vw;margin:0;width:100%;font-size:2.43vw;position:relative;
background-image:url(/Content/images/background_ShoeKnockout.png), linear-gradient(100deg,#dfdfdf,#e5e5e5 20%,#f0efed 36%,#fff 50%);
background-size:auto 46%, auto;background-position:center;background-attachment:scroll,fixed;color:#000;cursor:pointer;
-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;text-decoration:none;
}
.anotherSuccessSubbanner:hover{color:#F8992F;}
.anotherSuccessSubbanner:after{
content:'';background-image:url(/Content/images/ui_chevron.png);background-size:contain;background-repeat:no-repeat;background-position:center;
width:8vw;height:6vw;right:0;display:block;position:absolute;top:-2vw;right:3.5vw;
}
.anotherSuccessSubbanner:hover:after{
transform:translate(0,0);animation: bounce 2s infinite ease-out;
}
@keyframes bounce{
0%{transform:translate(0,0);}
20%{transform:translate(1vw,0);}
30%{transform:translate(0,0);}
50%{transform:translate(1vw,0);}
60%{transform:translate(0,0);}
100%{transform:translate(0,0);}
}
.anotherSuccessSubbanner img{height:1.75em;width:auto;margin-bottom:-0.79em;}
@media(max-width:1000px){
.anotherSuccessSubbanner{font-size:25px;padding:12.5px 118px 12.5px 0;}
.anotherSuccessSubbanner:after{height:60px;width:80px;top:-20px;right:35px;}
}
@media(max-width:640px){
.anotherSuccessSubbanner{font-size:5vw;padding:0.5em;text-align:center;}
.anotherSuccessSubbanner:after{display:none;}
}
.flipCardLinkTarget{position:absolute;top:-90px;}
.bodyContent ul li{list-style-position: inside;}
.double-group .half-left{width:50%;min-width:300px;float:left;padding-right:1em;}
.double-group .half-right{width:50%;min-width:300px;float:right;padding-left:1em;}
.double-group .clear{clear:both;}
body[class*="Promo"] h1 {color:#F89828;font-size:48px;font-size:3rem;text-align:center;}
body[class*="Promo"] h2, .P--HealthyFoundations--Stream h2 {
color: #000;
font-size: 1.6em;
}
body[class*="Promo"] * .cyanCTA:last-child:first-child{margin:1rem 0.25rem;}
body[class*="Promo"] .bodyContent > ul{column-count:2;}
.double-group h3{color:#F89828;font-size:2em;text-transform:uppercase;padding-bottom:0;}
.double-group ol{margin:1em 0 0 0;padding:0 1em;list-style:none;counter-reset:dgroupOL;}
.double-group ol li{counter-increment:dgroupOL;margin-bottom:0.5em;position:relative;}
.double-group ol li:before{content:counter(dgroupOL);font-weight:bold;position:absolute;left:-2.4em;text-align:right;display:block;width:2em;}
@media(max-width:1000px){body[class*="Promo"] .SiteFooter{padding-top:0;}}
@media(max-width:670px){.double-group .half-left, .double-group .half-right{padding:0;width:100%;display:block;}body[class*="Promo"] h1 {font-size:2.25em;}body[class*="Promo"] .bodyContent > ul{column-count:1;}}
@media(max-width:650px){ body[class*="Promo"] .headerSection > img.banner1000{margin-top:0 !important;}}
.doubledList{
display:block;font-size:0;text-align:center;
}
.doubledList ul{font-size:1rem;display:inline-block;width:50%;text-align:left;width:auto;margin:0 1em;}
@media(max-width:1150px){.doubledList ul{display:block;width:auto;max-width:550px;margin:0 auto;}}
@media(max-width:600px){.doubledList ul li{margin-bottom:0.5em;}}
#RandomReviews{
display:block;position:fixed;left:50px;bottom:15px;color:#23232f;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;
z-index:510;
}
.gReview{
bottom:0;left:0;width:318px;height:auto;background:#fff;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.4);padding:1em 1em 0;
padding-left:calc(50px + 1em);background-image:url(/Content/images/googleFav80.png);background-size:40px;background-position:12px center;background-repeat:no-repeat;
position:relative;display:inline-block;
}
#RandomReviews .gReview{position:absolute;}
#RandomReviews .js-Review:after{content:'';position:absolute;top:calc(100% - 1px);left:20px;border-width:14px 11px;border-style:solid;border-color:transparent;border-top-color:#fff;}
#RandomReviews .js-Review:before{content:'';position:absolute;top:calc(100% + 1px);left:20px;border-width:14px 11px;border-style:solid;border-color:transparent;border-top-color:rgba(0,0,0,0.4);}
#RandomReviews .js-Review.showRecent{transition:opacity 1s, transform 1s;transform:scale(1);transform-origin:bottom left;}
#RandomReviews .js-Review:not(.showRecent) {opacity:0;pointer-events:none;transition:opacity 2s, transform 0s 2s;transform:scale(0.8);}
#RandomReviews .js-Review .js-Disable{position:absolute;top:9px;right:9px;font-weight:bold;font-size:19px;width:19px;height:19px;text-align:center;border-radius:100%;cursor:pointer;user-select:none;}
#RandomReviews .js-Review .js-Disable:hover{background:#43434f;color:#fff;}
@media(max-width:790px){
#RandomReviews{display:none;}
}
.gReview .ReviewBody{padding:1em 1em 0;position:relative;font-size:14px;pointer-events:none;}
.gReview .ReviewBody p{display:contents;}
.gReview .ReviewBody:before{content:"\201C";font-weight:700;font-size:1.25em;color:#ff9000;position:absolute;left:0;}
.gReview .ReviewBody:after{content:"\201D";font-weight:700;font-size:1.25em;color:#ff9000;display:inline-block;}
.gReview .AllReviewsLink{padding:10px 25px;border:2px solid #ff9000;display:inline-block;margin:0;font-weight:700;text-decoration:none;color:#23232f;font-size:14px;}
.gReview .AllReviewsLink:hover{background:#ff9000;color:#fff;border-color:#ee8000;}
.gReview .LinkWrap{display:inline-block;text-align:right;width:calc(50% - 5px);margin:1em 0 1em 0;vertical-align:middle;}
.gReview .ReviewData{display:inline-block;width:calc(50% - 5px);margin:1em 0 1em 0;vertical-align:middle;pointer-events:none;}
.gReview .MemberName{font-size:13px;font-weight:700;display:inline-block;text-transform:uppercase;color:#ff9000;margin:0;}
.gReview .EnrollDate{font-size:13px;font-weight:400;display:inline-block;font-style:italic;float:left;margin:0;}
.reviewsWrapper{
display:block;text-align:center;position:relative;margin-bottom:50px
}
.reviewsWrapper #ReadReviews{position:absolute;top:-48px;}
.inlineReviews{display:inline-block;text-align:left;max-width: 100%;}
.inlineReviews .gReview{box-shadow:none;border-radius:0;background-color:transparent;vertical-align:top;width:500px;max-width:100%;margin:0 1em;}
.inlineReviews .LinkWrap{display:none;}
.inlineReviews .ReviewData{display:block;float:none;width:100%;margin-left:1em;}
.inlineReviews .EnrollDate{display:block;float:none;}
.inlineReviews .MemberName{font-size:15px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#NewClientsBodyID .formRow input[name]{
padding:0 1em;
}
}
.bodyContent img.img2000-700 {display:block;}
.bodyContent img.img700-320 {display:none;}
@media(max-width:700px){
.bodyContent img.img2000-700 {display:none;}
.bodyContent img.img700-320 {display:block;}
}
#YouImproved2018BodyID h1,#YouImproved2018BodyID h2{font-size:35px;font-weight:600;color:#F89828;text-transform:none;}
#YouImproved2018BodyID h2{font-size:35px;font-weight:600;color:#F89828;text-transform:uppercase;}
#YouImproved2018BodyID .bodyContent ul{column-count:1;}
#YouImproved2018BodyID .bodyContent ul li{margin-bottom:1em;}
body[class*="Promo"]#NutritionStartTodayBodyID h1, .P--HealthyFoundations--Stream h1 {
font-size: 35px;
text-align: left;
color: #F89828;
}
body[class*="Promo"]#NutritionStartTodayBodyID iframe{margin:0 0 20px 40px;}
body[class*="Promo"]#LiveLean2019BodyID h1{font-size:35px;text-align:left;}
body[class*="Promo"]#LiveLean2019BodyID iframe{margin:0 0 20px 40px;}
body[class*="Promo"]#LiveLean2019BodyID .bodyContent ul{line-height:1.5;}
body[class*="Promo"]#LiveLean2019BodyID .bodyContent ul li{break-inside:avoid;}
body[class*="Promo"]#LiveLean2019BodyID .bodyContent ul ul{list-style:none;}
body[class*="Promo"]#LiveLean2019BodyID .bodyContent ul ul li:before{content:"-";margin-right:1em;}
@media(max-width:1300px){
body[class*="Promo"]#NutritionStartTodayBodyID iframe{display:block;float:none;margin:20px auto;max-width:100%;}
body[class*="Promo"]#LiveLean2019BodyID iframe{display:block;float:none;margin:20px auto;max-width:100%;}
}
@media(max-width:640px){
body[class*="Promo"]#NutritionStartTodayBodyID iframe{min-height: 40vw;}
}
.bodyContent .cyanCTA{
position:relative;
}
.bodyContent .cyanCTA:before{
content:attr(data-buttonLabel);position:absolute;font-weight:700;white-space:nowrap;
bottom:calc(100% + 9px);color:#000;left:0;font-size:1rem;text-transform:none;
font-family:"Gotham", Montserrat, Avenir, "open sans", sans-serif;
}
.SiteHeader .localNav > ul li:not(.joinNowCTA):nth-child(1):nth-last-child(4),
.SiteHeader .localNav > ul li:not(.joinNowCTA):nth-child(2):nth-last-child(3),
.SiteHeader .localNav > ul li:not(.joinNowCTA):nth-child(3):nth-last-child(2){
max-width:none;
}
.SiteHeader .localNav > ul li:not(.joinNowCTA):nth-child(3):nth-last-child(2) .locationLinkText,
.SiteFooter .localNav > ul li:not(.joinNowCTA):last-child .locationLinkText{border-right:none;}
.studioMapListing .gm-style .gm-bundled-control img{
top:50%;
left:50%;
margin:0;
transform:translate(-50%,-50%);
}
@media(max-width:850px){
.cyanCTA:nth-of-type(n){
margin-top:0;
font-size:18px;
padding: 1rem 50px;
}
}
@font-face {
font-family: 'FuturaDemiBold';
src: url("/Content/fonts/FuturaDemiBold.woff") format("woff"), url("/Content/fonts/FuturaDemiBold.otf") format("opentype"), url("/Content/fonts/FuturaDemiBold.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Gotham';
src: url("/Content/fonts/Gotham-Bold.woff") format("woff"), url("/Content/fonts/Gotham-Bold.ttf") format("truetype"), url("/Content/fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Gotham';
src: url("/Content/fonts/Gotham-Reg.woff") format("woff"), url("/Content/fonts/Gotham-Reg.ttf") format("truetype"), url("/Content/fonts/Gotham-Reg.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Gotham';
src: url("/Content/fonts/Gotham-Light.woff") format("woff"), url("/Content/fonts/Gotham-Light.ttf") format("truetype"), url("/Content/fonts/Gotham-Light.eot?#iefix") format("embedded-opentype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Bold.eot");
src: local("Hind Siliguri Bold"), local("HindSiliguri-Bold"), url("/Content/fonts/hinted-subset-HindSiliguri-Bold.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Bold.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Regular.eot");
src: local("Hind Siliguri Regular"), local("HindSiliguri-Regular"), url("/Content/fonts/hinted-subset-HindSiliguri-Regular.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Regular.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Light.eot");
src: local("Hind Siliguri Light"), local("HindSiliguri-Light"), url("/Content/fonts/hinted-subset-HindSiliguri-Light.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Light.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.eot");
src: local("Hind Siliguri SemiBold"), local("HindSiliguri-SemiBold"), url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Hind Siliguri';
src: url("/Content/fonts/hinted-subset-HindSiliguri-Medium.eot");
src: local("Hind Siliguri Medium"), local("HindSiliguri-Medium"), url("/Content/fonts/hinted-subset-HindSiliguri-Medium.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-subset-HindSiliguri-Medium.woff") format("woff"), url("/Content/fonts/hinted-subset-HindSiliguri-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal; }
#SocialFeed {
width: 100%; }
/*!
Changes made to the .css file will be overwritten. To edit styles,
change the .scss file, then use Prepros (https://prepros.io/) or
another SCSS compiler.
*/
.drop-input {
position: absolute;
visibility: hidden; }
@media screen and (max-width: 870px) {
.drop-input:checked ~ .drop-label svg {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg); }
.drop-input:checked ~ .dropdown {
max-height: 1000px !important; } }
.drop-label, .second-label {
position: absolute;
right: 7px;
top: 17px;
pointer-events: none;
z-index: 1000; }
.drop-label svg, .second-label svg {
width: 12px;
height: 12px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media screen and (max-width: 870px) {
.drop-label, .second-label {
right: 0;
top: 0;
width: 36px;
height: 36px;
pointer-events: all;
border-left: solid 1px #9a9aa3;
cursor: pointer; }
.drop-label svg, .second-label svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
.second-label {
right: 15px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
@media screen and (min-width: 751px) {
.second-label {
right: 15px; } }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list {
margin-right: 20px; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) {
position: relative;
margin: 0 20px; }
@media screen and (max-width: 1350px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) {
margin: 0 10px; } }
@media screen and (max-width: 1200px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) {
margin: 0; } }
@media screen and (max-width: 970px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) {
margin: 0; } }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) a {
padding: 17px 25px; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) a.has-drop {
padding-right: 35px; }
@media screen and (max-width: 870px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) a.has-drop {
width: calc(100% - 36px) !important;
padding-left: 36px !important; } }
@media screen and (max-width: 1000px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) a {
padding: 17px; } }
@media screen and (max-width: 1000px) and (min-width: 871px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo) {
width: 130px; } }
@media screen and (min-width: 871px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo):hover .drop-label svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li:not(.logo):hover .dropdown {
top: 100%;
opacity: 1;
pointer-events: all; } }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown {
background-color: #23232F;
position: absolute;
top: 150%;
width: 250px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown.loc-drop {
width: 190px; }
@media screen and (max-width: 870px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown.loc-drop {
width: 100%; } }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop {
margin: 0;
padding: 0;
width: 100%; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li {
display: block;
margin: 0; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li small {
display: block; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li ul {
width: 200px;
position: absolute;
left: 100%;
background-color: #23232F;
opacity: 0;
top: 50%;
pointer-events: none;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media screen and (max-width: 970px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li ul {
width: 180px; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li ul a {
padding: 17px 10px; } }
@media screen and (max-width: 870px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li ul {
width: 100%; } }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li .inner-input {
position: absolute;
visibility: hidden; }
@media screen and (max-width: 870px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li .inner-input:checked ~ .second-label svg {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg); }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li .inner-input:checked ~ ul {
max-height: 1000px !important; } }
@media screen and (min-width: 871px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li:hover ul {
opacity: 1;
pointer-events: all;
top: 0; } }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop a {
display: block; }
@media screen and (max-width: 1000px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li {
float: none;
width: 100%; } }
@media screen and (max-width: 870px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown {
position: relative;
width: 100%;
max-height: 0;
overflow: hidden;
opacity: 1;
pointer-events: all;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown ul {
background-color: #343446 !important; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .second-label {
display: none; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li ul {
display: block;
background-color: #23232F !important;
position: relative;
width: 100%;
opacity: 1;
pointer-events: all;
top: auto;
left: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
line-height: 0; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list .dropdown .main-drop li ul a {
line-height: 37px; } }
@media screen and (max-width: 1000px) and (min-width: 871px) {
.SiteHeader .HeaderNav.generalNav {
width: 100%;
right: 0; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.SiteHeader .HeaderNav.generalNav .HeaderNav__list li.logo {
position: absolute;
left: 0;
top: 0; } }
@media screen and (max-width: 1000px) and (min-width: 871px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__social {
position: absolute;
top: 0;
right: 0; } }
footer {
min-height: 0 !important; }
.footer-wrap {
margin: 0 !important;
padding-top: 60px;
padding-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #fff;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (max-width: 1300px) {
.footer-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.footer-wrap .basic-btn {
margin-bottom: 0;
width: 100%; }
.footer-wrap a {
color: #fff; }
.footer-wrap .logo {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.footer-wrap .logo:hover {
opacity: 0.6; }
.footer-wrap h2 {
white-space: nowrap;
color: #000;
text-transform: uppercase;
font-size: 30px;
margin: 0;
padding: 0; }
.footer-wrap h2 img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -10px; }
.footer-wrap h2 .white {
color: #fff;
font-size: 38px; }
@media screen and (max-width: 1500px) {
.footer-wrap h2 {
font-size: 27px; }
.footer-wrap h2 .white {
font-size: 32px; } }
@media screen and (max-width: 350px) {
.footer-wrap h2 {
font-size: 25px; }
.footer-wrap h2 .white {
font-size: 30px; } }
.footer-wrap .cell {
display: inline-block; }
.footer-wrap .cell.left {
width: 440px;
text-align: center;
margin-top: -30px; }
@media screen and (max-width: 1300px) {
.footer-wrap .cell.left {
margin-bottom: 20px; }
.footer-wrap .cell.left img {
max-width: 400px;
margin: 0 auto; } }
.footer-wrap .cell.middle {
width: calc(100% - 440px - 360px);
padding: 0 7%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.footer-wrap .cell.middle ul {
margin: 0;
padding: 0; }
.footer-wrap .cell.middle ul li {
list-style: none; }
.footer-wrap .cell.middle a {
text-decoration: none;
padding: 5px 0;
display: block;
font-weight: bold;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
@media screen and (max-width: 800px) {
.footer-wrap .cell.middle a {
font-size: 16px; } }
@media screen and (max-width: 420px) {
.footer-wrap .cell.middle a {
font-size: 15px; } }
@media screen and (max-width: 1600px) {
.footer-wrap .cell.middle {
padding: 0 5%; } }
@media screen and (max-width: 1500px) {
.footer-wrap .cell.middle {
padding: 0 3%; } }
@media screen and (max-width: 1300px) {
.footer-wrap .cell.middle {
padding: 0 5% 0 0; } }
@media screen and (max-width: 800px) {
.footer-wrap .cell.middle {
padding: 0 0 0 0; } }
@media screen and (max-width: 390px) {
.footer-wrap .cell.middle {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center; }
.footer-wrap .cell.middle ul {
width: 50%; }
.footer-wrap .cell.middle ul:nth-of-type(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.footer-wrap .cell.middle ul:nth-of-type(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.footer-wrap .cell.middle ul:nth-of-type(2) li {
width: 50%; }
.footer-wrap .cell.middle ul:nth-of-type(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
.footer-wrap .cell.right {
width: 360px; }
.footer-wrap .cell.right .socialLinks {
width: 100%;
margin-top: 10px;
text-align: center; }
.footer-wrap .cell.right .socialLinks a {
position: relative;
display: inline-block;
width: auto;
vertical-align: middle;
width: 45px;
height: 45px;
background-color: #000;
margin: 0 5px; }
.footer-wrap .cell.right .socialLinks a img {
max-width: 90%;
max-height: 65%;
display: inline-block;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.footer-wrap .cell.right .socialLinks a:hover {
background-color: #23232F; }
@media screen and (max-width: 1500px) {
.footer-wrap .cell.left {
width: 350px; }
.footer-wrap .cell.middle {
width: calc(100% - 350px - 320px); }
.footer-wrap .cell.right {
width: 320px; } }
@media screen and (max-width: 1300px) {
.footer-wrap .cell.left {
width: 100%; }
.footer-wrap .cell.middle {
width: calc(100% - 320px); }
.footer-wrap .cell.right {
width: 320px; } }
@media screen and (max-width: 800px) {
.footer-wrap .cell.middle {
width: 100%; }
.footer-wrap .cell.right {
margin: 0 auto;
margin-top: 30px; } }
.footer-wrap .copyright {
color: #be6906;
margin-top: 20px;
display: block; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 300px !important; }
@media screen and (max-width: 640px) {
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul {
background-color: #23232F;
position: relative;
display: block !important;
top: auto !important;
left: auto !important;
bottom: auto !important;
right: auto !important;
width: 100% !important;
height: auto;
max-height: 0;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
pointer-events: all;
z-index: 200; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul li {
display: block !important; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul a {
color: #fff; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) ul a:hover {
background-color: #343446 !important; } }
.SiteFooter .localNav > ul li:not(.joinNowCTA) .foottrain-toggle:checked ~ ul {
max-height: 500px !important; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label {
padding-left: 30px; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a .locationLinkText, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label .locationLinkText {
padding-right: 40px; }
@media screen and (max-width: 640px) {
.foottrain-label {
cursor: pointer; }
.foottrain-label:after, .foottrain-label:before {
content: '';
position: absolute;
display: block;
width: 14px;
height: 3px;
background-color: #F89828;
right: 20px;
top: 25px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.foottrain-label:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); } }
.foottrain-toggle {
display: none; }
.foottrain-toggle:checked ~ .foottrain-label:before {
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg); }
.foottrain-toggle:checked ~ ul {
max-height: 600px; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label .locationLinkText {
padding-right: 55px; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label .locationLinkText img {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
transform: translate(0, -50%) rotate(180deg);
-webkit-filter: brightness(130%);
filter: brightness(130%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
@media screen and (max-width: 640px) {
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label .locationLinkText img {
display: none; } }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > label .locationLinkText:hover img {
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg); }
.SiteFooter .localNav {
top: auto;
bottom: 100%;
width: 100%;
left: 0; }
.SiteFooter .localNav ul {
right: auto;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
white-space: nowrap;
width: 850px; }
@media screen and (max-width: 1000px) {
.SiteFooter .localNav ul {
left: auto;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
position: relative; }
.SiteFooter .localNav ul li {
margin-left: -8px !important; } }
@media screen and (max-width: 640px) {
.SiteFooter .localNav ul li {
margin-left: 0 !important; } }
@media screen and (max-width: 1000px) {
.SiteFooter .localNav {
left: auto;
top: auto;
bottom: auto;
margin-top: -2rem !important;
height: auto !important;
position: relative; } }
@media screen and (max-width: 640px) {
.SiteFooter .localNav li {
margin-left: 0 !important;
width: 100%;
display: block;
padding: 0;
height: auto !important; }
.SiteFooter .localNav li span, .SiteFooter .localNav li a, .SiteFooter .localNav li label {
height: auto !important;
display: block !important;
width: 100%;
padding: 20px !important;
margin: 0 !important;
font-size: 14px;
letter-spacing: 0.4px;
border-bottom: solid 1px #23232F; }
.SiteFooter .localNav li span br, .SiteFooter .localNav li a br, .SiteFooter .localNav li label br {
display: none; }
.SiteFooter .localNav li span svg, .SiteFooter .localNav li a svg, .SiteFooter .localNav li label svg {
display: block !important;
float: none !important;
position: absolute !important;
left: 10px !important;
top: 15px !important;
margin: 0; }
.SiteFooter .localNav li span span, .SiteFooter .localNav li a span, .SiteFooter .localNav li label span {
padding: 0 !important;
display: inline-block !important;
width: auto !important;
border-bottom: none;
position: relative; }
.SiteFooter .localNav li span span.location, .SiteFooter .localNav li a span.location, .SiteFooter .localNav li label span.location {
display: none; } }
@media screen and (max-width: 1000px) {
.SiteFooter .localNav > ul li:not(.joinNowCTA) svg {
height: 25px;
width: 25px;
margin-right: 5px; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label {
font-size: 13px; } }
@media screen and (max-width: 640px) {
.SiteFooter .localNav > ul li:not(.joinNowCTA) {
margin-right: 0; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.SiteFooter .localNav > ul li:not(.joinNowCTA) > a:hover, .SiteFooter .localNav > ul li:not(.joinNowCTA) > label:hover {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #121218; } }
@media screen and (max-width: 620px) {
.SiteFooter .localNav > ul li:first-child a .locationLinkText span {
display: block; } }
.orangeBG {
background-color: #F89828; }
.orangeBG h2 {
color: #000; }
.locationLinkText.pt-lab {
position: relative;
padding-right: 45px; }
.locationLinkText.pt-lab img {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-filter: brightness(130%);
filter: brightness(130%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.SiteHeader .localNav > ul li:not(.joinNowCTA):hover img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
@media screen and (max-width: 1400px) and (min-width: 1001px) {
.SiteHeader .navHomeLogo {
width: 320px;
margin-left: 42px; }
.SiteHeader .localNav {
width: 67%; } }
@media screen and (max-width: 1260px) and (min-width: 1001px) {
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
display: inline-block !important; } }
@media screen and (max-width: 1100px) and (min-width: 1001px) {
.SiteHeader .localNav li.joinNowCTA a {
padding: 11px 10px; } }
@media screen and (max-width: 1040px) and (min-width: 1001px) {
.SiteHeader .localNav .locationLinkText {
padding-right: 11px; }
.SiteHeader .localNav .locationLinkText.pt-lab {
padding-right: 35px; }
.SiteHeader .localNav .locationLinkText.pt-lab img {
right: 10px; } }
@media screen and (max-width: 1000px) {
.SiteHeader .HeaderNav.generalNav .HeaderNav__social {
width: 50px !important; } }
@media screen and (max-width: 770px) {
.SiteHeader .localNav > ul li:not(.joinNowCTA) svg {
display: inline-block !important;
float: none;
vertical-align: middle; }
.SiteHeader .localNav .locationLinkText {
vertical-align: middle;
padding-left: 0; } }
@media screen and (max-width: 550px) {
.SiteHeader .localNav .locationLinkText {
font-size: 11px; } }