/* COLOR CHANGE TEXT BACKGROUND SCHEDULE */
#reserve .scheduleClass.pop[data-classid="2347247448075797584"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

#reserve .scheduleClass.pop[data-classid="2348019829232895757"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

#reserve .scheduleClass.pop[data-classid="2347244454626199265"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

#reserve .scheduleClass.pop[data-classid="2347241387633673965"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

#reserve .scheduleClass.pop[data-classid="2347244785833609115"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

#reserve .scheduleClass.pop[data-classid="2347241599085315930"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

#reserve .scheduleClass.pop[data-classid="2347241712239249311"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

#reserve .scheduleClass.pop[data-classid="2347244895237833742"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
    animation: color-change 0.5s infinite;
}

@keyframes color-change {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

/*Hide Mailchimp checkbox Signup page*/
div#mailchimp_subscriberow.control-group{
  visibility: hidden;
}

/* BLINKING ORANGE BACKGROUND SCHEDULE */
#reserve .scheduleClass.pop[data-classid="2302238820029957845"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
   animation: blink 1.5s infinite;
   animation-fill-mode: both;
}

@keyframes blink {
   0% { opacity: 0 }
   50% { opacity: 1 }
   100% { opacity: 0 }
   }

#reserve .scheduleClass.pop[data-classid="2302238204180301244"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
   animation: blink 1.5s infinite;
   animation-fill-mode: both;
}

@keyframes blink {
   0% { opacity: 0 }
   50% { opacity: 1 }
   100% { opacity: 0 }
   }

#reserve .scheduleClass.pop[data-classid="2306627893037369182"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
   animation: blink 1.5s infinite;
   animation-fill-mode: both;
}

@keyframes blink {
   0% { opacity: 0 }
   50% { opacity: 1 }
   100% { opacity: 0 }
   }


/* GYM CLOSED */
#reserve .scheduleClass.pop[data-classid="2171860392404321967"] {
background-color: #ff4600;
  color: #fff !important;
  padding-left: 2px;
}
#reserve .scheduleClass.pop[data-classid="2321779097191056535"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
   animation: blink 1.5s infinite;
   animation-fill-mode: both;
}

@keyframes blink {
   0% { opacity: 0 }
   50% { opacity: 1 }
   100% { opacity: 0 }
   }

#reserve .scheduleClass.pop[data-classid="2321766815966955421"] {
    color:  #fff !important;
    background-color: #ff4600;
    line-height: 1.3;
    padding-left: 0.1em;
    font-weight: bold;
   animation: blink 1.5s infinite;
   animation-fill-mode: both;
}

@keyframes blink {
   0% { opacity: 0 }
   50% { opacity: 1 }
   100% { opacity: 0 }
   }

/* GYM CLOSED */
#reserve .scheduleClass.pop[data-classid="2171889770458776900"] {
  background-color: #ff4600;
  color: #fff !important;
  padding-left: 2px;
}


/* My classes background green to black  */
.zf-body .table tbody tr.success td {
  background-color: #000 !important;
}

/* 01 MASTERCLASS PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1762969873916364667"] {
  background-color: #ff4600;
  color: #000 !important;
  padding-left: 5px;
}
/* 02 CYCLE PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1762973479616906417"] {
  background-color: #05ff10;
  color: #000 !important;
  padding-left: 5px;
}
/* 03 WEIGHTLIFTING PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763068667408418257"] {
  background-color: #27aae1;
  color: #000 !important;
  padding-left: 5px;
}
/* 04 SCULPT PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763068992441812720"] {
  background-color: #9600ff;
  color: #fff !important;
  padding-left: 5px;
}
/* 05 BARRE PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763071451872625841"] {
  background-color: #00d6d6;
  color: #000 !important;
  padding-left: 5px;
}
/* 06 CYCLE PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1762973079530636960"] {
  background-color: #05ff10;
  color: #000 !important;
  padding-left: 5px;
}
/* 07 MASTERCLASS PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1762970444584977901"] {
  background-color: #ff4600;
  color: #000 !important;
  padding-left: 5px;
}
/* 08 BARRE PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763071176457848672"] {
  background-color: #00d6d6;
  color: #000 !important;
  padding-left: 5px;
}
/* 09 POWERHOUSE PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763069109202847602"] {
  background-color: #006800;
  color: #000 !important;
  padding-left: 5px;
}
/* 10 YOGA PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763071586216183151"] {
  background-color: #ff9627;
  color: #000 !important;
  padding-left: 5px;
}
/* 11 STRENGTH PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1762970011430814762"] {
  background-color: #ff00ff;
  color: #000 !important;
  padding-left: 5px;
}
/* 12 BOX PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763062490876348001"] {
  background-color: #0f00f8;
  color: #000 !important;
  padding-left: 5px;
}
/* 13 CYCLE PPG X ADE */
#reserve .scheduleClass.pop[data-classid="1763056660793788002"] {
  background-color: #05ff10;
  color: #000 !important;
  padding-left: 5px;
}

