@charset "utf-8";
@font-face {
    font-family:'Forte';
	src: url('../fonts/forte.eot');
    src: url('../fonts/forte.ttf') format('truetype'),
         url('../fonts/forte.woff') format('woff');
    font-weight:normal;
    font-style:normal;

}
html, body{
	font-family:'Muli', sans-serif;
	width:100%;
	overflow-x:hidden;
	margin:0;
	padding:0;
	color:#222;
}
a{
	color:#222;
}
h1{
	margin:0 0 30px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
h2{
	margin:0 0 20px;
	font-size:22px;
	text-align:center;
}
h2,h3,h4,h5,h6{

}
.btn{
	padding:5px 15px 6px;
	background-color:#007042;/*8x171b5*/
	font-size:14px;
	letter-spacing:1px;
	color:#FFF;
}
.btn:hover{
	background-color:#0c3c3e;/*94c93d*/
	color:#FFF;
}
.btn.btn-xs{
	padding:3px 10px !important;
	font-size:12px !important;
}
.btn.btn-lg{
	padding:16px 32px;
	font-size:22px;
	font-weight:bold;
}
.btn.btn-danger{
	background-color:#d9534f;
}
.btn.btn-info{
	background-color:#31b0d5;
}
.btn-lightgreen{
	background-color:#94c93d;
}
.btn-grey{
	background-color:#DDD;
	border:solid 1px #D6D6D6;
	color:#333;
	text-shadow:0 1px 1px rgba(255,255,255,0.4);
}
.btn-grey:hover{
	background-color:#EEE;
	border:solid 1px #E6E6E6;
	color:#333;
}
.clearfloat{
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
m0{
	margin:0;
}
.warning{
	width:100%;
	padding:50px 0;
	text-align:center;
}
.inline_warning{
	color:#F00;
	font-weight:bold;
}
.mobile-only{
	display:none;
}
.modal-backdrop{
    width: 100%;
    height: 100%;
}
.icon-check{
	font-size:60px;
	color:#0C0;
}
.icon-times{
	font-size:60px;
	color:#C00;
}

/* BASE */
.header{
	width:100%;
	height:70px;
	padding:10px 0;
	background-color:#F0F0F0;
}
.content{
	height:calc(100vh - 140px);
	padding:15px 15px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.footer{
	width:100%;
	height:70px;
	padding:15px 15px 5px;
	background-color:#F0F0F0;
}


/* HEADER */
.header{
	box-shadow:0 0 2px rgba(0,0,0,0.1);
}
.header .logo{
	float:left;
	height:50px;
	margin-right:15px;
}
.header-member .logo{
	margin-top:50px;
}
.header .info{
	float:left;
	padding-top:3px;
}
.menu-btn{
	text-align:right;
}
.menu-btn a{
	display:block;
	padding:15px;
}

/* MENU */
.menu{
	display:none;
	width:150px;
	padding:15px;
	background-color:#000;
	position:absolute;
	z-index:8;
	top:60px;
	right:15px;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.menu ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu li{
	margin:0;
	padding:0;
}
.menu a{
	color:#FFF;	
}
.menu a .fa{
	margin::0 5px 5px;
	font-size:0.65em;
}

/* FOOTER */
.footer{
	background-color:#000;
}
.footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
.footer li{
	float:left;
	width:25%;
	margin:0;
	padding:0;
	text-align:center;
}
.footer a{
	color:#FFF;
	font-size:10px;
}
.footer a .fa{
	display:block;
	padding:0 5px 5px;
	font-size:1.25em;
}

/* PAGE */
.page{
	width:100%;
}


/* MEMBER */
.member h1{
	margin:80px 0 30px;
}


/* PACKAGES */
.packages ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.packages li{
	float:left;
	width:100%;
	margin:0 0 30px;
	padding:0 0 5px;
	background-color:#F0F0F0;
	border-radius:10px;
	overflow:hidden;
}
.packages a{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.packages img{
	width:100%;
	height:200px;
	object-fit:cover;
}
.packages .labels{
	position:relative;
	padding:10px 15px;
	margin-top:-45px;
	z-index:2;
}
.packages span{
	float:right;
}


/* PRODUCTS */
.products > .product > ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.products > .product > ul > li{
	float:left;
	width:100%;
	margin:0 0 30px;
	padding:15px 15px 15px;
	background-color:#F0F0F0;
	border-radius:10px;
	overflow:hidden;
}
.products h3{
	margin:0;
	font-size:18px;
	font-weight:bold;
}
.products > .product > ul > li > ul{
	margin:0;
	padding:0;
}
.products > .product > ul > li > ul{
	margin:0 0 0 15px;
	padding:0;
}
.products a.btn{
	margin:-25px 0 0;
	float:right;
}


/* SCHEDULE */
.event-dates{list-style:none; margin:0 auto; padding:6px 0; border-top:solid 1px #ddd; border-bottom: solid 1px #ddd; text-align:center;}
.event-dates li{width:14%; margin:0 2px; padding:5px 1%; display:inline-block; border:solid 1px #ddd; background-color:#FAFAFA; color:#444; border-radius:3px;}
.event-dates li.active, .event-dates li:hover{border:solid 1px #00acd6; background-color:#00c0ef; color:#FFF; cursor:pointer;}
.event-dates li a{color:#222; text-decoration:none;}
.event-dates li.active a, .event-dates li:hover a{color:#FFF;}
.event-dates .date{font-size:20px; font-weight:bold; line-height:20px;}
.event-dates .month-year{font-size:9px; font-weight:normal;}

.event-list{list-style:none; margin:0; padding:0;}
.event-list li{width:100%; height:46px; margin:0; padding:8px 0; border-bottom:solid 1px #ddd; font-size:10px;}
.event-list li div{height:30px; text-align:center;}
.event-list li div:nth-child(2n){text-align:left;}
.event-list li .btn{font-size:9px; padding:5px;}


/* MY PACKAGE */
.mypackage > div > ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.mypackage > div > ul > li{
	float:left;
	width:100%;
	margin:0 0 30px;
	padding:15px 15px 15px;
	background-color:#F0F0F0;
	border-radius:10px;
	overflow:hidden;
}
.mypackage h3{
	margin:0;
	font-size:18px;
	font-weight:bold;
}
.mypackage > div >  ul > li > ul{
	margin:0 0 0 15px;
	padding:0;
}
.mypackage > div > ul > li a.btn{
	margin:-25px 0 0;
	float:right;
}


/* APPOINTMENT */
.appointment-list{list-style:none; margin:0; padding:0;}
.appointment-list li{width:100%; height:46px; margin:0; padding:8px 0; border-bottom:solid 1px #ddd; font-size:10px;}
.appointment-list li.passed{background-color:#FAFAFA;}
.appointment-list li div{height:30px; text-align:center;}
.appointment-list li div:nth-child(2n){text-align:left;}
.appointment-list li .btn{font-size:9px; padding:5px;}


/* COACH */
.coach > ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.coach > ul > li{
	float:left;
	width:100%;
	margin:0 0 30px;
	padding:0 0 5px;
	background-color:#F0F0F0;
	border-radius:10px;
	overflow:hidden;
}
.coach a{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.coach img{
	width:100%;
	height:75vh;
	object-fit:cover;
}
.coach .labels{
	padding:15px;
	font-size:12px;
	background-color:#F0F0F0;
}
.coach .labels h3{
	margin:0 0 10px;
}
.coach .labels ul{
	margin:0 0 0 15px;
	padding:0;
}



/* COMPLETED */
.completed h4{
	margin:0 0 5px;
	font-size:18px;
	font-weight:bold;
}
.completed ul, .completed ol{
	margin:0;
	padding:0;
	border-radius:10px;
	background-color:#F0F0F0;
	list-style:none;
}
.completed li{
	margin:0;
	padding:15px;
	font-size:12px;
}

/* NEWS */
.news h1{

}
.news_archieve{
	margin-bottom:50px;
	font-size:17px;
}
.news_archieve:nth-child(3n+1){
	clear:left;
}
.news_archieve img{
	width:100%;
	height:250px;
	margin-bottom:10px;
	object-fit:cover;
}
.news_archieve .na_title a{
	font-weight:bold;
}
.news_archieve .na_desc{
	margin-top:5px;
	font-size:16px;
}


/* NEWS DETAIL */
.news_detail h1{
	margin:30px 0 30px;
	font-weight:bold;
}
.news_detail .nd_image{
	margin-top:30px;
}
.news_detail .nd_image img{
	width:100%;
}
.news_detail {
	padding-bottom:100px;
}
.news_detail .container{
	font-size:18px;
}








#sidebar{
	display:none;
    width: 61px;
    height: 61px;
    position: fixed;
    right: 15px;
    bottom:15px;
	z-index:200;
}
#sidebar img{
	width:61px;
	height:61px;
	border:none !important;
}
#sidebar a{
	float:left;
	display:block;
}
#sidebar a:first-child{
	margin-right:5px;
}