body{background:url(../images/bg.jpg) left top repeat; margin:0px; padding:0px; voice-family:"\"}\""; voice-family:inherit; font-family:Arial; font-size:13px; color:#fff; font-weight:normal; line-height:16px;}

@font-face {
    font-family: 'OswaldBook';
    src: url('oswald-webfont.eot');
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-webfont.woff') format('woff'),
         url('oswald-webfont.ttf') format('truetype'),
         url('oswald-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCnRegular';
    src: url('roboto-condensed-webfont.eot');
    src: url('roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-condensed-webfont.woff') format('woff'),
         url('roboto-condensed-webfont.ttf') format('truetype'),
         url('roboto-condensed-webfont.svg#RobotoCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LucidaHandwritingItalic';
    src: url('lhandw-webfont.eot');
    src: url('lhandw-webfont.eot?#iefix') format('embedded-opentype'),
         url('lhandw-webfont.woff') format('woff'),
         url('lhandw-webfont.ttf') format('truetype'),
         url('lhandw-webfont.svg#LucidaHandwritingItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Comman Classes */
a, img, span {border:0; margin:0; padding:0;}
a { text-decoration: none; }
p {padding:0px; margin:0px; border:0px;}
img {line-height:0px; border: 0; /* 1 */ -ms-interpolation-mode: bicubic;}
* {list-style:none; margin:0px; padding:0px;}
li {display:list-item; border:0; margin:0; padding:0;}
.clear {clear:both;}



h1 {font-size:25px; font-family: 'OswaldBook'; font-weight:normal; margin:0px; padding:0 0 14px 0; text-transform:uppercase; line-height:33px;}
h2 {font-size:25px; font-family: 'OswaldBook'; font-weight:normal; margin:0px; padding:8px 0 10px 0; color:#010101; text-transform:uppercase; line-height:34px;}
h3 {font-size:22px; font-family: 'OswaldBook'; font-weight:bold; margin:0px; padding:0 0 14px 0; color:#87a334; line-height:normal;}
h4 {font-size:18px; font-family: 'OswaldBook'; font-weight:bold; margin:0px; padding:0 0 12px 0; color:#af8a71; line-height:normal;}
h5 {font-size:16px; font-family: 'OswaldBook'; font-weight:bold; margin:0px; padding:0 0 12px 0; color:#775239; line-height:normal;}
h6 {font-size:14px; font-family:Arial; font-weight:bold; margin:0px; padding:12px 0 12px 0; color:#fff; line-height:normal;}

#page{width:100%; float:left; background:url(../images/bg_top.jpg) center top repeat-x;}
.middle{ width:996px; margin:0 auto;}
.header{ width:996px; float:left; background:url(../images/hd_top_bg.png) left top no-repeat; min-height:222px;}
.header_top{width:928px; float:left; padding:19px 19px 0 49px; margin:0 0 0 0;}
.logo{width:294px; float:left; padding:10px 35px 0 0;}
.hd_rg{float:left; width:599px;}
.hd_top{float:left; padding:0 0 0 0; width:599px;}
.hd_txt{min-width:335px; float:left; padding:7px 0 0 0; font-size:12px;}
.call_txt{width:130px; float:right; font-family: 'OswaldBook'; background:url(../images/phone_icon.png) left top no-repeat; font-size:24px; height:40px; padding:8px 0 5px 50px;}

/*.menu{min-width:569px; float:left; padding:52px 0 0 30px;}
.menu ul{margin:0px; padding:0px;}
.menu ul li{list-style:none; padding:0 17px; font-size:18px; color:#fff; display:inline; font-family: 'RobotoCnRegular'; text-shadow:0 1px #86b43b;}
.menu ul li:first-child{padding-left:0px;}
.menu ul li a{color:#fff; text-decoration:none;}
.menu ul li a:hover{color:#000; text-decoration:none;}
.menu ul li a.active{color:#000; text-decoration:none;}*/

nav.topnav { position:relative; float:right; width:auto; height:100%; padding:52px 36px 0 0px; }
nav.topnav ul#topnavinn{z-index:999; position:relative}
nav.topnav ul li{list-style:none; padding:0 17px; margin:0; display:inline-block; font-family:'RobotoCnRegular'; text-shadow:0 1px #86b43b; font-size:18px; color:#FFFFFF; }
nav.topnav ul li:first-child{padding-left:0;}
nav.topnav ul li a{color:#fff; text-decoration:none;}
nav.topnav ul li a.active{color:#fff; text-decoration:none;}

nav.topnav ul li a:hover, nav.topnav ul li.active a{color:#000;}

nav.topnav ul li.trainers a { background:url(../images/grey.png) right top no-repeat; margin-right:-4px; padding-right:35px !important; }
nav.topnav ul li.clients a:hover, nav.topnav ul li.trainers a:hover, nav.topnav ul li.clients.active a, nav.topnav ul li.trainers.active a { color:#000; } { color:#000; }
nav.topnav ul li.clients a, nav.topnav ul li.trainers a { padding:8px 20px; color:#fff; background-color:#f68f1e; }
nav.topnav ul li.clients, nav.topnav ul li.trainers { padding:0; }

nav.topnav select{display:none;}
nav.topnav h1 { color:#fff; cursor:pointer; font-size:35px; display:none; float:none;  width:100%; max-width:40px; background:#696c74; margin:0px; padding:0px; text-align:center; height:40px; line-height:28px;}
nav.topnav h1:hover, nav.topnav h1.menu_close { background: #73a723; }


.container{width:960px; float:left; margin:0 19px 0 17px;}
.banner_main{width:960px; float:left; position:relative; height:427px;}
.banner_top{width:960px; float:left; background:url(../images/banner_bg.png) left top no-repeat; position:relative;}
.banner_btm{width:960px; position:absolute; margin:0px; left:0px; bottom:7px;  height:153px; z-index:999;}

.con_main{width:960px; float:left;}
.con_lf{width:700px; float:left; padding:18px 0 20px 0;}
.con_rg{width:224px; float:right; padding:0px 0 20px 0;}
.con_lf_top_bg{width:700px; float:left; background: url(../images/con_cen.jpg) left bottom repeat-y;}
.con_lf_cen_bg{width:700px; float:left; background:url(../images/con_btm.jpg) left bottom no-repeat; min-height:184px;}
.con_cen_top{width:700px; float:left; background:url(../images/con_top_bg.jpg) left top no-repeat; padding:5px 0 0 0;}
.con_txt_bg{width:675px; float:left; background:url(../images/con_img.png) left top no-repeat; padding:25px 0 0 25px;}

.con_txt_bg2 {width:910px; float:left; background:url(../images/con_img.png) left top no-repeat; padding:25px;}
.con_txt_bg2 .con_txt {width:604px; float:right; padding:15px 15px 25px 0;}
.con_txt_bg2 .sp_con_txt {width:100%; float:left; padding:15px 0px 25px 0;}

.con_cen_top2 .sp_con{width:910px; float:left; padding:25px; min-height:390px;}
.con_cen_top2 .sp_con_txt {width:100%; float:left; padding:15px 0px 25px 0;}

.con_txt{width:410px; float:right; padding:15px 15px 25px 0;}

.con_txt2 {width:410px; float:right; padding:15px 15px 25px 0;}

.cont_info { width: 168px; min-height: 175px; float: right; background: url(../images/cont_back.png) top left no-repeat; padding: 82px 0 0 57px; color: #FFFFFF;}
.cont_txt{line-height:18px; padding:0 0 5px 0;}
.ser_main{width:206px; float:right; background:url(../images/ser_back.png) left top no-repeat; padding:0 0 0 12px; min-height:182px;}
.ser_txt{font-size:13px; color:#000;}

.footer_main{width:920px; float:left; margin:0 auto; background:url(../images/footer_bg.jpg) left top no-repeat; padding:30px 20px 35px 20px;}
.footer_lf{width:450px; float:left;}
.footer_menu{width:450px; float:left; padding:0 0 5px 0;}
.footer_menu ul{margin:0px; padding:0px;}
.footer_menu ul li{margin:0px; padding:0px; display:inline; padding:0 4px 0 10px; list-style:none; background:url(../images/footer_menu_line.png) left center no-repeat; font-size:12px;}
.footer_menu ul li:first-child{background:none; padding-left:0px;}
.footer_menu ul li a{text-decoration:none; color:#fff;}
.footer_menu ul li a:hover{text-decoration:none; color:#000;}
.footer_txt{color:#c5e2a0; line-height:22px}

.footer_rg{width:180px; float:right; padding:8px 5px 0 0;}
.social_txt{width:135px; float:left; font-family: 'LucidaHandwritingItalic'; font-size:14px; padding:12px 0 0 0;} 
.social_icon{width:35px; float:right;}
.point_link{color:#fff;}
.point_link:hover{color:#000;}

/* subpage start */
.sp_con{width:675px; float:left; padding:25px 0 0 25px; min-height:390px;}
.sp_con_txt{width:650px; float:left; padding:15px 25px 25px 0;}
.sp_con_img{width:198px; float:left; padding:0 25px 12px 0;}
.sp_con_txtbold{font-weight:bold; padding:20px 0 0 0px; line-height:20px;}

/* contact page start */
.con_lf_top_bg2{width:960px; float:left; background: url(../images/con_cen2.jpg) left bottom repeat-y;}
.con_lf_cen_bg2{width:960px; float:left; background:url(../images/con_btm2.jpg) left bottom no-repeat; min-height:184px;}
.con_cen_top2{width:960px; float:left; background:url(../images/con_top_bg2.jpg) left top no-repeat; padding:5px 0 0 0;}

.con2_sp{width:650px; float:left; padding:25px 25px 25px 25px; min-height:390px;}

.formarea {width:400px; margin:0px; padding:15px 0 0 0px; float:left;}
.formarea .inputbg {width:280px; background:url(../images/inputbg.jpg) left top repeat-x #1a1a1a; border:1px solid #424141; height:28px; line-height:28px; outline:0px; margin:0 0 8px 0; padding:0px 6px; font-family:Arial; font-size:12px; color:#939393;}
.formarea .textareabg {width:280px; background:url(../images/inputbg.jpg) left top repeat-x #1a1a1a; border:1px solid #424141; height:60px; line-height:normal; outline:0px; margin:0 0 8px 0; resize:none; padding:6px; font-family:Arial; font-size:12px; color:#939393;}
.formarea .field {width:90px; font-size:13px; font-weight:bold; padding:7px 0 0 0;}
.submitbtn {width:122px; height:33px; float:left; margin:6px 0 0 0px; padding:0px; background:url(../images/submit.png) 0 0; display:block; font-size:0px; border:0px; outline:0px;}
.submitbtn:hover {background-position:0px -33px; cursor:pointer;}

.cont_add{width:210px; float:left; padding:14px 0 0px 30px;}
.cont_ti{font-weight:bold; font-size:14px; background:url(../images/cont_line.jpg) left bottom repeat-x; padding:0px 0 10px 0; width:210px;}
.cont_add_txt{line-height:18px; padding:10px 0 20px 0;}
.con_map{width:350px; float:left; padding:1px; border:solid 1px #131313; height:183px;}
.con_blog{text-align:center;}
iframe { background:#fff;}

.bulletlist {margin:0px; padding:10px 0 0 0; list-style:none; width:100%;}
.bulletlist li {margin:0px; padding:3px 0 3px 20px; list-style:none; background:url(../images/arrow.png) left 7px no-repeat;}

.bulletlist2 {margin:0px; padding:0px 0 0 0; list-style:none; width:100%; float:left;}
.bulletlist2 li {margin:0px; padding:3px 25px 3px 20px; list-style:none; background:url(../images/arrow.png) left 7px no-repeat; width:250px; float:left;}

a.link {color:#87A334; text-decoration:none;}
a.link:hover {color:#fff; text-decoration:none;}

.textleft {width:100%; float:left; margin:0px 0 15px 0; padding:0px 0 10px 0; background:url(../images/bdr.jpg) left bottom repeat-x;}
.textleft a {color:#87A334; text-decoration:none;}
.textleft a:hover {color:#fff; text-decoration:none;}
.textleft .left {width:40%; float:left; text-align:left;}
.textleft .right {width:40%; float:right; text-align:right;}

.con-img {display:none; margin:10px 0 20px 0; padding:0px; text-align:center; width:100%; float:left;}


/*=======================responsive=====================*/

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


}

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



}

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

.middle {width:100%; }
.header {width:98%; background-size:100% auto; margin:0 0 0 2%;  min-height:165px; }
.header_top {width:100%; padding-left:0px; padding-right:0px; padding-top:10px;}
.logo{padding-left:50px; padding-right:0px; width:200px;}
.logo img{width:100%;}
.hd_rg{float:right; width:auto;}
.hd_top{float:right; padding:0 13px 0 0; width:auto;}
.hd_txt{min-width:auto; float:left; padding:7px 10px 0 0; }
.call_txt{width:auto; float:right; padding:8px 0px 10px 40px; font-size:16px;}

.container{width:96%; float:left; margin:0 2% 0 2%;}
.banner_main{width:100%; float:left; position:relative; height:auto;}
.banner_main img {width:100%;}
.banner_top{width:100%; float:left; margin-bottom:80px;}
.banner_btm{width:100%; position:absolute; margin:0px; left:0px; bottom:-32px; z-index:999;}

.con_main{ width:100%; float:left;}
.con_lf{ width:100%; float:left; padding:18px 0 20px 0;}
.con_txt_bg2 {width:96%; padding-left:2%; padding-right:2%;}
.con_lf_top_bg2{width:100%; float:left; background-size: contain; }
.con_lf_cen_bg2{width:100%; float:left; background-size: contain;}
.con_cen_top2 { width:100%; float:left; background-size: contain;}
.con_txt_bg2 .con_txt {width:60%;}
.footer_main { width:96%; padding-left:2%; padding-right:2%;}

.con_cen_top2 .sp_con {width:92%;}

.con_lf.cont-res{ width:66% !important; float:left;}
.con_lf_top_bg { background-size: contain; width:100%;}
.con_lf_cen_bg {background-size: contain; width:100%;}
.con_cen_top {background-size: contain; width:100%;}
.con2_sp { width:90%;}

.sp_con { width: 90%;}
.sp_con_txt {width:100%; padding-left:0; padding-right:0;}
.con_blog img { width:100%;}

}

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


.header {width:98%; background-size:100% auto; margin:0 0 0 2%;  min-height:225px; }
.logo{padding-left:40px; padding-right:0px; width:230px;}
.banner_main {margin-bottom: 32px;}
.banner_top{width:100%; float:left; margin-bottom:70px;}

nav.topnav {  padding-top:10px;   position: relative;}
nav.topnav ul{display:none;}
nav.topnav select{display:block; float:none; height:30px; width:100%; padding:5px; margin:5px auto; background:#fff; font-size:13px; border:1px solid #b5b5b5; color:#464646; border-radius:4px;}
nav.topnav select option{ padding:3px 0 3px 10px; color:#464646; background:#fff; cursor:pointer; font-weight:600;}

nav.topnav { width:100%;}
nav.topnav h1 { display:block; position:absolute; z-index:999; right:0; left:47%; }
nav.topnav ul#topnavinn { float:right; top:65px; right:0; position:absolute; background:#f1f1f1; padding:15px; max-width:85%; width:85%; right: 42px;  z-index: 9999;}
nav.topnav ul li { background:none; line-height:34px; float:left; width:100%; }
nav.topnav ul li a { padding:0; color:#6e6f72; width:100%;  float:left; }

nav.topnav ul li:first-child { padding-left: 17px;}
nav.topnav ul li.trainers a { background:#696c74; }

nav.topnav ul li.clients a { background:#f68f1e; }

nav.topnav ul li.clients a, nav.topnav ul li.trainers a { padding:2px 20px; }
nav.topnav ul li.clients a:hover, nav.topnav ul li.trainers a:hover, nav.topnav ul li.clients.active a, nav.topnav ul li.trainers.active a { color:#000;}



}


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

.header_top {padding-top:4px;}
.header { min-height:140px;}
.logo  { padding-left:30px; width:180px; }

.hd_rg {margin:0px; padding:0px; }
.hd_txt {    padding-right:6px; font-size:10px;  }
.call_txt {font-size:13px; padding-bottom:5px;}
nav.topnav {padding-top:0px;}
nav.topnav ul#topnavinn { top:50px;}

.banner_btm { height:auto; bottom:10px; }
.banner_top { margin-bottom: 57px;}
.con_txt_bg2 { background-image:none;}
.con_txt_bg2 .con_txt {width:100%; padding:0px; }

.con-img {display:block;}
.footer_lf {float: left;  width:360px;}

.con_lf.cont-res{ width:100% !important; float:left;}
.con_rg {float:none;   width:224px; margin:0 auto;}


}


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

.hd_rg { float:right; width:250px;}
.hd_top {width:100%;}
.hd_txt {font-size:12px; width:100%; float:left; text-align:right;  }
.logo {width:134px;}
.call_txt {font-size:21px;  margin-top:14px; padding-top:10px; margin-right:10px;}

nav.topnav { padding-right:220px;  padding-top:10px;}

.header { min-height:164px;}

.con_lf { background-color:#2d2d2c; border-radius:4px; border:1px solid #404041;}
.con_lf.cont-res { margin-bottom:20px;}
.con_lf_top_bg2 {background-image:none;}
.con_lf_cen_bg2 { background-image:none;}
.con_cen_top2 { background-image:none;}
.con_txt_bg2 { padding-top:0px;}

.footer_lf {width:100%; text-align:center; padding-top:5px;}
.footer_menu { float:none;   width:100%; display:inline-block; text-align:center;}
.footer_rg { float:none; display:inline-block;  width:100%; text-align:center; padding-top:0px;}
.social_txt {  width:auto; float:none; }
.social_icon {    float:none; width:auto; }
.footer_main { background-size:100% auto;  margin-top:15px; margin-bottom:15px; background-image: url("../images/ft-responsive-bg.png");}

.con_cen_top2 .sp_con {width:90%;}


.con_lf_top_bg { background-image:none;}
.con_lf_cen_bg {background-image:none;}
.con_cen_top {background-image:none;}

.con_rg {float:none;  width:224px;}




@media only screen and (max-width: 480px){
.hd_rg {float:right;margin-top:-10px;  width:100%;}
.logo { width:98%; padding-left:0px; text-align:center; background: url(../images/resp-logobg-320.png) center top no-repeat; background-size: 100% auto; height: 230px;}
.logo > a{float: left; margin: 27px 0 0; width: 100%;}
.logo img { width:70%; padding-right:25px; }
.hd_txt {text-align:center; padding-right:0;}
.call_txt {font-size:21px;  margin-top:10px; padding-top:10px;  text-align:center; width:auto; display:inline-block; float:none; margin:10px 0 0;}
.hd_top { margin:0px; text-align:center;}
nav.topnav h1{position:relative;}
nav.topnav { padding-right:0px;  padding-top:0px; padding-bottom:10px;}
nav.topnav ul#topnavinn {right:10px;}
nav.topnav ul li {    width: 95%;}
.header { min-height:auto;  background-size:none; background:none;}

.banner_main{margin-bottom: 22px;}
.banner_btm { height:auto;}
.banner_top {margin-bottom: 58px;}
.footer_lf {width:100%; text-align:center; padding-top:15px;}
.footer_main { background-size:100% 95%;  margin-top:15px; margin-bottom:15px; background-image: url("../images/ft-responsive-bg.png"); background-repeat:no-repeat;}
.sp_con_img {  padding-right:0px;  width:100%; text-align:center;}
.con_cen_top2 .sp_con {width:90%; padding-left:5%; padding-right:5%;}
.con2_sp {    width: 90%; padding-left:5%; padding-right:5%;}
.sp_con { width: 90%; padding-left:5%; padding-right:5%;}

.formarea {width:100%;}
.formarea .inputbg {width:195px;}
.formarea .textareabg {width:195px;}

.textleft { width:86%;}

}


@media only screen and (max-width: 479px){
.logo{height: 155px;}
.logo > a{margin: 12px 0 0;}

.banner_top{margin-bottom: 40px;}








}