#serieslisting blockquote
{color: #fff !important;
}
.table
{color: #fff !important;
}
.zf-body h3 
{color: #fff !important;
}
.zf-body p
{color: #fff !important;
}
.zf-body h4
{color: #fff !important;
}
body
{color: #fff !important;
}
.zf-body .btn
{
color: #fff;
text-transform: uppercase;
background-color: #000;
border: 1px solid #000 !important;
}
.zf-body .btn:hover {
color: #b59a7d;
background-color: #fff;
border: 1px solid #b59a7d;
}
.scheduleBlock>span
{color: #fff;
}

.page-content .panel-bordered
   { background-color: #000 !important;
}

.zf-body h1
   { background-color: #000;
}
.zf-body h2  
 { background-color: #000;
}
.scheduleBlock
   {background-color: #000 !important;}

.zf-body .form-checkout
   {background-color: #000 !important;}

.ordersummary.table.panel-bordered tbody tr th
   { background-color: #ff4600 !important; }

.ordersummary.table.panel-bordered
   { background-color: #333 !important; }

.my-account .dropdown-menu
  { background-color: #ff4600 !important;
    border: 0 !important;
}

// HIDDEN CODE //
/*
.my-account
{
  display: none !important;
}
*/

input:not([name="_cancel"]):not([name="_submit"]):not([name="agreeterms"]):not([type="checkbox"]), select
  {
background-color: #fff !important;
color: #000 !important;
}

#signinbox h2
   { background-color: #000;
}

#signupbox h2
   { background-color: #000;
}

#username
   { background-color: #fff;
color: #ff4600;
}
#password
   { background-color: #fff;
color: #ff4600;
}
.container-fluid
   { background-color: #000;
}
body { 
   background-color: #000;
}
#reserveweeknav
   { background-color: #000;
}

#reserve
   { background-color: #000
}

#schedule .page-content
   { background-color: #000 !important;
}

table tbody tr td span :not(.scheduleClass) {
	color:#959595 !important;

}
a:link {
  text-decoration: none;
}
.offset2 table tbody tr td table tbody tr td img{
	position:relative;
	top:0px;
	left:150px;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-border {
  border: 0 !important;
}

.no-bg {
  background: transparent !important;
}

.margin20top {
  margin-top: 20px;
}

.margin20bottom {
  margin-bottom: 20px;
}

.right {
  float: right !important;
}

.left {
  float: left !important;
}

.box {
  width: 100%;
  float: left;
}

.hidden {
  display: none;
}

.a-left {
  text-align: left !important;
}

.a-center {
  text-align: center !important;
}

.a-right {
  text-align: right !important;
}

.main-wrapper {
  width: 100%;
  float: left;
  position: relative;
  position: relative;
  padding-bottom: 72px;
  min-height: 100vh;
  background: #000;
}
.main-wrapper.login {
  background: #531600;
  background: -moz-linear-gradient(top, #531600 0%, black 100%);
  background: -webkit-linear-gradient(top, #531600 0%, black 100%);
  background: linear-gradient(to bottom, #531600 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#531600', endColorstr='#000000',GradientType=0 );
}

.site-container {
  max-width: 1520px;
  padding: 0 10px;
  margin: 0 auto;
}
.site-container:before, .site-container:after {
  content: "";
  display: table;
}
.site-container:after {
  clear: both;
}
.site-container.login {
  max-width: 520px;
}

.main-header {
  width: 100%;
  float: left;
  position: relative;
  border-top: 5px solid #ff6700;
  padding: 14px 0 14px;
  background: #030000;
  display: none !important; /* Because of iframe */
}
.main-header:before {
  content: "";
  top: 0;
  left: 0;
  z-index: 0;
  position: absolute;
  height: 100%;
  width: 20%;
  background: #551600;
  background: -moz-linear-gradient(-45deg, #551600 0%, #070100 100%);
  background: -webkit-linear-gradient(-45deg, #551600 0%, #070100 100%);
  background: linear-gradient(135deg, #551600 0%, #070100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#551600', endColorstr='#070100',GradientType=1 );
}
.main-header:after {
  content: "";
  top: 0;
  z-index: 0;
  position: absolute;
  height: 100%;
  width: 20%;
  background: #070100;
  background: -moz-linear-gradient(45deg, #070100 1%, #551600 100%);
  background: -webkit-linear-gradient(45deg, #070100 1%, #551600 100%);
  background: linear-gradient(45deg, #070100 1%, #551600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070100', endColorstr='#551600',GradientType=1 );
}
.main-header .site-container {
  position: relative;
  max-width: 1360px;
  z-index: 2;
}
.main-header .logo {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 10px;
}
.main-header .logo img {
  float: left;
  height: 30px;
  width: 30px;
  margin-top: -5px;
}
.main-header .logo span {
  float: left;
  margin-left: 7px;
  font: 300 18px/42px "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.main-header .topnav-toggle {
  display: none;
}
.main-header .topnav-wrap {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 137px;
}
.main-header .topnav-wrap .topnav {
  width: 100%;
  float: left;
  position: relative;
}
.main-header .topnav-wrap .topnav li {
  float: left;
  width: 16.667%;
  text-align: center;
  border-left: 1px solid #393333;
}
.main-header .topnav-wrap .topnav li a {
  display: inline-block;
  font: 300 14px "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.main-header .topnav-wrap .topnav li a:hover {
  color: #ff5300;
}
.main-header .topnav-wrap .topnav li a.active {
  font-weight: 600;
  color: #ff5300;
}

.home-slider-wrap {
  width: 100%;
  float: left;
  position: relative;
}
.home-slider-wrap .home-slider {
  width: 100%;
  float: left;
  position: relative;
  height: 950px;
}
.home-slider-wrap .home-slider .slide {
  width: 100%;
  float: left;
  position: relative;
  height: 100%;
  text-align: center;
}
.home-slider-wrap .home-slider .slide .site-container {
  max-width: 700px;
}
.home-slider-wrap .home-slider .slide .inner-wrap {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 200px;
  height: 100%;
  background-color: #404041;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  background-size: cover;
}
.home-slider-wrap .home-slider .slide .inner-wrap .big-headline {
  width: 100%;
  float: left;
  position: relative;
  font: 900 60px "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 10px;
}
.home-slider-wrap .home-slider .slide .inner-wrap .big-headline span {
  font-weight: 100;
}
.home-slider-wrap .home-slider .slide .inner-wrap .text {
  width: 100%;
  float: left;
  position: relative;
  font: 300 25px/1.15 "Underground", Arial, sans-serif;
  color: #fff;
  margin-bottom: 52px;
}
.home-slider-wrap .home-slider .slide .inner-wrap .btn-wrap {
  width: 100%;
  float: left;
  position: relative;
}
.home-slider-wrap .home-slider .slide .inner-wrap .btn-wrap .button {
  display: inline-block;
  font: 900 32px/1 "Underground", Arial, sans-serif;
  color: #ff4600;
  text-transform: uppercase;
}
.home-slider-wrap .home-slider .slide .inner-wrap .btn-wrap .button:hover {
  color: #fff`;
}
.home-slider-wrap .masterclass-label-wrap {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 44px;
  z-index: 999;
  color: #fff;
  text-align: center;
  font: 600 18px/1 "Underground", Arial, sans-serif;
  text-transform: uppercase;
}
.home-slider-wrap .masterclass-label-wrap .class-labels {
  width: 100%;
  float: left;
  position: relative;
  display: none;
}

.content-wrap {
  width: 100%;
  float: left;
  position: relative;
  min-height: 85vh;
}
.content-wrap.orange-bg {
  background: #ff5400;
  background: -moz-linear-gradient(top, #ff5400 1%, black 88%);
  background: -webkit-linear-gradient(top, #ff5400 1%, black 88%);
  background: linear-gradient(to bottom, #ff5400 1%, black 88%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5400', endColorstr='#000000',GradientType=0 );
}
.content-wrap.login-bg {
  background: #531600;
  background: -moz-linear-gradient(top, #531600 0%, black 100%);
  background: -webkit-linear-gradient(top, #531600 0%, black 100%);
  background: linear-gradient(to bottom, #531600 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#531600', endColorstr='#000000',GradientType=0 );
}
.content-wrap .content-cols-wrap {
  margin: 0 -3px;
}
.content-wrap .content-cols-wrap:before, .content-wrap .content-cols-wrap:after {
  content: "";
  display: table;
}
.content-wrap .content-cols-wrap:after {
  clear: both;
}
.content-wrap .content-cols-wrap .col {
  float: left;
  width: 50%;
  padding: 0 3px;
}
.content-wrap .content-cols-wrap .col .home-infobox {
  min-height: 550px;
}
.content-wrap .video-box {
  width: 100%;
  float: left;
  position: relative;
  padding: relative;
  margin-bottom: 6px;
}
.content-wrap .video-box .video-wrapper {
  position: relative;
  padding-bottom: 52.35%;
  padding-top: 25px;
  height: 0;
}
.content-wrap .video-box .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-wrap .video-box .video-wrapper .meet-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: #ccc;
  opacity: 1;
  visibility: visible;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.content-wrap .video-box .video-wrapper .meet-box.active {
  opacity: 0;
  visibility: hidden;
}
.content-wrap .video-box .video-wrapper .meet-box .inner-box {
  float: left;
  width: 100%;
  height: 101%;
  text-align: center;
  display: table;
  background: rgba(0, 0, 0, 0.7);
}
.content-wrap .video-box .video-wrapper .meet-box .inner-box .box {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.content-wrap .video-box .video-wrapper .meet-box .btn-wrap {
  width: 100%;
  float: left;
  position: relative;
}
.content-wrap .video-box .video-wrapper .meet-box .btn-wrap .play-btn {
  display: inline-block;
  width: 102px;
  height: 102px;
  margin-bottom: 16px;
  background: url(/pub/peoplesplacegym/images/play-icon.png) no-repeat top left;
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
.content-wrap .video-box .video-wrapper .meet-box .btn-wrap .play-btn.active, .content-wrap .video-box .video-wrapper .meet-box .btn-wrap .play-btn:hover {
  background-position: bottom left;
}
.content-wrap .video-box .video-wrapper .meet-box .trainer-name {
  width: 100%;
  float: left;
  position: relative;
  font: 100 48px/1.1 "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.content-wrap .video-box .video-wrapper .meet-box .trainer-name span {
  font-weight: 900;
}
.content-wrap .video-box .trainer-link {
  width: 100%;
  float: left;
  position: relative;
  z-index: 9;
  background: #ff4200;
  padding: 24px 0;
  font: 300 25px/1 "Underground", Arial, sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: -moz-linear-gradient(left, #ff4200 1%, #ff7200 100%);
  background: -webkit-linear-gradient(left, #ff4200 1%, #ff7200 100%);
  background: linear-gradient(to right, #ff4200 1%, #ff7200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4200', endColorstr='#ff7200',GradientType=1 );
}
.content-wrap .video-box .trainer-link:hover {
  color: #8C001A;
}
.content-wrap .video-box .trainer-link.disabled, .content-wrap .video-box .trainer-link[disabled] {
  background: #4f4f4f;
  color: #fff;
  pointer-events: none;
}
.content-wrap .content-inner-wrap {
  width: 100%;
  float: left;
  position: relative;
  background: #000;
  padding: 60px 5.3% 40px;
  margin-top: 5px;
}
.content-wrap .content-headline {
  width: 100%;
  float: left;
  position: relative;
  font: 100 48px/1.1 "Underground", Arial, sans-serif;
  color: #ff4200;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.content-wrap .content-headline span {
  font-weight: 900;
}
.content-wrap .text {
  width: 100%;
  float: left;
  position: relative;
  font: 300 25px/1.3 "Underground", Arial, sans-serif;
  color: #fff;
  margin-bottom: 48px;
}
.content-wrap .text + .content-headline {
  margin-top: 12px;
}
.content-wrap .text a {
  font-weight: 700;
  text-transform: none;
  color: #fff;
}
.content-wrap .text strong {
  font-weight: 900;
}
.content-wrap .orange-subtitle {
  width: 100%;
  float: left;
  position: relative;
  font: 900 19px/1 "Underground", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ff4200;
}
.content-wrap ul.text li {
  width: 100%;
  float: left;
  position: relative;
}
.content-wrap .white-label {
  display: inline;
  font: 900 19px/1 "Underground", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}

.menu-list-wrap {
  width: 100%;
  float: left;
  position: relative;
  /*border-top: 5px solid #ff6100;
  border-bottom: 5px solid #ff6100;
  padding: 40px 0;
  margin: 40px 0 0;*/
}
.menu-list-wrap + .menu-list-wrap {
  border-top: 0;
  margin: 0 0 40px;
}
.menu-list-wrap .col {
  float: left;
  width: 50%;
  /*padding-right: 4%;*/
  padding: 0 3px;
}
.menu-list-wrap .col .headline {
  width: 100%;
  float: left;
  position: relative;
  font: 900 36px/1.3 "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.menu-list-wrap .col .subtitle {
  width: 100%;
  float: left;
  position: relative;
  font: 900 19px/1 "Underground", Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 40px;
}
.menu-list-wrap .col .menu-list {
  width: 100%;
  float: left;
  position: relative;
}
.menu-list-wrap .col .menu-list li {
  width: 100%;
  float: left;
  position: relative;
  font: 300 25px/1.3 "Underground", Arial, sans-serif;
  color: #fff;
  margin-bottom: 40px;
}
.menu-list-wrap .col .menu-list li .white-label {
  width: 100%;
  float: left;
  position: relative;
}
.menu-list-wrap .col .menu-list li.small {
  font-size: 21px;
}

.home-infobox {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 6px;
  padding: 160px 12% 120px;
  text-align: center;
  background: #221f1f;
}
.home-infobox .headline {
  width: 100%;
  float: left;
  position: relative;
  font: 900 64px/1 "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 6px;
}
.home-infobox .text {
  width: 100%;
  float: left;
  position: relative;
  font: 300 25px/1.3 "Underground", Arial, sans-serif;
  color: #fff;
  margin-bottom: 48px;
}
.home-infobox .btn-wrap {
  width: 100%;
  float: left;
  position: relative;
}
.home-infobox .btn-wrap .orange-link {
  display: inline-block;
  font: 900 32px/1 "Underground", Arial, sans-serif;
  color: #ff4600;
  text-transform: uppercase;
}
.home-infobox .btn-wrap .orange-link:hover {
  color: #fff;
}

/* === Buy Credits === */
.buy-credits-intro-wrap {
  width: 100%;
  float: left;
  position: relative;
  background: #ff5300;
  padding: 64px 20px 36px;
  text-align: center;
}
.buy-credits-intro-wrap .headline {
  width: 100%;
  float: left;
  position: relative;
  font: 100 80px/1.1 "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 8px;
}
.buy-credits-intro-wrap .headline span {
  font-weight: 900;
}
.buy-credits-intro-wrap .text {
  width: 100%;
  float: left;
  position: relative;
  font: 300 25px/1.15 "Underground", Arial, sans-serif;
  color: #fff;
  margin-bottom: 40px;
  padding: 0 9%;
}
.buy-credits-intro-wrap .white-link {
  display: inline-block;
  font: 700 25px/1 "Underground", Arial, sans-serif;
  color: #fff;
}

.buy-classes-boxes-wrap {
  width: 100%;
  float: left;
  position: relative;
}
.buy-classes-boxes-wrap .buy-class-box {
  float: left;
  width: 50%;
  padding: 60px 20px 80px;
  text-align: center;
  background: #000;
   border-bottom: 5px solid #ff5300;

}
.buy-classes-boxes-wrap .buy-class-box:nth-child(odd) {
  border-right: 5px solid #ff5300;
}
.buy-classes-boxes-wrap .buy-class-box .headline {
  font: 900 46px/1 "Underground", Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 6px;
  margin-bottom: 12px;
}
/* TEXT SERIES */
#serieslisting .seriesname.span5 {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  color: #ff4600
}
#serieslisting blockquote {
  font-weight: normal;
  text-transform: uppercase;
  color: #ffffff;
}
/* PRICE SERIES */
#serieslisting .seriesprice.span2 {
  font-weight: bold;
  color: #fff !important;
  font-size: 18px;
}
/* BTN SERIES */
#serieslisting input.btn {
  font-size: 13px;
  color: #fff !important;
  float: left;
  position: relative;
}

/* BTN SIGN IN */
#signinbox button.btn {
  font-size: 14px;
  background-color: #ff4600;
  font-weight: bold;
  color: #fff;
}
/* BTN SIGN UP */
#signupbox a.btn {
  font-size: 14px;
  background-color: #ff4600;
  font-weight: bold;
  color: #fff
}
h1 {
  font-size: 28px !important;
  font-weight: bold !important;
  color: #ff4600 !important;
}

.buy-classes-boxes-wrap .buy-class-box .headline span {
  font-size: 66px;
  font-weight: 100;
}
.buy-classes-boxes-wrap .buy-class-box .text {
  width: 100%;
  float: left;
  position: relative;
  font: 300 20px/1.15 "Underground", Arial, sans-serif;
  color: #fff;
  margin-bottom: 40px;
}
.buy-classes-boxes-wrap .buy-class-box .buy-btn {
  display: inline-block;
  font: 900 32px/1 "Underground", Arial, sans-serif;
  color: #ff4600;
  text-transform: uppercase;
}
.buy-classes-boxes-wrap .buy-class-box .buy-btn:hover {
  color: #fff;
}

/* === Login === */
.login-form {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 25vh;
  padding-bottom: 80px;
  text-align: center;
}
.login-form fieldset {
  width: 100%;
  float: left;
  position: relative;
}
.login-form fieldset .field {
  width: 100%;
  float: left;
  position: relative;
  background: transparent;
  border: 0;
  font: 300 25px/1.3 "Underground", Arial, sans-serif;
  color: #fff;
  border-bottom: 1px solid #ff4600;
  height: 42px;
  margin-bottom: 18px;
}
.login-form fieldset .field::-webkit-input-placeholder {
  color: #6b301b;
}
.login-form fieldset .field:-moz-placeholder {
  color: #6b301b;
}
.login-form fieldset .field::-moz-placeholder {
  color: #6b301b;
}
.login-form .submit {
  width: 100%;
  float: left;
  position: relative;
  font: 900 16px/32px "Underground", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background: #ff5300;
  border: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  text-shadow: none;
  line-height: 30px;
}
.login-form .submit:hover {
  background: #8C001A;
}

.main-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 22;
  background: #290000;
  padding: 14px 0;
  text-align: center;
  display: none !important; /* Because of iframe */
}
.main-footer .footer-nav {
  display: inline-block;
  margin-top: 14px;
}
.main-footer .footer-nav li {
  display: inline-block;
}
.main-footer .footer-nav li:last-child a:after {
  display: none;
}
.main-footer .footer-nav a {
  display: inline-block;
  position: relative;
  color: #a78484;
  font: 300 14px/1 "Underground", Arial, sans-serif;
  text-transform: uppercase;
  margin: 0 14px;
  letter-spacing: 3px;
}
.main-footer .footer-nav a:hover {
  color: #fff;
}
.main-footer .footer-nav a:after {
  content: "\2666";
  position: absolute;
  top: 0;
  right: -21px;
  color: #a78484;
  font-size: 16px;
}
.main-footer .social-nav {
  display: inline-block;
}
.main-footer .social-nav a {
  display: inline-block;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 40px;
  font-size: 22px;
  color: #a78484;
  border: 2px solid #a78484;
  margin: 0 6px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.main-footer .social-nav a:hover {
  color: #fff;
  border-color: #fff;
}
body{
  color:white;
}
/* INSTRUCTOR */
#schedule .scheduleInstruc, .scheduleTime{
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
/* TIME */
#schedule #reserve .scheduleTime{
  font-size: 14px;
  color: #FFF;
  text-transform: lowercase;
}
table tbody tr td span :not(.scheduleClass) {
   color: #FFF !important;
   text-transform: uppercase;
  }
.scheduleClass, .scheduleInstruc, .scheduleTime{
  opacity:.2;
}
.scheduleClass.pop, .scheduleInstruc.active, .scheduleTime.active{
opacity:9;
}
.scheduleClass{
  text-transform: uppercase;
}
.scheduleClass.pop{
      color: #ff5300;
      font-weight: bold;
}
.page-header {
  text-transform: uppercase;
}
a.dropdown-toggle{
  color: #ff5300;
  border-radius: 0;
  text-transform: uppercase;
}
.dropdown-toggle .caret{
  border-bottom-color: #ff5300 !important;
  border-top-color: #ff5300 !important;
}
.nav-pills .dropdown-menu, .nav-pills li a{
  border-radius:0;
}
.nav-pills .dropdown-menu {
  background-color: #ff4600 !important;
}
.schedule-filter-plain #reserveFilter a {
    color:  #fff !important;
}
.dropdown-menu{
  margin:0;
}
.dropdown-menu li a{
  border-radius:0;
  background-image:none;
}
.dropdown-menu li a:hover{
  background-image:none;
  background-color: #ff5300;
}
input{
  border-radius: 0;
}
input:not([name="_cancel"]):not([name="_submit"]):not([name="agreeterms"]):not([type="checkbox"]), select{
  width:100%;
  height: 40px;
  background-color:black;
  border:none;
  border-bottom: 1px solid #ff5300;
  color: white;
}
.form-actions{
  background-color:transparent;
}
.btn{
  background-image:none;
  background: #ff4600;
  color:white;
  text-shadow:none;
  box-shadow: none;
  border:none;
}
.btn:hover{
  background:#8C001A;
  color:white;
}
label{
  text-transform:uppercase;
}
/* class colors*/
.scheduleClass.pop[data-classtype="445563544696522143"] {
  color: #ba75d9;

}
.scheduleClass.pop[data-classtype="447082230401991807"] {
  color: #fdf1f1;

}
#reserve{
  margin:auto;
  width:100%
}

#reserveweeknav li a{
  text-shadow:none;
  background-color: transparent;
  color: #ff4600
  border:none;
  text-transform: uppercase;
}
#reserveweeknav li.disabled a{
  opacity: .5;
  color: #ff4600
}
#reserveweeknav li.next a span:after {
    content: ' >';
}
#reserveweeknav li.previous a span:before {
    content: '< ';
}
.scheduleBlock{
  border-bottom:1px solid #fff;
  padding-left:10px;
}

.scheduleTable tbody tr td {
  padding:0;
  border-color:#767676;
}
.scheduleInstruc.active, .scheduleTime.active{
    color:#767676;
}
.scheduleTable thead tr td{
  text-align: left;
}
/* DATE */
#schedule #reserve .thead-date{
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

/* DAY */
#schedule #reserve .thead-dow{
  font-size: 16px;
  color: #ff4600;
  font-weight: bold;
  text-transform: uppercase;
}

#faq .login-form a{
  padding-top:10px;
  color:white;
}
.panel-link{
  margin:0px;
}
.panel-link a{
  margin:0px;
  color:#ff5300;
  text-transform: uppercase;
}
#info h3{
  font-size:30px;
  text-transform: uppercase;
  color:#ff5300;
}
#info .row-fluid{
  margin-top:120px;
  width:95%;
}
.row{
  margin-left:0px;
}
.row-fluid{
  margin:auto;

}
.gridlabel{
  text-transform: uppercase;
  width:10%;
}
.subnav li a{
  color:white;
  margin-top:10px;
  margin-bottom: 10px;
  font-size:20px;
}
.subnav li a:hover{
  background-image:none;
  text-shadow: none;
  background-color: transparent;
  color:#ff5300;

}
.row-fluid .span1{
  width:10%;
}

/* site review */
#home .content-wrap.orange-bg {
    padding-top: 5px;
}
.nav-pills .dropdown-menu{
  background-color:black;
}

.scheduleBlock i.badge {
    color: #fff;
    background-color: #ff4600;
}

.dropdown-menu li a{
  color:white;
}
.dropdown-toggle{
 background:transparent!important
}
#schedule .page-header{
  display:none;
}
#schedule .page-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #000;
    padding-top:0px;
}
#schedule .main-wrapper{
  background-color: #000;
}
#reserve{
  width:95%;
  border-bottom: 1px solid #767676;
}
.buy-class-box {
 height:326px;
}
.scheduleTable tbody tr td .scheduleBlock{
  margin-bottom: 12px;
}
#faq .content-wrap .text a{
  font-weight:500;
  text-decoration:underline;
}
.bx-viewport{
  height: 650px!important;
}
#schedule .scheduleInstruc, .scheduleTime{
  font-size: 14px;
  color: #fff

}
.seriessubmit{
 float:right;
}
.page-content .text{
  margin-bottom:20px;
}
#serieslisting .btn{
  background-color: #ff4600;
  width:130px;

}
#serieslisting .btn:hover{
      background: #8C001A;
}
#serieslisting h3{
  margin-bottom: 19px;
  font-family: europa, sans-serif;
  font-size: 21px;
}
#serieslisting form{
  margin-bottom:20px;
}
@media (min-width:768px){
  #viewSeries .page-content, #needSeries .page-content{
  width:700px;
  margin: auto;
  }
  .seriessubmit{
    float:left;
  }
}

