/*--================================================================================================
	General Styling
	================================================================================================*/

	body { 
		font-family: 'Source Sans Pro', "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
		font-size: 16px;
		font-weight: 400;
		min-width: 1200px; }
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: 'Lato', "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
		font-weight: 300;
		line-height: 1.2em;
		text-transform: uppercase;
		text-align: center; }
	
	h4, h5, h6, .h4, .h5, .h6 { font-weight: 400; }
	
	p { margin: 0 0 24px; }
	
	a { color: #921215; text-decoration: none; }
	a:hover, 
	a:focus { 
		color: #921215; text-decoration: underline; }
	a.unstyled,
	a.unstyled:hover, 
	a.unstyled:focus { 
		text-decoration: none; }
	
	.align-center	{ margin-left: auto; margin-right: auto; }
	.align-middle	{ vertical-align: middle !important; }
	table.align-middle td	{ vertical-align: middle !important; }


	.btn-lg 		{ margin: 16px 0 18px; }
	.btn-block 		{
		padding-right: 15px;
		padding-left: 15px; }
	
	.text-lg		{ font-size: 2.4em; }
	.text-sm		{ font-size: 0.84em; }
	
	.btn-primary { background-color: #921215; border-color: #6b0c0f; }
	
	.btn-primary:hover, 
	.btn-primary:focus, 
	.btn-primary:active, 
	.btn-primary.active, 
	.open .dropdown-toggle.btn-primary { background-color: #6b0c0f; border-color: #921215; }

	.dark-text 		{ color: #000; color: rgba(0,0,0,.65); }	
	.light-text 	{ color: #fff; color: rgba(255,255,255,.92); }
	.color-text 	{ color: #921215; }

	.grey-theme 		{ color: #444; background-color: #eeeeee; }
	.dark-color-theme	{ color: #fff !important; background-color: #921215 !important; font-weight: 300; }
	.light-color-theme	{ color: #921215 !important; background-color: #ffffff !important; }
	
	
		.dark-color-theme a { color: #fff; text-decoration: none; }
		.dark-color-theme a:hover, a:focus { color: #fff; text-decoration: underline; }
	
	.container 		{ position: relative; width: 1170px; }
	.lg-container 	{ padding-top: 96px; padding-bottom: 96px; }
	.md-container 	{ padding-top: 48px; padding-bottom: 48px; }
	.sm-container 	{ padding-top: 24px; padding-bottom: 24px; }
	.xs-container 	{ padding-top: 12px; padding-bottom: 12px; }
	
	.lg-divider 	{ height: 96px; }
	.md-divider 	{ height: 48px; }
	.sm-divider 	{ height: 24px; }
	.xs-divider 	{ height: 12px; }
	
	.text-left		{ text-align: left !important; }
	
	.clear-overflow { overflow: visible !important; }
	.clear-margin 	{ margin: 0 !important; }
	.clear-padding 	{ padding: 0 !important; }
	.clear-padding-bottom { padding-bottom: 0 !important; }

/*--================================================================================================
	Navigations
	================================================================================================*/

	.navbar {
		margin-bottom: 0;
		border-radius: 0;
		border-width: 0; }

	.nav>li {
		float: left;
		margin-bottom: -1px; }
	
	.nav>li>a {
		line-height: 50px;
		padding: 0 18px; }
		
	.nav.pulled-right>li { float: right; }

	/*----------------------------------------------------------------------------------------------
		Top Navigation + Logo */
		
		#logo-dgii { position: absolute; top: 0; left: 0; z-index: 999; width: 240px; }
		#top-nav .active { background-color: #ddd; }
		
	/*----------------------------------------------------------------------------------------------
		Main Navigation */
	
		#main-nav.affix { top: 0px; width: 100%; min-width: 1170px; z-index: 999; }
		#main-nav ul { float: none; margin: 0 auto; }
	
		.navbar.main {
			font-family: 'Lato', "Microsoft Yahei","微软雅黑", STXihei, "华文细黑",  sans-serif;
			font-weight: 400;
			text-transform: uppercase;
			background-color: transparent;
			border-top: 1px solid #e5eaee;
			border-left, border-right: 0px solid transparent;
			border-bottom: 1px solid #b3b8bd; }

		.navbar.main a {
			border-left: 1px solid #b3b8bd;
			border-right: 1px solid #e5eaee; }
		
		.navbar.main a span.ti-arrow-circle-down { display: none; }
	
		.navbar.main li.active {
			background-color: #fff;
			background-color: rgba(255,255,255,0.75); }
			
		.navbar.main li.active a { color: #921215; }
		.navbar.main li.active a span.ti-arrow-circle-right { display: none; }
		.navbar.main li.active a span.ti-arrow-circle-down { display: inline; }
		
		.navbar.main .nav>li:last-child a {
			border-right: 1px solid #b3b8bd; }
	
		.navbar.main a { 
			color: #444;
			background-color: transparent; 
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s; }
		
		.navbar.main a:active,
		.navbar.main a:hover { 
			color: #921215;
			background-color: #fff;
			background-color: rgba(255,255,255,0.75);
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-ms-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s; }
		
		.navbar.main .icon { padding-left: 6px; }
	
	/*----------------------------------------------------------------------------------------------
		Side Navigations */
		
		.navbar.side {
			min-height: 0; }  				/* Overwrite default minimum 50px height of .navbar */
			
		.navbar.side .nav-heading { color: #921215; }
	
		.navbar.sub {
			padding-left: 0;
			list-style: none;
			min-height: 0;
			margin-bottom: 18px; }
			
		.navbar.sub a li {
			display: inline-block;
			margin-left: 0;
			padding: 8px 18px;
			margin: 4px 0;
			line-height: 1.2em;
			border-radius: 999px;
			float: left;
			clear: left; }
		.navbar.sub a li .ti-arrow-circle-right { 
			margin-left: 6px;
			display: none; }
		
		.navbar.sub a li.active { color: #fff; background-color: #921215; }
		.navbar.sub a:hover li.active { color: #fff; background-color: #921215; }
		.navbar.sub a li.active .ti-arrow-circle-right { display: inline; }
		.navbar.sub a:hover li { background-color: #eee; }
		.navbar.sub a:hover li .ti-arrow-circle-right { display: inline; }
		
		.navbar.sub a,
		.navbar.sub a:active,
		.navbar.sub a:hover { 
			color: #444;
			text-decoration: none; }
	
	/*----------------------------------------------------------------------------------------------
		Nav Tabs - Pill Styling */

		.nav-pills { text-align: center; }	
	
		.nav-pills>li {
			float: none;
			display: inline-block; }
	
		.nav-pills>li>a {
			line-height: 36px;
			padding: 0 18px; }

		.nav-pills>li.active>a, 
		.nav-pills>li.active>a:hover, 
		.nav-pills>li.active>a:focus { background-color: #921215; }

	
/*--================================================================================================
	Featured Image (Banner)
	================================================================================================*/

	.bg,
	.featured-image,
	.parallax-image {
		background-position: center;
		background-repeat: no-repeat; }

	.featured-image { position: relative; overflow: hidden; }
	.parallax-image { position: absolute; width: 100%; }
	
	.bg-top			{ background-position: top center;}
	.bg-bottom 		{ background-position: bottom center; }
	.bg-cover 		{ background-size: cover; }
	.bg-contain 	{ background-size: contain; }
	.bg-repeatX		{ background-repeat: repeat-x; }

	.featured-image .jumbotron {
		height: inherit;
		text-align: center;
		display: table; 
		padding: 0;
		margin-bottom: 0;
		background-color: transparent; }
	
	.featured-image.light-text .jumbotron { text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75); }

	.featured-image .jumbotron h1,
	.featured-image .jumbotron h2,
	.featured-image .jumbotron h3,
	.featured-image .jumbotron h4,
	.featured-image .jumbotron h5,
	.featured-image .jumbotron h6 {
		text-align: inherit;
		margin-top: 0;
		margin-bottom: 0;
		/*padding-top: 72px;*/
		display: table-cell;
		vertical-align: middle; }
		
	
	.featured-image .jumbotron.text-left h1,
	.featured-image .jumbotron.text-left h2,
	.featured-image .jumbotron.text-left h3,
	.featured-image .jumbotron.text-left h4,
	.featured-image .jumbotron.text-left h5,
	.featured-image .jumbotron.text-left h6 { padding-top: 138px; }
	
	.featured-image .jumbotron h1 { font-size: 64px; }
	.featured-image .jumbotron h2 { font-size: 54px; }
	.featured-image .jumbotron h3 { font-size: 48px; }
	.featured-image .jumbotron h4 { font-size: 42px; }
	.featured-image .jumbotron h5 { font-size: 36px; }
	.featured-image .jumbotron h6 { font-size: 30px; }
	
	.featured-product {
		position: absolute;
		top: 0;
		right: 0; }
	
	.featured-product.align-center { right: 195px; }


/*--================================================================================================
	Content Styling
	================================================================================================*/
	
	.section-wrapper { padding-top: 50px; margin-top: 50px; }

	.height-320			{ height: 320px; }
	.default-height 	{ height: 420px; }
	.height-540 		{ height: 540px; }
	.height-600 		{ height: 600px; }
	.height-720 		{ height: 720px; }
	.height-960 		{ height: 960px; }
	.height-min720 		{ min-height: 720px; }
	
	.width-max			{ width: 100%; }


/*--================================================================================================
	Clinical Studies Articles
	================================================================================================*/

	.article-single { 
		position: relative;
		width: 100%;
		overflow: hidden;
		margin-bottom: 30px; }
	
	.article-single .heading {
		text-align: center;
		padding: 9px 18px;
		position: absolute;
		bottom: 0;
		width: 100%; }
	
	.article-single .heading:hover { text-decoration: underline; }

	.article-single img {
		-webkit-transition: all .75s;
		-moz-transition: all .75s;
		-ms-transition: all .75s;
		-o-transition: all .75s;
		transition: all .75s; }

	.article-single img:hover {
		-webkit-transform: scale(1.2); /* Safari and Chrome */
		-moz-transform: scale(1.2); /* Firefox */
		-ms-transform: scale(1.2); /* IE 9 */
		-o-transform: scale(1.2); /* Opera */
		transform: scale(1.2);
		-webkit-transition: all .75s;
		-moz-transition: all .75s;
		-ms-transition: all .75s;
		-o-transition: all .75s;
		transition: all .75s; }

.benefits .content { height: 200px; }

ul.benefits li	{ 
	padding: 6px 24px;
	border: 1px #ddd solid; margin-bottom: 9px; }

ul.benefits li:hover {
	background-color: #f9f9f9;
	-webkit-transition: all .3s;
	-moz-transition: all .3s; 
	-o-transition: all .3s; 
	transition: all .3s; 
	 }

.card .panel-body { height: 288px; }

.card .panel-body img {
	width: 80%;
	margin-left: -40%;
	left: 50%;
	position: absolute;
	bottom: 12px; }
	
.card .panel-body img {
	-webkit-transition: all .75s;
	-moz-transition: all .75s;
	-ms-transition: all .75s;
	-o-transition: all .75s;
	transition: all .75s; }

.card .panel-body:hover img {
	-webkit-transform: scale(1.12); /* Safari and Chrome */
	-moz-transform: scale(1.12); /* Firefox */
	-ms-transform: scale(1.12); /* IE 9 */
	-o-transform: scale(1.12); /* Opera */
	transform: scale(1.12);
	-webkit-transition: all .75s;
	-moz-transition: all .75s;
	-ms-transition: all .75s;
	-o-transition: all .75s;
	transition: all .75s; }

.card .nav-pills {
	position: absolute;
	bottom: 21px; }

.white-popup {
	position: relative;
	background: #FFF;
	padding: 30px;
	width:auto;
	width: 80%;
	max-width: 720px;
	margin: 30px auto; }

	.content-additional {
		padding: 24px;
	}


.featured-content .content-header {
	font-weight: 300;
	color: #921215;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto 84px;
	position: relative; }

.featured-content .content-header:after { 
	content: '';
	position: absolute;
	width: 44px;
	height: 60px;
	left: 50%;
	top: 100%;
	margin-left: -22px;
	margin-top: -36px;
	border-bottom: 3px solid #921215; }

blockquote {
	padding-top: 0;
	padding-bottom: 0;
	clear: both;
	color: #921215;
	border-left: 3px solid #921215; }
	
.border { border: 1px #f00 solid; }


label { color: #444; font-weight: 400; }

.breadcrumb { background-color: transparent; text-align: left !important; }



#interactive-catalogue .panel 			{ overflow: hidden; }
#interactive-catalogue .panel-footer 	{ position: relative; z-index: 10; height: 52px; }

#interactive-catalogue .product:hover .panel-footer {
	background-color: #921215;
	color: #fff;
	text-decoration: underline;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s; }


#interactive-catalogue .product img {
	-webkit-transition: all .75s;
	-moz-transition: all .75s;
	-ms-transition: all .75s;
	-o-transition: all .75s;
	transition: all .75s; }

#interactive-catalogue .product:hover img {
	-webkit-transform: scale(1.12); /* Safari and Chrome */
	-moz-transform: scale(1.12); /* Firefox */
	-ms-transform: scale(1.12); /* IE 9 */
	-o-transform: scale(1.12); /* Opera */
	transform: scale(1.12);
	-webkit-transition: all .75s;
	-moz-transition: all .75s;
	-ms-transition: all .75s;
	-o-transition: all .75s;
	transition: all .75s; }


.faq-single { 
	border-bottom: 1px solid #eee; }

.faq-ques a { color: #444; text-decoration: none; }
.faq-ques a:hover,
.faq-ques a:active,
.faq-ques a:focus { color: #921215; text-decoration: underline; }

.faq-ans { 
	color: #999;
	font-style: italic; }


img.ingredient {
	width: 84px; 
	height: 84px;
	float: left;
}

.ingredient-single {
	margin-bottom: 0;
	border-radius: 0;
	border: 0px transparent solid;
	border-bottom: 1px solid #ccc; }

.ingredient-single:first-child { 
	border-top: 1px solid #ccc; }

.ingredient-single .panel-heading { 
	border: 0px transparent solid;
	background-color: transparent; }

.ingredient a									{ color: #921215; }
.ingredient a .ti-arrow-circle-down  			{ display: inline; }
.ingredient a .ti-arrow-circle-right 			{ display: none; }

.ingredient a.collapsed							{ color: #444; }
.ingredient a.collapsed .ti-arrow-circle-down  	{ display: none; }
.ingredient a.collapsed .ti-arrow-circle-right 	{ display: inline; }
	
.ingredient a:hover,
.ingredient a:active,
.ingredient a:focus { text-decoration: underline; }

.ingredient-single .description {
	padding: 0;
	background-color: #eee;
	margin-left: 0 !important; 
	margin-right: 0 !important; }

.ingredient-single .description > * { padding: 24px  24px 0; }

.accordion-featured-image { 
	width: 750px;
	margin: -24px -24px 24px -24px; }

#footer .content { 
	height: 340px;
	padding-left: 36px;
	padding-right: 36px;
	border-left: 1px #a01d21 solid;
	border-right: 1px solid #690000; }

#footer .row > .content:first-child { border-left: 0px transparent solid; }
#footer .row > .content:last-child { border-right: 0px transparent solid; }

#footer .logo { margin: 6px 12px; }

.footer-heading				{ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); }
.footer-heading .highlight 	{ color: #ff4b38; }

.footer-list { line-height: 2.7em; }

.footer-list a li {
	border-top: 1px solid #a01d21;
	border-bottom: 1px solid #690000; }
	
.footer-list > a:first-child li { border-top: 0px solid transparent; }
.footer-list > a:last-child li { border-bottom: 0px solid transparent; }

#sub-footer { background-color: #690000; padding: 12px 0; }