body {
background-color: #ebebeb;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
}

a {color: #00b6ad; text-decoration: underline;}
a:hover {color: #666; text-decoration: none;}

h1, h2 {
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-size: 28px;
margin: 60px 5px 40px 5px;
}

#container {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
}
 
video {
  position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0; right: 0; bottom: 0;
}

#video_cover {
  position: absolute;
  width: 100%; height: 100%;
  background: url('../img/videocover.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}

#overlay {
  position: absolute;
  top: 0; right: 0; left: 0; bottom: 0;
  background: url('../img/videobg.png') repeat;
}

#main_content {
z-index: 2;
position: relative;
display: inline-block;
top: 40%;
transform: translateY(-40%);
text-align: center;
}

.header {
z-index: 2;
position: relative;
display: inline-block;
width: 100%;
padding: 30px 0 30px 0;
background-color: rgba(18,18,18,0.8);
}

.header.innertpl {
background-color: #121212;
}


#logo {
background: url('../img/logo.png') no-repeat;
width: 210px;
height: 60px;
display: block;
position: relative;
float: left;
}
	
#main_content h1 {
text-transform: uppercase;
font-weight: bold;
color: #fff;
font-size: 72px;
margin: 0;
}

#main_content .sub_head {
color: rgba(255,255,255,0.9);
font-weight: bold;
font-size: 36px;
}

nav .navbar-collapse {
float: right;
padding-top: 10px;
font-size: 15px;
text-transform: uppercase;
}

.nav li a {
color: #fff;
border-radius: 20px;
text-decoration: none;
}

.nav li a:hover {
background-color: #333;
color: #00b6ad;
text-decoration: none;
}

.nav li a:active {
background-color: #222;
color: #666;
text-decoration: none;
}

.arr_b {
position: absolute;
background: url('../img/arrow.png') no-repeat;
width: 96px;
height: 40px;
display: block;
bottom: 0;
left: 50%;
margin-left: -49px;
cursor: pointer;
z-index: 3;
}

.arr_b:hover {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

.phone {
float: right;
font-size: 20px;
font-weight: bold;
}

.location {
float: left;
font-size: 16px;
}

.icon {
display: block;
float: left;
margin-right: 10px;
background: url('../img/icns.png') 0 0 no-repeat;
}

.phone .icon {
width: 25px;
height: 25px;
background-position: -19px 0;
margin-top: 3px;
}

.location .icon {
width: 19px;
height: 25px;
}

#contactinfo {
z-index: 1;
position: absolute;
width: 100%;
bottom: 20px;
left: 0;
}


.aboutfitness div {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

.aboutfitness h3, .training .h3 {
font-size: 16px;
font-weight: bold;
color: #121212;
}
.aboutfitness p {
font-size: 14px;
color: #777;
line-height: 15px;
}

.abouticns {
background: url('../img/aboutfit.png') 0 0 no-repeat;
display: block;
clear: both;
height: 74px;
margin: 0 auto;
}

.abouticns.i1 {
width: 64px;
}

.abouticns.i2 {
width: 77px;
background-position: -64px 0;
}

.abouticns.i3 {
width: 74px;
background-position: -141px 0;
}

.abouticns.i4 {
width: 74px;
background-position: -215px 0;
}
.abouticns.i5 {
width: 74px;
background-position: -289px 0;
}
.abouticns.i6 {
width: 64px;
background-position: -363px 0;
}
.abouticns.i7 {
width: 74px;
background-position: -427px 0;
}
.abouticns.i8 {
width: 74px;
background-position: -501px 0;
}

#specoffers {
margin-top: 50px;
padding-bottom: 60px;
background-color: #121212;
}

#specoffers a {
background-color: #000;
}

#specoffers a  img{
background-color: #000;
filter: alpha(opacity=35);
-moz-opacity: 0.35;
-khtml-opacity: 0.35;
opacity: 0.35;
}

#specoffers  h2 {
color: #fff;
}

.offer {
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}

.specoverlay {
position: absolute;
z-index: 5;
width: 70%;
height: 30%;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;

font-size: 22px;
color: #fff;
text-align: center;
}

.phto {
margin-top: 10px;
margin-bottom: 10px;
}

.phto a img {
width: 100%;
}

.seemore {
margin-top: 30px;
margin-bottom: 50px;
text-align: center;
}

#spa {
width: 100%;
background-color: #d3d3d3;
border-top: 1px solid #bfbfbf;
padding-top: 15px;
overflow: hidden;
margin-top: 10px;
}

.spa-dair a {
background: url('../img/spa.png') 0 0 no-repeat;
width: 132px;
height: 70px;
display: block;
float: right;
}

.spa-dair a:hover {
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}

.spa-dair {
display: inline-block;
text-align: left;
margin-bottom: -5px;
}

#spa .container {
text-align: center;
}

#spa span {
font-size: 18px;
font-weight: bold;
color: #777;
float: left;
margin: 20px 20px 0 5px;
}

footer {
width: 100%;
background-color: #121212;
color: #666;
font-size: 14px;
padding: 40px 0 20px 0;
}

.socicons {
display: block;
float: left;
margin-right: 5px;
width: 30px;
height: 30px;
background: url('../img/icns.png') 0 0 no-repeat;
text-decoration: none;
}

.socicons:hover {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}


.si1 {
background-position: -44px 0;
}

.si2 {
background-position: -74px 0;
}

.si3 {
background-position: -104px 0;
}

.si4 {
background-position: -134px 0;
}

.fphone {
font-size: 20px;
color: #fff;
margin: 0;
}