@media (min-width:980px){
   #viewSeries .page-content, #needSeries .page-content{
  width:900px;
  margin: auto;
  }
  .seriessubmit .btn{
    float:none;
    width:100px;
  }
}
/* 600 */
@media only screen and (max-width:600px) {
   .classlength {
   color: #fff;
  }
   .scheduleClass {
   color: #ff4600;
  }
}

@media only screen and (max-width:600px){
 .page-content .scheduleTable{
  width: 1200px;
  }
}
@media only screen and (max-width: 600px) {
  .page-content {
  width: 100%;
  margin: auto;
  left: 0;
  }
}
@media (max-width:767px){
  .scheduleClass, .scheduleInstruc, .scheduleTime{
    opacity:10;
  }
}

@media (min-width:1200px){
  #viewSeries .page-content, #needSeries .page-content{
  width:900px;
  margin: auto;
  }
  .seriessubmit{
  float:right;
  }
}

@media screen and (min-width: 768px) {
#dashboard {
    padding-right: 22%;
}
.dropdown.my-account .dropdown-toggle {
    display: none !important;
}
.dropdown.my-account .dropdown-menu {
    display: block !important;
}
.dropdown.my-account ~ .page-content {
    padding-right: 22%;
}
.dropdown.my-account ~ .page-header {
    margin-right: 22%;
    }
}

