@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

@charset "utf-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

body {
 line-height: 1.2;
}

body {
 font-size: 12px;
 font-family: 'Source Sans Pro', Verdana,Arial,Helvetica,sans-serif;
 color: #000;
 background-color: #FFF;
}

/* required for sticky footer */

html, body {
 height: 100%;
}

.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

img {
 max-width: 100%;
}

img.center {
    display: block;
    margin: 0 auto;
}

.right {
 float:right;
}

.rspace {
 margin: 0 0 5px 15px;
}

.left {
 float:left;
}

.lspace {
 margin: 0 15px 5px 0;
}

.center {
 text-align:center;
}

.logo {
 max-width:200px;height:auto;
}
.loader {
 visibility:hidden;
}

.clear { 
 width: 100%; 
 height: 1px; 
 margin: 0 0 -1px; 
 clear: both; 
} 

.row {
 margin-left: 0px;
 margin-right: 0px;
}

.center {
 text-align:center;
}

.spacer {
 width:100%;
}

.spacer30 {
 height:30px;
}
.spacer80 {
 height:80px;
}

.hidden {
 display:none;
}

.aside-box {
 border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 box-shadow:0px 0px 7px #676767;
 -webkit-box-shadow: 0px 0px 7px #676767;
 -moz-box-shadow: 0px 0px 15px #676767;
}

.redltr {
 color:red;
 font-weight:bold;
}

.submit {
 background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
 border: 1px solid #e5a900;
 color: #4E4D4B;
 font-weight: bold;
 cursor: pointer;
 border-radius: 5px;
 padding: 5px 10px;
 outline: none;
}

.submit:hover {
 background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}




#upper {
    
 height:200px;    
    
 padding:60px 0 0 0;   
    
}


#upper h2 {
    
 font-size:28px;    
 text-align:center;    
}




@media only screen and (max-width : 600px) {

#upper {
 height:300px;
}

#upper p {
 font-size:20px; 
}


}







#fitness {
 margin:0px;
 background-image: url('/img/main-image.jpg');
 background-repeat: no-repeat;
 width: 100%;
// height: 750px;
 background-size: cover;
 background-position: center top;
 color:#FFFFFF;

}

#fitness h2 {
 font-size:32px; 
 text-align:center;
 margin:20px 10px;
 line-height:40px;
}

#fitness p {
 font-size:22px; 
 text-align:center;
 margin:20px 10px;
 line-height:32px;
}



#fitness a, #fitness .btn, #bottom .btn {
 font-size:20px;
}

.btnholder {
 text-align:center;
    
}


.fitness {
// width:50%;
  padding:40px 20px 20px 20px;
}


#fitness .content-opacity {
   // max-width: 650px;
   // border: 0 !important;
    //margin: 20px auto;
    background: rgba(0, 0, 0, 0.5);
   // padding: 40px;
}
.well-large {
    padding: 28px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}





@media only screen and (max-width : 1200px) {

#fitness {
// height:1000px;
}

#fitness p {
 font-size:20px; 
}

#fitness .btn {
 font-size:10pt;
}

}





@media only screen and (max-width : 1000px) {

#fitness {
// height:1200px;
}

#fitness p {
 font-size:18px; 
}

#fitness .btn {
 font-size:8pt;
}

}





@media only screen and (max-width : 800px) {

#fitness {
// height:1400px;
}


#fitness p {
 font-size:20px; 
}

.fitness {
 padding:20px 20px 20px 20px;
}

#fitness .btn {
   font-size:6pt;    
}

}


@media only screen and (max-width : 700px) {

#fitness {
// height:800px;
}



#fitness .btn {
   font-size:10pt;    
}

}



@media only screen and (max-width : 420px) {

#fitness {
// height:1000px;
}

#fitness p {
 font-size:20px; 
}


#fitness .btn {
 font-size:8pt;    
}


.fitness {
 padding:20px 20px 20px 20px;
}

}


@media only screen and (max-width : 320px) {

#fitness {
// height:1100px;
}

#fitness p {
 font-size:20px; 
}


#fitness .btn {
 font-size:8pt;    
}

.fitness {
 padding:20px 20px 20px 20px;
}

}





#white {
    
    
    
}


#white h2 {
   text-align:center;
   font-size:28pt;
   margin:30px 0;
}


#white h3 {
 font-size:18pt;
 margin:20px 0;
 color:blue;
}

#white p {
 font-size:14pt;   
 line-height:28px;
}



#blue {
 background-color:#049FF0;  
 margin:40px 0;
 padding:20px 0;
}


#blue h2 {
 color:#FFF;
 text-align:center;
 font-size:24pt;

 margin:20px 0;   
    
}



.blue-white {
  background-color:#FFFFFF;    
  padding:20px;   
    
}


.blue-white h3 {
  color:blue;
  font-size:18pt;
  text-align:center;
  margin:20px 0;
}


.blue-white p {
  font-size:14pt;
  text-align:center;
  margin:20px 0;
}



#blue h4 {

 font-size:18pt;
 text-align:center;
 color:blue;
 margin:20px;
    
}


#bottom h2 {
  text-align:center;
  font-size:20pt;
  margin:40px 0 20px 0;
  padding-top:20px;
    
}


#bottom p {
  font-size:14pt;
  text-align:center;
  max-width:500px;
  margin: 0 auto;
  padding-bottom:20px;
}


#bottom ul {
 list-style:disc; 
 margin-left:50px;
}

#bottom ul li {
  font-size:16pt;    
}



@media only screen and (max-width : 420px) {


#bottom .btn {
 font-size:10pt;    
}

}




#privacy h1, #terms h1 {
  text-align:center;
  font-size:28pt;
  font-weight:bold;    
}



#privacy h4, #terms h3 {
  font-size:18pt;
  font-weight:bold;    
}



#privacy p, #terms p {
  font-size:14pt;
  margin:20px 0;
  line-height:28px;    
}



#privacy ul li {
  font-size:14pt;
  margin:20px 0;
  line-height:28px;    
    
}












/* end required for sticky footer */

.footer {
 padding:5px;
}

.footer { 
 height:250px;
 background:#FFF;
 color:#000;
 position:relative;
}

.footer p {
    margin-top:60px;
}

.footer p a, #footerlinks a {text-decoration:none; color:#010101;}

.footer p a:hover, #footerlinks a:hover {color:#336699; text-decoration:underline;}
#footerlinks a:active {outline:none;}

.footer p, #footerlinks { text-align: center; }
#footerlinks li { display: inline; padding: 0px 1px;  }

#footerlinks { margin:8px 0 8px 0;  }