.floc-icon {
display: block;
float: left;
margin: 5px 10px 60px 0;
width: 14px;
height: 16px;
background: url('../img/icns.png') -164px 0 no-repeat;
}

.fphone-icon {
display: block;
float: left;
margin: 8px 10px 60px 0;
width: 15px;
height: 15px;
background: url('../img/icns.png') -164px -16px no-repeat;
}

footer ul {
padding-left: 0;
}

footer ul li {
list-style: none;
}

footer hr {
border-top: 1px solid #393939;
margin-top: 40px;
}

footer span {
font-size: 11px;
}

.copyright {
float: left;
}

.pixelj {
float: right;
}

.pixelj a {
color: #666;
}

#mobilemenu  {float: left; margin-left: -20px;}
#mobilemenu button {border: 1px solid #333;}
#mobilemenu button:hover {background-color: #666; border: 1px solid #666;}
#mobilemenu .navbar-toggle {padding: 7px 10px 10px 10px; margin: 10px 0 0 0;}
#mobilemenu .icon-bar {margin-top: 5px; background-color: #777}
#mobilemenu button:hover .icon-bar {background-color: #fff;}

#lmenu {
width: 170px;
min-height: 100%;
position: fixed;
right: -170px;
top: 0;
z-index: 1030;
overflow: hidden;
background-color: #121212;
padding-top: 30px;
}

#lmenu li {
width: 100%;
}

body.lmenu_animating,body.lmenu_opened{overflow-x:hidden}
.container.innertpl {margin-bottom: 60px;}
.person {margin-bottom: 20px;}
.person h3 {margin-top: 10px;}
.person img {margin-bottom: 90px;}
.person p {max-height: 90px;overflow: hidden;}

.inner-offer {margin-bottom: 40px;}
.inner-offer h3 {margin-top: 10px;}

.thumbscontainer {margin-top: 30px;}

.training {
display: block;
float: left;
position: relative;
background: #fff;
padding: 10px 10px 15px 10px;
margin: 5px 0;
border-width: 1px;
border-style: solid;
border-color: #dbdbdb;
height: 90px;
width: 100%;
overflow: hidden;
}

.training i, .traindesc i {
display: block;
float: left;
position: relative;
width: 20px;
height: 20px;
background: url('../img/clock.png') -20px 0 no-repeat;
margin: 1px 5px 0 0;
}
 .traindesc i {margin-left: 10px;}

.traindesc p {margin: 10px 0 0 0 ; font-style: italic; font-size: 14px;}
.traindesc p.trainer {font-style: normal;}
.traindesc i.calendar {background: url('../img/clock.png') -40px 0 no-repeat; margin: 1px 5px 0 0; width: 19px;}
.traindesc hr {margin-top: 15px; margin-bottom: 10px; border-top: 1px dashed #999;}
.traindesc em.time {margin-left: 10px; }
.traindesc .time.lst {margin-bottom: 10px;}
i.person {background: url('../img/clock.png') -59px 0 no-repeat; width: 19px; margin: 1px 5px 0 0;}
.training:hover {cursor: pointer; border-color: #00b6ad;}
.training:focus {outline: 1px solid #00b6ad; border-color: #00b6ad;}

#schedule {list-style: none; margin: 0; padding: 0;}
.dayrow {float: left; margin-right: 10px; width: 13.40%; display: inline-block;}
.training .time, .traindesc .time {display: block; padding: 0; margin: 0; font-size: 14px; color: #999; float: left; position: relative;}
.training .h3 {padding: 0; margin: 15px 0 6px 0; display: block; float: left; position: relative; clear: both; font-size: 14px;}
.training .coach {display: block; float: left; position: relative; font-size: 12px; color: #999; clear: both;}
.daydate {color: #999; font-size: 12px;}
.day {margin-top: 10px;}
.training .marker {width: 5px;height: 130px; float: right;margin: -90px -10px 0 0;}
.blankmarker {position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 5px;}
.holiday .training {background-color: #f5f5f5;}
.holiday .daydate {color: #c2666b;}

@media (min-width: 768px) and (max-width: 1200px) {
.nav  li a {padding: 10px;}
}

@media (min-width: 992px) and (max-width: 1200px) {
.training {height: 95px;}
.dayrow {width: 13.20%;}
.training .h3 {margin: 10px 0 5px 0; font-size: 13px;}
}

@media (max-width: 992px) {
.navbar-toggle {display:block!important;}
.header.nav-up {padding-top: 15px;padding-bottom: 15px;}
#main_content, #contactinfo, .arr_b, #container video {display: none!important;}
#container {height: 90px!important;}
.dayrow {width: 100%; margin: 0 0 30px 0;}
.training {height: 60px;}
.training .time {font-size: 23px; margin: 3px 20px 0 0;}
.training i {margin: 10px 7px 0 0;}
.training .h3 {margin: 5px 0 0 0; clear: none; font-size: 14px; line-height: 15px;}
.training .coach {clear: none;}
}


@media (min-width: 992px) {
#lmenu {display:none!important;}
}

@media (max-width: 768px) {
#logo {background-size: 158px 45px; width: 158px; height: 45px; margin-top: 5px;}
#container {height: 80px!important;}
footer .col-md-3 {margin-top: 20px;}
footer .col-md-offset-1 {margin-top: 20px;}
footer li {margin-bottom: 5px;}
.pixelj {float: left;margin-top: 10px;}
.venoframe {width: 290px!important; height: 450px!important;}
.training .h3 {width: 60%;}
}