@media screen and (max-width: 767px) {
.dropdown.my-account .dropdown-toggle:focus,
.dropdown.my-account .dropdown-toggle:active,
.dropdown.my-account .dropdown-toggle:hover {
    text-decoration: none;
}
.dropdown.my-account .dropdown-toggle:before {
    content: "My Account  ";
    font-size: 14px;
    font-weight: 600;
}
.dropdown.my-account .dropdown-toggle .fa:before {
    content: "\f107";
    position: relative;
    top: 3px;
    margin-left: 3px;
}
.dropdown.my-account .dropdown-toggle .caret {
display: none;
    }
}

.panel-bordered {
	background: #000!important;
}
#ordersummary th {
    background-color: #333;
}
input#savecard {
    text-align: left;
    width: 20px;
}
.popover-title, .popover-content{
  background:black;
}

/* MASTERCLASS */
#reserve .scheduleClass.pop[data-classtype="394741737873999723"] {
  color: #ff4600;
  font-weight: bold;
}
/* POWERHOUSE*/
#reserve .scheduleClass.pop[data-classtype="395353354831660103"] {
  color: #006800;
  font-weight: bold;
}
/* STATION 12*/
#reserve .scheduleClass.pop[data-classtype="1775910462639048560"] {
  color: #00ffff;
  font-weight: bold;
}
/* BOXING - BOX HIIT */
#reserve .scheduleClass.pop[data-classtype="385314351315158837"] {
  color: #0006ff;
  font-weight: bold;
}
/* KICK BOXING */
#reserve .scheduleClass.pop[data-classtype="1626329122483472215"] {
  color: #0006ff;
  font-weight: bold;
}
/* LIFTING */
#reserve .scheduleClass.pop[data-classtype="850579655831324419"] {
  color: #ff00d8;
  font-weight: bold;
}
/* POWERBATTLE */
#reserve .scheduleClass.pop[data-classtype="1668705129873803117"] {
  color: #2f87ff;
  font-weight: bold;
}
/* BARRE */
#reserve .scheduleClass.pop[data-classtype="395356899018540410"] {
  color: #00d6d6;
  font-weight: bold;
}
/* YOGA */
#reserve .scheduleClass.pop[data-classtype="395356203057677625"] {
  color: #ff9627;
  font-weight: bold;
}
/* CYCLE */
#reserve .scheduleClass.pop[data-classtype="857967917503874616"] {
  color: #55e100;
  font-weight: bold;
}
/* WEIGHT LIFTING */
#reserve .scheduleClass.pop[data-classtype="1631338665584101067"] {
  color: #27AAE1;
  font-weight: bold;
}
/* CROSSTRAINING */
#reserve .scheduleClass.pop[data-classtype="1549971796965459256"] {
  color: #004d4d;
  font-weight: bold;
}
/* SCULPT 360 */
#reserve .scheduleClass.pop[data-classtype="504885655134799384"] {
  color: #9600ff;
  font-weight: bold;
}
/* KETTLECORE */
#reserve .scheduleClass.pop[data-classtype="806412955099858102"] {
  color: #ffd800;
  font-weight: bold;
}
/* LIFTING & FUNDAMENTALS */
#reserve .scheduleClass.pop[data-classtype="1610851447144973766"] {
  color: #009C00;
  font-weight: bold;
}
/* STRENGTH */
#reserve .scheduleClass.pop[data-classtype="1056547523356788389"] {
  color: #FF00FF;
  font-weight: bold;
}
/* DANCE */
#reserve .scheduleClass.pop[data-classtype="1602740663667918799"] {
  color: #FF00FF;
  font-weight: bold;
}
/* PRENATAL */
#reserve .scheduleClass.pop[data-classtype="1663816407919363835"] {
  color: #f4a2a2;
  font-weight: bold;
}
/* OPEN GYM #2 */
#reserve .scheduleClass.pop[data-classtype="1576906981094983078"] {
  color: #555555;
  font-weight: bold;
}
/* OPEN GYM #1 */
#reserve .scheduleClass.pop[data-classtype="1576834404108469272"] {
  color: #555555;
  font-weight: bold;
}
/* OPEN GYM #3 */
#reserve .scheduleClass.pop[data-classtype="1613297018510247340"] {
  color: #555555;
  font-weight: bold;
}
/* OPEN GYM #4 */
#reserve .scheduleClass.pop[data-classtype="1613297947699577936"] {
  color: #555555;
  font-weight: bold;
}
/* MORNING OPEN GYM 1*/
#reserve .scheduleClass.pop[data-classtype="1616626244139353520"] {
  color: #fff;
  font-weight: bold;
}
/* MORNING OPEN GYM 1*/
#reserve .scheduleClass.pop[data-classtype="1764424690790565058"] {
  color: #fff;
  font-weight: bold;
}
/* MORNING OPEN GYM 2*/
#reserve .scheduleClass.pop[data-classtype="1764422025713026732"] {
  color: #fff;
  font-weight: bold;
}
/* OPEN GYM WKND */
#reserve .scheduleClass.pop[data-classtype="1576923090862998546"] {
  color: #fff;
  font-weight: bold;
}
/* OPEN GYM MIDDAY 2*/
#reserve .scheduleClass.pop[data-classtype="1642721123386787643"] {
  color: #fff;
  font-weight: bold;
}
/* OPEN GYM AFTERNOON 2*/
#reserve .scheduleClass.pop[data-classtype="1642721573142004842"] {
  color: #fff;
  font-weight: bold;
}
/* OPEN GYM AFTERNOON 1*/
#reserve .scheduleClass.pop[data-classtype="1764424055076685614"] {
  color: #fff;
  font-weight: bold;
}
/* FRIDAY OPEN GYM AFTERNOON */
#reserve .scheduleClass.pop[data-classtype="1678229007637678028"] {
  color: #fff;
  font-weight: bold;
}
/* SPORT CLUBS */
#reserve .scheduleClass.pop[data-classtype="1678245558998796022"] {
  color: #ffff00;
  font-weight: bold;
}
/* OUTDOOR RUNNING */
#reserve .scheduleClass.pop[data-classtype="1682618095685862476"] {
  color: #ffff00;
  font-weight: bold;
}
#reserve .scheduleClass.pop[data-classtype="1668876370932925699"] {
  color: #ffff00;
  font-weight: bold;
}
#reserve .scheduleClass.pop[data-classtype="1678245756072363973"] {
  color: #ffff00;
  font-weight: bold;
}
.scheduleBlock[data-room="846329608365147152"] .scheduleClass.pop {
 color: #00ff00;
}
/* ROWING */
#reserve .scheduleClass.pop[data-classtype="1693464457641985770"] {
  color: #2bffaa;
  font-weight: bold;
}

