/* general classes from bootstrap ===================================================================== */

body {
	font-family: 'MuseoSans_300', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #5a5653;
	font-size: 16px;
	line-height: 24px;
	overflow-x: hidden;
}

p {
	margin: 0px 0px;
}

/* main navigation ===================================================================== */
.nav-hub .navbar-brand {
	padding: 10px 0px;
}

.nav-hub .navbar-brand .member-pic-container {
	background: #738c3c;
	width: 70px;
	height: 70px;
	float: left;
	margin: 0px 10px;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.nav-hub .navbar-brand .member-pic {
	background: url(../images/img-member-pic02.png) center top no-repeat;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.nav-hub .navbar-text {
	line-height: 40px;
	font-size: 22px;
	color: #312d2a;
}

.nav-hub .navbar-toggle {
	line-height: 40px;
	font-size: 22px;
	color: #312d2a;
	border: 1px solid #666666;
	margin-top: 25px;
}

.nav-hub .navbar-toggle .icon-bar {
	background: #888;
}

.nav-hub .navbar-toggle:hover,
.nav-hub .navbar-toggle:focus,
.nav-hub .navbar-toggle:active {
	background: #DDDDDD;
}

.nav-hub .navbar-collapse {
	max-height: 1000px;
}

.nav-hub ul.navbar-nav li {
	padding: 20px 0px;
}

.nav-hub ul.navbar-nav li a {
	color: #312d2a;
}

.nav-hub ul.navbar-nav li a:hover {
	background: #738c3c;
	color: #FFF;
}

.nav-hub ul.navbar-nav li a:focus,
.nav-hub ul.navbar-nav li a:active {
	background: #6B822A;
	color: #FFF;
}

.round-avatar {
	border-radius: 100%;
	width: 70px;
	height: 70px;
}

/* footer vitality ===================================================================== */

.footer-vitality {
	border-top: 3px solid #738c3c;
	background: #332525;
	padding: 70px 15px;
	color: #FFFFFF;
}

.footer-vitality a {
	color: #FFFFFF;
}

.footer-vitality ul.navbar-nav {
	border-color: #738c3c;
}

.footer-vitality .follow-us {
	border-color: #738c3c;
}

/* footer vitality below ===================================================================== */

.footer-vitality-below {
	background: #180f0f;
	padding: 10px 15px;
}

.footer-vitality-below .member-name {
	font-family: 'MuseoSans_700', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #f9f8f6;
	font-size: 24px;
	line-height: 54px;
}

.footer-vitality-below .copyright {
	text-align: right;
	color: #f9f8f6;
	line-height: 54px;
}

.footer-vitality-below .copyright strong {
	font-family: 'MuseoSans_300', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
}

.display-767 {
	display: none;
}

.footer-hub01 {
	border-top: 0px;
	padding: 70px 15px;
	background: #332525 ;
	color: #FFFFFF;
	font-size: 16px;
}

.footer-hub01 .follow-us .fa-2x .fa-stack-2x {
	  color: #FFF;
}

.footer-hub01 .follow-us a:hover .fa-2x .fa-stack-2x {
	color: #6b8138 ;
}

.footer-hub01 .follow-us a:focus .fa-2x,
.footer-hub01 .follow-us a:active .fa-2x {
	background: #332525;
}

.footer-hub01 .follow-us .fa-2x .fa-stack-1x {
	font-size: 0.8em !important;
}

.footer-hub01 .col-sm-6 {
	border-left: 2px solid #6b8138 ;
	border-right: 2px solid #6b8138 ;
}

.footer-hub01 a {
	color: #FFF;
	padding-right: 17px;
	outline: none;
}

.footer-hub01 ul.navbar-nav {
	width: 100%;
	border-top: 0px;
    padding-left: 20px;
}

.footer-hub01 .name-content {
	width:23%
}

.footer-hub01 .follow-content {
	width:27%
}

.footer-hub01 .link-content {
	width: 45%;
	border-left: 1px solid #6b8138;
	border-right: 1px solid #6b8138;
}

.footer-hub01 .link-info {
	padding: 15px;
}

.footer-hub01 .link-info .img-footer-avatar img {
	width: 70px;
	height: 70px;
	margin-top: 26px;
	margin-right: 10px;
	float: left;
	border-radius: 100%;
}

.footer-hub01 .link-info h3 {
	font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
	padding-top: 0px;
	font-size: 24px;
	margin-top: 30px;
}

.footer-hub01 .navbar-nav li {
	float: none;
}

.footer-hub01 .navbar-nav li a {
	background: none;
	font-size: 14px;
	padding: 15px 0px 15px 0px;
}

.footer-hub01 .navbar-nav li a:hover {
	text-decoration: underline;
}

.footer-hub01 .navbar-nav li a:focus,
.footer-hub01 .navbar-nav li a:active {
	background: #332525;
}

.footer-hub01 .follow-us {
	padding-top: 15px;
	padding-left: 45px;
	border-top: 0px;
}

.footer-hub01 .follow-us h5 {
	font-size: 17px;
	padding-left: 5px;
	margin-bottom: 25px;
	margin-top: 0px;
}

.footer-hub01 .follow-us .fa-2x {
	font-size: 1.7em !important;
	margin-bottom: 15px;
}

.footer-hub01 .fa-circle-thinner:before {
	box-sizing: border-box;
	display: block;
	width: 1.7em;
	height: 1.7em;
	padding-top: 0.3em;
	text-align: center;
	border-radius: 100%;
	border: 1.7px solid #FFFFFF;
	font-size: 23px;
}

.footer-hub01 .follow-us .fa.fa-circle-thinner {
	color: #FFF;
}

.footer-hub01 .follow-us a:hover .fa.fa-circle-thinner:before,
.footer-hub01 .follow-us a:focus .fa.fa-circle-thinner:before,
.footer-hub01 .follow-us a:active .fa.fa-circle-thinner:before {
	color: #6b8138;
	border: 1.7px solid #6b8138;
}

.footer-hub02 {
	background: #2a2829 ;
	padding: 10px 15px;
}

.footer-hub02 .member-name {
	font-family: 'MuseoSans_700', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #f9f8f6;
	font-size: 24px;
	line-height: 54px;
}

.footer-hub02 .copyright {
	text-align: center;
	color: #FFF;
	line-height: 54px;
	font-size: 13px;
}

.footer-hub02 .copyright a {
	color: #6b8138 ;
}


@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	.footer-hub01 .container {
	    width: 100%;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 20px;
	}

	.footer-hub01 .follow-us {
	    padding-top: 0px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.footer-hub01 .follow-us .fa-2x {
	    margin-bottom: 0px;
	}

	.footer-hub01 a {
	    padding-right: 5px;
	}

	.footer-hub01 .name-content {
	    width: 28%;
	}
}

@media (max-width: 991px) {
	.navbar-text {
	    max-width: 200px;
	    font-size: 18px!important;
	    margin-bottom: 0px;
	}

	.navbar-text.text-short {
	    line-height: 40px!important; 
    	margin-top: 15px!important;  
	}

	.navbar-text.text-long {
	    line-height: 1.4!important;
	    margin-top: 7px!important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer-hub01 .container {
	    width: 100%;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 15px;
	}

	.footer-hub01 .follow-us {
	    padding-top: 0px;
	    padding-left: 15px;
	}

	.footer-hub01 .link-content {
	    width: 40%;
	}

	.footer-hub01 .name-content {
	    width: 30%;
	}	

	.footer-hub01 .link-info .img-footer-avatar img {
	    float: none;
	    margin: 0px auto;
	}

	.footer-hub01 .link-info {
	    padding: 15px 0px;
	    text-align: center;
	}

}

@media (max-width: 767px) {

	/* main navigation ===================================================================== */

	.nav-hub .navbar-header {
		min-height: 90px;
	}

	.nav-hub ul.navbar-nav {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		margin: 0px -15px;
	}

	.nav-hub .nav-hub-category h3 {
		margin: 10px 0px;
	}

	.nav-hub ul.navbar-nav li {
		padding: 0px;
	}

	.nav-hub ul.navbar-nav li a {
		padding-left: 30px;
	}	

	
	/* footer vitality ===================================================================== */
	
	.footer-vitality {
		padding: 0px;
	}
	
	.footer-vitality .container {
		padding: 0px;
	}
	
	.footer-vitality ul.navbar-nav {
		padding: 10px 30px;
		border-top: none;
		width: 100%;
		margin: 0px;
	}

	.footer-vitality .follow-us {
		padding: 10px 25px;
		border-top: 3px solid #738c3c;
	}

	.footer-vitality .living-healthier-life div input[type="text"] {
		max-width: 75%;
	}
	
	.footer-vitality .living-healthier-life div input[type="button"] {
		max-width: 50%;
	}

	/* footer vitality below ===================================================================== */
	
	.footer-vitality-below {
		text-align: center;
		padding: 10px 0px;
	}
	
	.footer-vitality-below .member-name {
		font-size: 24px;
		line-height: 54px;
	}
	
	.footer-vitality-below .copyright {
		text-align: center;
		color: #f9f8f6;
		line-height: 24px;
	}

	.footer-vitality-below .copyright .pull-right ,
	.footer-vitality-below .copyright .pull-left {
		float: none!important;
	}

	.header-vitality .container {
	    padding: 50px 15px 0px;
	}

	.header-vitality .vitality-left {
	    padding-right: 15px;
	}

	.display-767 {
		display: block;
	}

	.footer-hub01 .name-content {
	    width: 100%;
	}

	.footer-hub01 .follow-content {
	    width: 100%;
		text-align: center;
	}

	.footer-hub01 .follow-us .fa-2x {
	    margin-bottom: 0px;
	}

	.footer-hub01 .follow-us {
	    padding-top: 20px;
	    padding-left: 0px;
	}

	.footer-hub01 .link-content {
	    width: 100%;
	    border-left: 0px;
	    border-right: 0px;
	    border-top: 1px solid #6b8138;
		margin-top: 25px;
		padding-top: 25px;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 15px;
	}

	.footer-hub02 .xs-100 {
		width: 100%;
    	line-height: 20px;
	}

	.footer-hub01 ul.navbar-nav {
	    margin: 0px -15px;
	}

	.footer-hub01 {
	    padding: 10px 15px 25px;
	}

	.footer-hub01 .link-info .img-footer-avatar img {
	    margin-top: 0px;
	    margin-right: 0px;
	    float: none;
	    margin: auto;
	}

	.footer-hub01 .name-content {
	    width: 100%;
	    text-align: center;
	}

	.footer-hub01 ul.navbar-nav {
	    padding-left: 0px;
	}

}

@media (max-width: 480px) {	
	.navbar-text {
	    max-width: 170px;
	}

	.footer-hub02 .container {
	    padding-right: 0px;
	    padding-left: 0px;
	}

	.footer-hub01 a {
	    padding-right: 5px;
	}

	.footer-hub01 ul.navbar-nav {
	    margin: 0px;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 0px;
	}
}