.home-infobox{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-height:550px;
}
.home-infobox p{
      width: 100%;
    float: left;
    position: relative;
    font: 300 25px/1.3 "Underground", Arial, sans-serif;
    color: #fff;
    margin-bottom: 48px;
}
.scheduleTable tbody tr td .scheduleBlock{
  height:7.5em;
}

a.accordion-toggle, .accordion-inner .scheduleBlock a{
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
}
#giftcardpreview td span {
    color: #fff !important;
}
.well h4, .well label {
    color: #333 !important;
}
.powered-by {
  margin-top: 15px;
}
.powered-by a {
  color: #fff !important;
  opacity: .5;
}
.powered-by a:hover {
  color: #fff !important;
  opacity: 1;
}

.container-fluid {
  padding-right: 30px;
  padding-left: 0px;
}

.container-fluid.zf-footer{
  display: none;
}

.scheduleTable tbody tr:first-child td{
  border-left: 1px solid #ff4600;
}
.scheduleBlock {
  border-bottom:1px solid #000;
}
#schedule #reserve tbody{
  border-bottom:1px solid #000;
}
.schedule-2 .scheduleTable tbody tr td .scheduleBlock {
    height: fit-content;
    margin-bottom: 0;
    padding: 10px 12px;
   font-size: 14px;
}