@import url("styleExtra.css");

/*======================================================================
  
	INDEX 
	1.0 Fonts Familys
	2.0 Font Styles
	3.0 Header
		3.1 Seacrh Bar
	4.0 Tagline
	5.0 Main Content, Content Box & Panels with titles
	6.0 Submenu
		6.1 Submenu DropDown
		6.2 Submenu Best Seller
		6.3 Submenu Product List
	7.0 Product Selector 
		7.1 Selectric Syles
	8.0 Transformer Tabs
		8.1	Tabs Layout 
	9.0 Carousel
   10.0	Articles Section
   11.0 Legal Section	
   12.0 Footer
   13.0 Buttons
   
   CONTENT SECTION
   A. Supplement Index 
   B. Where to buy
   C. About Us
   D. FAQs
   E. Health Experts
   F. Product Selector / Search Results
   G. Contact Us
   
   Media Queries 
   @media only screen and (max-width: 40em) 
   @media only screen and (max-width: 320px)
======================================================================*/

/*======================================================================
  0.1 Fonts Familys
======================================================================*/
@font-face {
	font-family: 'Barmeno';
	src: url('fonts/Barmeno/barmeno-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/Barmeno/barmeno-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Barmeno/barmeno-webfont.woff') format('woff'), /* Modern Browsers */
	url('fonts/Barmeno/barmeno-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Barmeno/barmeno-webfont.svg#Barmeno') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Barmeno-Bold';
	src: url('fonts/Barmeno/barmeno_bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('fonts/Barmeno/barmeno_bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Barmeno/barmeno_bold-webfont.woff') format('woff'), /* Modern Browsers */
	url('fonts/Barmeno/barmeno_bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/Barmeno/barmeno_bold-webfont.svg#Barmeno') format('svg'); /* Legacy iOS */
}
/* Lucida Font */
@font-face {
	font-family: 'Lucida-Grande';
	src: url('fonts/Lucida/lucidagrande-webfont.eot');
	src: url('fonts/Lucida/lucidagrande-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lucida/lucidagrande-webfont.woff') format('woff'), url('fonts/Lucida/lucidagrande-webfont.ttf') format('truetype'), url('fonts/Lucida/lucidagrande-webfont.svg#lucida_granderegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lucida-Grande-Bold';
	src: url('fonts/Lucida/lucida_grande_bold-webfont.eot');
	src: url('fonts/Lucida/lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lucida/lucida_grande_bold-webfont.woff') format('woff'), url('fonts/Lucida/lucida_grande_bold-webfont.ttf') format('truetype'), url('fonts/Lucida/lucida_grande_bold-webfont.svg#lucida_grandebold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*======================================================================
  0.2 Font Styles
======================================================================*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Barmeno';
	color: #5a5a5a;
	font-weight: normal;
	margin-top: 0
}

body {
	overflow-x: hidden;
	color: #5a5a5a
}

body, a {
	font-family: 'Lucida-Grande';
	text-decoration: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
	background-color: #f6f6f6
}

a,
a:hover,
a:active,
a:focus,
input,
input:hover,
input:active,
input:focus,
img,
button,
.button,
div {
	outline: 0 none;
	font-family: 'Lucida-Grande';
}

img {
	border: none;
}

button:hover,
button:active,
button:focus {
	color: #61259e;
	outline: 0;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
	color: inherit
}

form {
	margin-bottom: 0
}

@media only screen and (max-width: 960px) {
	form {
		background-position: right !important;
		background-position-y: 58px !important;
	}
}

@media only screen and (min-width: 961px) {
	form {
		background-size: 100% !important;
		background-position-y: 58px !important;
	}
}

ol, ul, p, a {
	font-size: .74rem;
	color: #6a6a6a;
	line-height: 1.5;
	font-family: 'Lucida-Grande';
}

hr {
	margin-top: 10px;
	margin-bottom: 30px;
	height: 1px;
	border: none;
	background: #a5a5a5
}

input[type="submit"] {
	cursor: pointer;
}

input[type="text"] {
	cursor: inherit !important;
}


/* HEADER TITLES */

/* H2 */
.titles h2,
.panel-with-title h2{
 	font-size: 21px;
    line-height: 1.5rem;
    margin: 0;
    padding: .5rem 1rem 0rem 1rem;
    line-height: 1.5rem;    
    font-family: 'Lucida-Grande'
}

.panel-with-title .selectricWrapper {
	margin-bottom: 0;
}

.highlight-back .selectric,
.highlight-back .selectric .label {
	background: #ee1c25;
	color: #fff;
	opacity: 1
}

.panel-with-title input {
	min-height: 32px;
	width: 100%;
	cursor: pointer;
}
/* H3 */
.titles h3 {
	font-family: 'Lucida-Grande'
}

.product-description h3 {
	color: #5a5a5a;
	font-size: 1.1rem;
}

.titles h3 {
	font-size: 14px;
	margin-bottom: 0
}

.article > h3 {
	font-size: 1.3rem;
	line-height: 1.6rem;
	color: #5a5a5a;
}


/* Read More */
.read-more,
.read-less {
	background: #fff;
	color: red;
	margin: 0;
	padding: 0;
	text-align: right;
	width: auto;
	display: none;
	float: right;
	font-size: 0.74rem
}

	.read-more:hover,
	.read-less:hover {
		background: #fff
	}

.read-more {
	margin-top: 4px
}
/*======================================================================
  0.3 Header
======================================================================*/
.header {
	z-index: 99999;
	position: relative;
	height: 58px;
	background: #f2f0f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f0f0 0%, #dbd8d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f0f0), color-stop(100%,#dbd8d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f0f0 0%,#dbd8d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f0f0 0%,#dbd8d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f0f0 0%,#dbd8d2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f0f0 0%,#dbd8d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f0f0', endColorstr='#dbd8d2',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, .3);
	box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, .3);
}

	.header .columns {
		vertical-align: middle;
		padding: 0px !important;
		margin: 0px !important
	}

	.header ul {
		border-left: solid 1px #c8c4bf;
		margin: 0px;
		display: block;
		height: 58px;
		padding: 0
	}

		.header ul li {
			height: 58px;
			border-right: solid 1px #c8c4bf;
			float: left;
			display: table;
			padding: 2px 9px;
			position: relative;
			background: #f2f0f0; /* Old browsers */
			background: -moz-linear-gradient(top, #f2f0f0 0%, #dbd8d2 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f0f0), color-stop(100%,#dbd8d2)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f2f0f0 0%,#dbd8d2 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f2f0f0 0%,#dbd8d2 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f2f0f0 0%,#dbd8d2 100%); /* IE10+ */
			background: linear-gradient(to bottom, #f2f0f0 0%,#dbd8d2 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f0f0', endColorstr='#dbd8d2',GradientType=0 ); /* IE6-9 */
		}

			.header ul li a {
				position: relative;
				vertical-align: middle;
				display: table-cell;
				height: 54px;
				text-decoration: none;
			}

			.header ul li:hover {
				background-color: #f9f9f9;
			}

	/* 0.3.1 Search */
	.header .search {
		display: table;
		height: 54px;
		position: relative;
		float: right;
	}

		.header .search input[type="search"],
		.panel-with-title .search input[type="search"] {
			height: 32px;
			margin: 0px;
			border-radius: 6px;
			border: none;
			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
		}

		.header .search input,
		.panel-with-title .search input {
			height: 31px;
			margin-top: 10px\9;
			position: relative;
		}

			.header .search input[type="submit"],
			.panel-with-title .search input[type="submit"] {
				background-color: #fff;
				background-image: url("images/icons-sprite.png");
				background-position: -45px -14px;
				background-size: 182% auto;
				border: medium none;
				border-radius: 30%;
				cursor: pointer;
				height: 25px;
				position: absolute;
				right: 1px;
				text-indent: -999px;
				top: 29%;
				width: 29px;
				box-shadow: none;
			}

.panel-with-title .container .search {
	float: right;
}

.panel-with-title .search input[type="search"] {
	cursor: text;
	height: 35px;
}

.header .search input[type="submit"] {
	margin-bottom: 20px !important;
}

.panel-with-title .search input[type="submit"] {
	right: 10px;
	top: 15px;
}

	.panel-with-title .search input[type="submit"]:hover {
		background: url("images/icons-sprite.png");
		background-position: 7px -14px;
		background-size: 182% auto;
	}

.header .search {
	width: 158px
}

	.header .search .container {
		display: table-cell;
		vertical-align: middle;
	}

.search .container > input[type="search"] {
	width: 100% !important;
}
/*======================================================================
  0.4 Tagline
======================================================================*/
.tagline {
	text-align: right;
	display: block;
	float: none
}

	.tagline h1, .tagline h2 {
		margin: 15px -30px;
		color: #d4e6a1;
		font-size: 1.5rem;
		float: none;
		font-family: 'Barmeno-Bold';
		position: absolute;
		width: 100%;
		margin-top: 0\9;
	}

		.tagline h1 span, .tagline h2 span {
			font-size: .5rem;
			position: absolute;
			top: 0;
			right: -13px;
		}

	.tagline .row {
		min-height: 0 !important
	}
/*======================================================================
  0.5 Main Content, Content Box & Panels with titles
======================================================================*/
.main-content {
	margin-top: 25px;
}

/* Content Box */

.content-box {
	background: url('vitafusion/images/transparent-white.png');
	padding: 1rem;
	margin-bottom: 20px
}

	.content-box h2 {
		font-size: 1.3rem;
		margin-bottom: 2rem;
		border-bottom: solid 1px #efd10d;
		font-weight: bold;
	}

	.content-box [class*="column"]:last-child {
		float: left;
	}
/* Panel with title */

.panel-with-title {
	margin: 0 0 1rem;
	background-color: #fff;
	border: solid 1px #f9d90b;
	/*overflow: hidden;*/
}

	.panel-with-title h1 {
		background-color: #efd10d;
		margin: 0px;
		font-family: 'Barmeno-Bold';
		color: #5a5a5a;
		padding: .5rem 1rem;
		font-size: 24px;
		width: 100%;
		font-weight: normal;
	}

	.panel-with-title ul li a {
		color: #ed1c24
	}

	.panel-with-title ul {
		clear: both;
		margin-top: 20px;
		padding-left: 20px;
		line-height: 1rem;
		padding-left: 0
	}

	.panel-with-title .content ul {
		padding-left: 20px
	}

	.panel-with-title .content.with-image {
		background-size: 100%;
	}

		.panel-with-title .content.with-image p {
			max-width: 80%
		}

		.panel-with-title .content.with-image .support-image {
			display: none
		}

	.panel-with-title .content,
	.panel-with-title .row {
		padding: 1rem 1rem 1rem 1rem;
	}

	.panel-with-title .owl-carousel .owl-wrapper-outer {
		width: 101.8%;
	}

	.panel-with-title .row .row {
		padding: 0
	}

	.panel-with-title .item {
		width: 100%;
		margin-bottom: 20px;
		background-color: #fff
	}


/*======================================================================
  0.6 Submenu
======================================================================*/

.sub-menu h3 {
	font-family: Lucida-Grande;
	color: #5a5a5a;
	font-weight: lighter;
	margin-bottom: 10px;
	font-size: 1.5rem;
}

.sub-menu ul {
	list-style: none;
	overflow: visible;
	margin: 3rem 0 1rem 0;
	float: right;
	padding: 0
}

	.sub-menu ul li {
		display: block;
		float: left;
		margin-right: 0;
		margin-top: 0;
		padding: 0px 10px;
		position: relative;
		text-align: center;
	}

		.sub-menu ul li:first-child:hover {
			background: #ed1c24;
			cursor: pointer;
		}
			/* .sub-menu ul li:nth-child(2):hover { */
			/* background: #ed1c24; */
			/* cursor: pointer; */
			/* } */
			.sub-menu ul li:first-child:hover .drop-down {
				display: block;
			}

		.sub-menu ul li.ingredient-list:nth-child(2):hover .drop-down-Ing {
			display: block;
		}

		.sub-menu ul li:first-child:hover a,
		.sub-menu ul li:first-child:hover a:before {
			color: #fff;
			border-top-color: #fff;
			text-shadow: none
		}

		.sub-menu ul li:first-child a {
			padding-right: 40px;
		}

			.sub-menu ul li:first-child a:before {
				width: 0;
				height: 0;
				position: absolute;
				content: "";
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-top: 8px solid #ed1c24;
				right: 15px;
				top: 14px
			}

		.sub-menu ul li.ingredient-list:nth-child(2) a:before {
			width: 0;
			height: 0;
			position: absolute;
			content: "";
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			right: 8px;
			top: 14px
		}

		.sub-menu ul li a {
			color: #ed1c24;
			font-family: "Lucida-Grande-Bold", Arial;
			font-size: 1.1rem;
			padding: 5px 10px;
			text-decoration: none;
			display: inline-block;
		}

		.sub-menu ul li:before {
			content: "";
			height: 18px;
			width: 2px;
			/*background-color: #ed1c24;*/
			position: absolute;
			right: 0px;
			top: 10px
		}

		.sub-menu ul li:last-child:before {
			height: 0px;
			width: 0px;
		}

		.sub-menu ul li:last-child,
		.sub-menu ul li:last-child a {
			padding-right: 0px;
		}
		/*======================================================================
  0.6.1 Submenu DropDown
======================================================================*/
		.sub-menu ul li .drop-down {
			border: solid 1px #ed1c24;
			position: absolute;
			min-width: 770px;
			text-align: left;
			margin-left: -100px;
			background-color: #fff;
			padding-bottom: 1em;
			display: none;
			z-index: 999999;
			min-height: 100px;
		}

			.sub-menu ul li .drop-down a {
				padding: 0px;
				font-size: .78rem;
				font-family: "Lucida-Grande";
			}

			.sub-menu ul li .drop-down li:first-child:hover {
				background: none;
			}

.sub-menu ul li.ingredient-list:nth-child(2) a {
			margin-right: 10px;
		}

		.sub-menu ul li:hover .drop-down a,
		.sub-menu ul li:hover .drop-down a:before {
			color: #ED1C24;
			border-top-color: #ED1C24;
		}

		.sub-menu ul li .drop-down a:hover {
			text-decoration: underline;
		}
		/*======================================================================
  Submenu BestSeller
======================================================================*/
		.sub-menu ul li .drop-down .best-seller {
			background-color: #fcf6cf;
			padding: 2%;
			width: 190px;
			position: absolute;
			height: 100%;
		}

			.sub-menu ul li .drop-down .best-seller a {
				max-width: 130px;
				display: block;
				position: relative
			}

		.sub-menu ul li .drop-down .image-best-seller {
			min-height: 200px;
			border: solid 1px #efd10d;
			background-color: #fff;
			margin-bottom: .5em;
			min-width: 160px;
			text-align: center;
			padding-top: 17px;
		}
		/*======================================================================
  0.6.3 Submenu Product List
======================================================================*/
		.sub-menu ul li .drop-down .list {
			padding: 2%;
			width: 74.5%;
			margin-left: 190px;
		}

.sub-menu ul li .drop-down .list-Ing {
			padding: 2%;
			width: 74.5%;
			margin-left: 85px;
		}

			.sub-menu ul li .drop-down .list h3 {
				margin-bottom: 6px
			}

			.sub-menu ul li .drop-down .list ul,
			.sub-menu ul li .drop-down .list ul li {
				margin: 0px;
			}

			.sub-menu ul li .drop-down .list ul {
				overflow: hidden;
				margin-bottom: 10px;
				float: left;
				width: 100%;
			}

				.sub-menu ul li .drop-down .list ul li {
					width: 51%;
					text-align: left;
					float: left;
					padding: 0px;
					line-height: 1rem;
					margin-bottom: 5px
				}

					.sub-menu ul li .drop-down .list ul li:before {
						content:;
						height: 0px;
						width: 0px;
					}

					.sub-menu ul li .drop-down .list ul li:nth-child(2n+0) {
						width: 49%;
						/*float:right;*/
						padding: 0px
					}

					.sub-menu ul li .drop-down .list ul li a {
						position: relative
					}

		.sub-menu ul li .drop-down a:before {
			display: none
		}

		.sub-menu ul li .drop-down .best-seller a:after,
		.sub-menu ul li .drop-down .list ul li a:after {
			content: "";
			height: 0px;
			width: 0px;
			border: none;
			display: inline-block;
			border-top: 5px solid transparent;
			border-left: 5px solid red;
			border-bottom: 5px solid transparent;
		}

		.sub-menu ul li .drop-down .list ul:last-child li {
			width: 25%;
		}
/*======================================================================
  0.7 Product Selector
======================================================================*/
.product-selector {
	background-color: #fff;
	border: solid 1px #f0b31c;
	margin-top: 2em;
	width: 100%;
	max-width: 285px;
	float: right;
	margin-bottom: 20px
}

	.product-selector h2 {
		font-size: 1.4rem;
		background-color: #f9d90b;
		margin: 0px;
		padding: .3em .7em;
		color: #454545;
		font-weight: bold
	}

	.product-selector input[type="submit"] {
		float: right;
	}

.selector {
	padding: 1em 1em 2.3em;
	overflow: visible
}

.copuon-section img {
	float: right;
	width: 100%;
	max-width: 285px;
}

.product-selector input[type="submit"] {
	min-height: 30px
}
/*======================================================================
  0.7.1 Selectric Syles
======================================================================*/
.selectricWrapper {
	position: relative;
	margin: 0 0 12px;
	width: 100%;
	cursor: pointer;
}

.selectricResponsive {
	width: 100%;
}

.selectric,
.selector select {
	border: 1px solid #f0b31c;
	background: #F8F8F8;
	position: relative;
	border-radius: 2px;
}

	.selectric .label,
	input[type="text"],
	.selector select {
		display: block;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 30px 0 0;
		padding: 6px;
		line-height: 18px;
		color: #5a5a5a;
		min-height: 18px;
		background-color: #fff;
		border: solid 1px #EFD10D;
		border-right: solid 2px #f0b31c;
		box-shadow: inset 0 0 6px 0px rgba(0,0,0,0.5);
		opacity: .7
	}

.selector select {
	border-width: 2px !important
}

.search input[type="submit"],
.selector select {
	margin-bottom: 10px
}

.selectric .label strong {
	font-weight: 600
}

.selectric .button {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 32px;
	color: #BBB;
	text-align: center;
	font: 0/0 a;
	/* IE Fix */
	*font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
	padding: 0px;
	background-color: #f9d90b
}

	.selectric .button:after {
		content: " ";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-top-color: #fff;
		border-bottom: none;
	}

.selectricHover .selectric {
	border-color: #CCC;
}

	.selectricHover .selectric .button {
		color: #888;
		background-color: #F0B31C
	}

		.selectricHover .selectric .button:after {
			border-top-color: #fff;
		}

.selectricOpen {
	z-index: 99999;
}

	.selectricOpen .selectric {
		border-color: #CCC;
		background: #F0F0F0;
		z-index: 9999;
	}

	.selectricOpen .selectricItems {
		display: block;
	}

.selectricDisabled {
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.selectricHideSelect {
	position: relative;
	overflow: hidden;
	width: 0;
	height: 0;
}

	.selectricHideSelect select {
		position: absolute;
		left: -100%;
		display: none;
	}

.selectricInput {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	outline: none !important;
	border: none !important;
	*font: 0/0 a !important;
	background: none !important;
}

.selectricTempShow {
	position: absolute !important;
	visibility: hidden !important;
	display: block !important;
}
/* Items box */
.selectricItems {
	display: none;
	position: absolute;
	overflow: auto;
	top: 100% !important;
	left: 0;
	background: #F9F9F9;
	border: 1px solid #CCC;
	z-index: 9998;
	-webkit-box-shadow: 0 0 10px -6px;
	box-shadow: 0 0 10px -6px;
}

	.selectricItems ul,
	.selectricItems li {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: .78rem;
		line-height: 20px;
		min-height: 20px;
	}

	.selectricItems li {
		display: block;
		padding: 5px;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #EEE;
		color: #666;
		cursor: pointer;
	}

		.selectricItems li.selected {
			background: #EFEFEF;
			color: #444;
			border-top-color: #E0E0E0;
		}

		.selectricItems li:hover {
			background: #F0F0F0;
			color: #444;
		}

		.selectricItems li.disabled {
			background: #F5F5F5;
			color: #BBB;
			border-top-color: #FAFAFA;
			cursor: default;
		}
/*======================================================================
  0.8 Transformer Tabs	
======================================================================*/
.tabs {
	margin-bottom: 120px
}

	.tabs > div {
		display: none;
		padding: 1rem;
		border: solid 1px #f9d90b;
		margin-bottom: 20px;
	}

		.tabs > div:nth-of-type(1),
		.tabs > div:nth-of-type(2),
		.tabs > div:nth-of-type(3),
		.tabs > div:nth-of-type(4),
		.tabs > div:nth-of-type(5),
		.tabs > div:nth-of-type(6),
		.tabs > div:nth-of-type(7) {
			background: url('vitafusion/images/transparent-white.png');
		}

	.tabs > .active {
		display: block;
	}

/* Only Hiding Tabs */
.wrapper-tabs.hide-on-small .tabs > div {
	padding: 1rem 0 1rem 1rem;
}

.wrapper-tabs.hide-on-small .owl-wrapper-outer:before {
	content: "";
	position: absolute;
	right: 0;
	width: 2%;
	margin-right: -2.1%;
	height: 100%;
	top: 0;
	z-index: 99999;
}
/* Menu Transformer Tabs */
.transformer-tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 27px;
}

.transformer-tabs li {
	display: inline-block;
	padding: 0;
	vertical-align: bottom;
}

	.transformer-tabs li:nth-of-type(1) a,
	.accordion dd dl.tabs dd:nth-of-type(1) a {
		z-index: 700
	}

	.transformer-tabs li:nth-of-type(2) a,
	.accordion dd dl.tabs dd:nth-of-type(2) a {
		z-index: 600
	}

	.transformer-tabs li:nth-of-type(3) a,
	.accordion dd dl.tabs dd:nth-of-type(3) a {
		z-index: 500
	}

	.transformer-tabs li:nth-of-type(4) a,
	.accordion dd dl.tabs dd:nth-of-type(4) a {
		z-index: 400
	}

	.transformer-tabs li:nth-of-type(5) a {
		z-index: 300
	}

	.transformer-tabs li:nth-of-type(6) a {
		z-index: 200
	}

	.transformer-tabs li:nth-of-type(7) a {
		z-index: 100
	}

	.transformer-tabs li a.active {
		border-bottom-color: #fff;
		z-index: 5000;
		position: relative;
	}

.transformer-tabs a,
.accordion dd dl.tabs dd a {
	display: inline-block;
	color: #454545;
	position: relative;
	text-decoration: none;
	padding: 6px 33px 0px 13px;
	background: url(images/tabs/right-normal-tab.png) right bottom;
	height: 27px;
	bottom: -1px;
	font-family: 'Barmeno';
	font-weight: bold;
	line-height: 1rem;
	font-size: 1rem
}

	.transformer-tabs a.active,
	.accordion dd dl.tabs dd.active a,
	.accordion dd dl.tabs dd:first-child a {
		position: relative;
		background: url(images/tabs/right-selected-tab.png) right top;
	}

		.transformer-tabs a.active span,
		.transformer-tabs a span {
			background: url(images/tabs/left-selected-tab.png) left bottom;
			width: 21px;
			height: 27px;
			display: inline-block;
			position: absolute;
			left: -21px;
			top: 0px
		}

	.transformer-tabs a span {
		background: url(images/tabs/left-normal-tab.png) left bottom;
	}

.transformer-tabs button,
.transformer-tabs button:hover,
.transformer-tabs button:focus,
.transformer-tabs .button,
.transformer-tabs .button:hover,
.transformer-tabs .button:focus {
	background-color: transparent;
	margin-bottom: 0
}
/*======================================================================
  0.8.1	Tabs Layout 
======================================================================*/
.tabs > .active p span.blue {
	color: #0b4e87
}

.tabs > .active h1 {
	font-size: 1.4rem;
	font-family: 'Lucida-Grande';
	color: #565656;
	font-weight: normal;
}

.coupons {
	margin-top: 0
}

.coupons-mobile {
	display: none;
}

.tabs > .active .cupons img,
.tabs > .active .coupons img {
	display: block;
}

.tabs > .active h1 span {
	font-size: .6rem;
	display: block;
	margin-bottom: 1rem;
}

.division {
	display: block;
	border-bottom: solid 1px #efd10d;
	margin: .2rem 0
}
/* Product Viatamins */
.product-ingredients {
	list-style-type: none;
	margin: .4rem 0 20px;
	overflow: hidden;
	padding-left: 0
}

	.product-ingredients li {
		float: left;
		min-height: 77px;
		text-align: center;
		text-decoration: underline;
		width: 86px;
	}

		.product-ingredients li img {
			display: block;
			margin: 0 auto;
		}

.product-overview {
	border: solid 1px #efd10d;
	margin: 0 1rem;
	min-height: 281px;
	text-align: center;
	background: white;
}

	.product-overview img {
		margin: 5% auto;
		width: auto;
	}
/*======================================================================
  0.9 Carousel
======================================================================*/
.product-description {
	float: left;
	height: 80%;
	/*    position: absolute; */
	/*    width: 95%; */
	z-index: 999;
}

	.product-description a,
	.product-description a.red-button {
		/*	position: absolute; */
		bottom: 0
	}

	.product-description h3 {
		margin-bottom: 0
	}

		.product-description h3 span {
			font-size: .8rem;
			display: block;
			/*	margin-left: 51px; */
			margin: -5px 0 5px 0;
			width: 100%;
		}

	.product-description img {
		/*	float: left; */
		margin-right: 5px;
		margin-bottom: 5px;
	}

.product-image img {
	/*	margin-left: 20px; */
}

.product-image {
	/* 	position: absolute; */
	right: 20px;
	top: 21px;
	width: auto;
}

.suppIndex-products .product-image {
	right: 0
}

.suppIndex-products .item {
	overflow: visible;
}

.suppIndex-products h3 {
	margin-top: 5px;
}

	.suppIndex-products h3 span {
		font-size: 1rem;
		overflow: visible;
		width: 241px;
	}

		.suppIndex-products h3 span + span {
			font-size: 0.8rem;
			/*	margin-left: 35px; */
			/*    margin-top: 6px; */
			max-width: 180px;
			display: block;
		}

.suppIndex-products .product-description {
	/*	 width: 60%; */
	height: 85%
}

	.suppIndex-products .product-description img {
		margin-right: 2px
	}

/* ONLY FOR THE HOME PAGE SLIDER */
.tabs .owl-carousel.lilCritters-products.owl-theme .product-description {
	/*	width: 59% */
}

.tabs .owl-carousel.lilCritters-products.owl-theme .product-image {
	right: 0
}

.item {
	border: solid 1px #f9d90b;
	min-height: 250px;
	padding: 10px 5px 10px 10px;
	overflow: hidden;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	width: 100%;
	margin-bottom: 1px;
	position: relative;
	background: white;
}

.panel-with-title .owl-carousel .item,
.lilCritters-products.owl-carousel .item {
	width: 91%
}

.owl-theme .owl-item {
	position: relative;
}

	.owl-theme .owl-item.active {
		margin-right: -15px;
	}

.owl-theme .owl-pagination {
	position: relative;
	z-index: 99999;
	width: 90%;
	margin: 15px auto;
}

.owl-theme .owl-buttons {
	width: 98%;
	z-index: 1;
	position: absolute;
	top: 0;
}

.owl-theme .owl-controls {
	overflow: hidden;
	text-align: center;
	position: relative;
}

	.owl-theme .owl-controls .owl-buttons div {
		margin: 0px;
	}

	.owl-theme .owl-controls .owl-buttons .owl-prev {
		float: left;
	}

		.owl-theme .owl-controls .owl-buttons .owl-prev:before,
		.owl-theme .owl-controls .owl-buttons .owl-next:before {
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-right: 10px solid #fff;
			content: "";
			position: absolute;
			left: 10px;
			top: 7px
		}

	.owl-theme .owl-controls .owl-buttons .owl-next:before {
		border-right: 0;
		border-left: 10px solid #fff;
		right: 0px;
		left: 14px
	}

.owl-controls .owl-buttons .owl-next {
	float: right;
}

.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
	border-radius: 100%;
	width: 36px;
	height: 36px;
	border: solid 1px #e21115;
	background-color: #ed1c24;
	opacity: 1;
	position: relative;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef383e), color-stop(1, #8f0005) );
	background: -moz-linear-gradient( center top, #ef383e 5%, #8f0005 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef383e', endColorstr='#8f0005');
	background-color: #ef383e;
}

.owl-theme .owl-controls .owl-buttons .disabled,
.owl-theme .owl-controls .owl-buttons .disabled:hover {
	opacity: .5
}
/*======================================================================
  10.0	Articles Section
======================================================================*/
.articles-section .row {
	background-color: #fff;
	border: 1px solid #F9D90B;
	margin-bottom: 20px;
	max-width: 59em;
	padding: 1rem .5rem;
}

.article {
	position: relative;
	min-height: 97px;
	overflow: hidden;
	border: solid 1px #F9D90B;
	padding: 10px 38px 10px 13px
}

	.article > img {
		position: absolute;
		right: 0;
		top: 0;
	}

	.article > a:after {
		content: " » ";
		display: inline-block;
	}

	.article > a {
		color: #ED1C24;
		font-size: 0.74rem;
	}

	.article > h3,
	.article > a {
		position: relative;
		z-index: 9999;
		margin: 0px;
		font-family: 'Lucida-Grande'
	}

/*=====================================================================
 11.0 Legal Section	
======================================================================*/
.legal-section {
	background: #1c742c;
	border-top: solid 2px #95c290;
	color: #fff;
}

.legal-description {
	border: solid 2px #fff;
	padding: 2%;
	margin: 3% 0;
	min-height: 68px;
}

	.legal-description p {
		margin: 0px;
		font-size: .78rem;
		line-height: 1.25em;
		color: #fff
	}
/*======================================================================
  Footer
======================================================================*/
.footer {
	background: #585858;
	color: #fff;
	padding: 20px 0px;
	bottom: 0px;
	width: 100%;
}

	.footer a {
		color: #fff;
	}

		.footer a:hover {
			text-decoration: underline;
		}

	.footer p {
		font-size: .7rem;
		margin: 0;
		color: #fff
	}

		.footer p + p {
			opacity: .5
		}

.footer-icons {
	margin: 0;
	padding: 10px 0;
	float: right;
}

	.footer-icons li {
		list-style-type: none;
		display: inline-block;
		margin-right: 5px
	}
/*======================================================================
  13.0 Buttons
======================================================================*/

/* Open/Close Buttons */
.select-article,
.select-product,
.show-next-div {
	background-color: #FFFFFF;
	border-bottom: 3px solid #6BAB3D;
	color: #2F4A5E;
	font-family: "Lucida-Grande-Bold",Arial;
	font-size: 1.1rem;
	font-weight: lighter;
	margin: 0;
	padding: 4% 6% 3%;
	text-align: left;
	width: 100%;
	display: none
}

	button span,
	.select-article span,
	.select-product span,
	.show-next-div span {
		width: 26px;
		height: 26px;
		float: right;
		background: url('images/mobil-menu-arrow.png');
		background-position: 0 0;
		text-indent: -9999px;
	}

	button.open span,
	.select-article.open span,
	.select-product.open span,
	.show-next-div.open span {
		background-position: 0 26px;
	}

/* Menu Butotn Mobile */
.menu-mobile {
	display: none;
}

/* Where to buy button */
.where-to-buy button {
	width: 100%
}

/* Drop Downsn*/
button.selector-drop-down {
	background: #efd10d;
	height: 30px;
	float: right;
	width: 33px;
	cursor: pointer;
	display: inline-block;
	border: none;
	padding: 0px;
	border: 2px solid #efd10d;
	border-left: none;
	position: absolute;
	right: 0;
	box-shadow: none;
}

	button.selector-drop-down:hover {
		background-color: orange
	}

/* General */
.red-button,
.purple-button,
.blue-button {
	z-index: 99
}

	.red-button:before,
	.purple-button:before,
	.blue-button:before {
		border-bottom: 5px solid rgba(0, 0, 0, 0);
		border-left: 5px solid #FFFFFF;
		border-top: 5px solid rgba(0, 0, 0, 0);
		content: "";
		float: right;
		height: 0;
		margin: 7px 0 0 7px;
	}

/*
.red-button:active, 
.purple-button:active,
.blue-button:active {
	position:relative;
	top:1px;
}
*/
/* Red Button*/
.red-button {
	position: absolute;
}

.where-to-buy .red-button,
.h-button .red-button,
.where-to-buy button,
.panel-with-title input[type="submit"] {
	position: relative;
}

.red-button,
.where-to-buy button,
.panel-with-title input[type="submit"] {
	-moz-box-shadow: inset 0px 12px 11px -5px #f69396;
	-webkit-box-shadow: inset 0px 12px 11px -5px #f69396;
	box-shadow: inset 0px 12px 11px -5px #f69396;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef383e), color-stop(1, #8f0005) );
	background: -moz-linear-gradient( center top, #ef383e 5%, #8f0005 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef383e', endColorstr='#8f0005');
	background-color: #ef383e;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	text-indent: 0;
	border: 1px solid #ed1c23;
	display: inline-block;
	color: #ffffff;
	font-family: 'Lucida-Grande';
	font-size: .74rem;
	font-weight: normal;
	font-style: normal;
	line-height: 25px;
	/*width:105px;*/
	text-decoration: none;
	text-align: center;
	padding: 0 10px;
	min-height: 25px;
	margin-bottom: 10px;
}

.panel-with-title input[type="submit"] {
	max-width: 80px
}

	.red-button:hover,
	.red-button:focus,
	.panel-with-title input[type="submit"]:hover {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f0005), color-stop(1, #ef383e) );
		background: -moz-linear-gradient( center top, #8f0005 5%, #ef383e 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f0005', endColorstr='#ef383e');
		background-color: #8f0005;
		color: #fff;
	}

/* Purple Button */
.item .purple-button {
	position: absolute;
}

.purple-button {
	position: relative;
}

.purple-button {
	-moz-box-shadow: inset 0px 12px 11px -5px #c2a2d6;
	-webkit-box-shadow: inset 0px 12px 11px -5px #c2a2d6;
	box-shadow: inset 0px 12px 11px -5px #c2a2d6;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9e75bb), color-stop(1, #5d3286) );
	background: -moz-linear-gradient( center top, #9e75bb 5%, #5d3286 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e75bb', endColorstr='#5d3286');
	background-color: #9e75bb;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	text-indent: 0;
	border: 1px solid #b390cd;
	display: inline-block;
	color: #ffffff;
	font-family: 'Lucida-Grande';
	font-size: .74rem;
	font-weight: normal;
	font-style: normal;
	padding: 0 10px;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	margin-bottom: 10px;
}

	.purple-button:hover,
	.purple-button:focus {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5d3286), color-stop(1, #9e75bb) );
		background: -moz-linear-gradient( center top, #5d3286 5%, #9e75bb 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d3286', endColorstr='#9e75bb');
		background-color: #5d3286;
		color: #fff;
	}
/* Purple Button */
.blue-button {
	background: #0081c6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwODFjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzBiNGY4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #0081c6 1%, #0b4f88 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0081c6), color-stop(99%,#0b4f88));
	background: -webkit-linear-gradient(top, #0081c6 1%,#0b4f88 99%);
	background: -o-linear-gradient(top, #0081c6 1%,#0b4f88 99%);
	background: -ms-linear-gradient(top, #0081c6 1%,#0b4f88 99%);
	background: linear-gradient(to bottom, #0081c6 1%,#0b4f88 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081c6', endColorstr='#0b4f88',GradientType=0 );
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	text-indent: 0;
	border: 1px solid #00bfe2;
	display: inline-block;
	color: #ffffff;
	font-family: 'Lucida-Grande';
	font-size: .74rem;
	font-weight: normal;
	font-style: normal;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	position: relative;
	padding: 2px 22px 2px 9px;
}

	.blue-button:before {
		top: 9px;
	}

	.blue-button:hover,
	.blue-button:focus {
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0b4f88), color-stop(1, #0081c6) );
		background: -moz-linear-gradient( center top, #0b4f88 5%, #0081c6 100% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b4f88', endColorstr='#0081c6');
		background-color: #0b4f88;
		color: #fff;
	}

button.small,
.button.small {
	float: right;
	padding: 0.5rem 1rem;
}
/*======================================================================
  A. Supplement Index
======================================================================*/
.supplement-index-wrapper .item {
	height: auto;
	min-height: 100%;
	border: none;
	padding: 0px;
	width: 99%
}

	.supplement-index-wrapper .item a {
		display: block;
		margin-bottom: 20px;
		padding: 3px;
		border: solid 3px #fff
	}

		.supplement-index-wrapper .item a img {
			width: 100%
		}

		.supplement-index-wrapper .item a:hover {
			border: solid 3px #61259e
		}

.supplement-index-wrapper .owl-theme .owl-item.active {
	margin-right: 0
}

.vitamin-description {
	border-top: 1px solid #F9D90B;
	margin-top: 1rem;
	padding-top: 1rem;
}

	.vitamin-description ul {
		padding-left: 20px
	}
/*======================================================================
 	B.Where to buy
======================================================================*/
.tabs .active .where-to-buy .selectric {
	border: none
}

	.tabs .active .where-to-buy .selectric,
	.tabs .active .where-to-buy .selectric .label,
	.where-to-buy input[type="text"] {
		border-color: #7bb6d5;
		border-width: 2px
	}

		.tabs .active .where-to-buy .selectric .button {
			background-color: #0081c6;
			border-width: 2px;
			border-color: #058ed3;
			height: 34px;
			width: 34px
		}

.tabs .active .where-to-buy,
.tabs .active .about-us {
	padding: 1rem 2rem
}

	.tabs .active .where-to-buy hr,
	.tabs .active .about-us hr {
		border-color: #aeaeae
	}

	.tabs .active .where-to-buy h1 {
		font-family: 'Barmeno-Bold';
		color: #0081c6
	}

	.tabs .active .where-to-buy label {
		padding-left: 8px;
		padding-bottom: 4px;
		color: #777;
		font-size: .8rem
	}

.about-us .row:first-child .columns.large-6:before,
.where-to-buy .row:first-child .columns.large-8.large-pull-16:before {
	content: "";
	height: 100%;
	position: absolute;
	background: #aeaeae;
	width: 1px;
	right: -18px
}

/* Google Maps */
.google-maps {
	position: relative;
	padding-bottom: 75%;
	// This is the aspect ratio height: 0;
	overflow: hidden;
	margin-bottom: 20px;
	border: solid 1px #ee2a33;
	-moz-box-shadow: 0px 0px 8px 8px #e4e4e4;
	-webkit-box-shadow: 0px 0px 8px 8px #e4e4e4;
	box-shadow: 0px 0px 8px 8px #e4e4e4;
}

	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
/*======================================================================
  C.About Us 
======================================================================*/
big {
	font-size: 3em;
	font-family: 'Barmeno';
	color: #0081c6;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	display: block;
}

blockquote {
	float: right;
	width: 100%;
	text-align: right;
	border: none;
	padding-top: 0;
	line-height: 2.5rem;
	z-index: 999;
	position: relative;
}

	blockquote a {
		display: inline-block;
		padding-bottom: 10px;
		color: #0081c6;
		line-height: 40px;
		position: relative;
	}

		blockquote a:before {
			width: 100%;
			position: absolute;
			height: 1px;
			background-color: #0081c6;
			content: "";
			bottom: 16px;
		}

.about-us-image-back {
	z-index: 1;
}

.about-us h2 {
	margin-bottom: 1.5rem;
	font-size: 18px;
	color: #6A6A6A;
	font-family: 'Lucida-Grande';
}

.about-us .row h2 {
	color: red;
	font-family: 'Barmeno-Bold';
	font-size: 24px;
	color: #0081c6;
	margin-bottom: 1rem
}

/**/
.about-us .row:first-child .columns.large-6:before {
	right: 20px
}

.about-us-image {
	margin: 30px
}

.about-us-content {
	margin: 1rem
}

	.about-us-content p {
		padding: 0 1rem;
		font-size: 1rem;
		line-height: 1.3rem;
		position: relative;
		z-index: 99
	}

	.about-us-content big {
		padding: 0 1rem;
		color: #ed1c24
	}

	.about-us-content a {
		color: #ed1c24;
		font-size: inherit;
	}

	.about-us-content blockquote span {
		display: block;
	}

	.about-us-content blockquote a:before {
		background-color: #ed1c24
	}

.support-image {
	float: right;
	margin: -1rem -1rem -1rem -55px;
}
/*======================================================================
 	D.FAQs
======================================================================*/
.questions-answers {
	margin: 40px;
	padding: 0
}

	.questions-answers li {
		margin-bottom: 1em;
		list-style: none;
	}

	.questions-answers h5 {
		cursor: pointer;
		border: solid 1px #0081c6;
		padding: 0.5rem 0.5rem 0.5rem 2rem;
		font-size: .87rem;
		font-family: 'Lucida-Grande';
		margin-bottom: 0px;
		position: relative;
	}

		.questions-answers h5 span {
			width: 0;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid #0081c6;
			display: inline-block;
			margin-right: .5rem;
			position: absolute;
			top: 11px;
			left: 5px
		}

		.questions-answers h5.open span {
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 0;
			border-bottom: 10px solid #0b4e87;
		}

	.questions-answers .panel {
		display: none;
		background-color: #0b4e87;
		color: #fff;
		padding: .5rem 1rem;
	}
/*======================================================================
  E. Health Experts
======================================================================*/
.health-experts .columns {
	overflow: hidden;
}

	.health-experts .columns ul {
		clear: both;
		float: none;
	}

.highlight-text {
	background-color: #5a5a5a;
	padding: 1rem;
	color: #fff;
	line-height: 28px;
	font-size: 24px;
	margin-bottom: 1rem
}

.expert-article {
	margin-bottom: 20px
}

.health-experts ul {
	list-style-type: none;
}

.panel-header {
	display: table;
	margin: 0 0 20px;
	width: 100%;
}

	.panel-header img {
		margin-right: 10px
	}

.titles {
	display: table-cell;
	vertical-align: middle;
}

.text-box, .excerpt {
	display: inline;
}

.read-more-text {
	margin-top: 20px;
}

.excerpt p {
	margin: 0;
}

img.float-right {
	float: right;
	margin: 0 0 1.5rem 1.5rem
}

img.float-left {
	float: left;
	margin: 0 1.5rem 1.5rem 0
}

.read-less {
	float: right;
}

.experts-articles:before {
	content: "";
	left: 33%;
	position: absolute;
	width: 33.3333%;
	border: solid 1px #144a8b;
	bottom: 0;
	top: 0;
	height: 90%;
	display: block;
	margin: 1rem 0;
	border-top: 0;
	border-bottom: 0;
}
/*======================================================================
  F. Product Selector / Search Results 
======================================================================*/
.selector select {
	margin-left: 0
}

.search-results-wrapp a:first-child {
	font-family: 'Lucida-Grande';
	font-size: 1.2em
}

.search-results-wrapp a {
	color: #61259E
}

.search-results-wrapp span a {
	text-decoration: underline;
}

.search-results-wrapp hr {
	display: block;
	float: left;
	margin: 1rem 0.5rem;
	width: 98%;
	background-color: #ccc
}

.search-results-wrapp span {
	display: block;
}

#brand_0_maincontent_0_pnlSearch {
	margin-bottom: 1rem
}

#brand_0_maincontent_0_DataPager1 {
	text-align: center;
}

	#brand_0_maincontent_0_DataPager1 span {
		display: inline-block;
	}

	#brand_0_maincontent_0_DataPager1 a {
		font-size: inherit;
	}
/* Searc Results from Product Filter */
.search-results .item {
	min-height: 250px
}

.search-results-title {
	border-bottom: solid 1px #f3d80e;
	margin-bottom: 20px;
}

.panel-with-title .columns:nth-child(3) .selector-text,
.panel-with-title .white .selector-text {
	background-color: #fff;
	color: #5a5a5a
}

.selector-menu {
	overflow: hidden;
}

.selector-text {
	background-color: #ed1c24;
	color: #fff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5) inset;
	padding: 8px 0 0 8px;
	width: 100%;
	float: left;
	height: 30px;
	font-family: 'Lucida-Grande';
	font-size: 13.5px;
	border: 2px solid #efd10d;
}

.drop-down-product-selector,
.selector-drop-down {
	position: relative;
	width: 100%
}

	.selector-drop-down:before {
		border-left: 8px solid rgba(0, 0, 0, 0);
		border-right: 8px solid rgba(0, 0, 0, 0);
		border-top: 8px solid #fff;
		content: "";
		height: 0;
		position: absolute;
		right: 6px;
		top: 10px;
		width: 0;
	}

.selector-list {
	display: none;
	padding: 10px 30px 10px 0px;
	font-family: 'open sans';
	margin-top: 30px !important;
	border: 1px solid #999999;
	border-top: none;
	width: 100%;
	position: absolute;
	z-index: 999999;
	background-color: #fff
}

	.selector-list ul {
		margin: 8px 0;
		list-style: none;
		border-bottom: solid 1px #e5e5e5;
		padding: 0
	}

		.selector-list ul:last-child {
			border: none
		}

		.selector-list ul li {
			padding: 0;
		}

			.selector-list ul li a {
				color: #333333;
				display: block;
				padding: 3px 0 3px 15px;
				font-family: 'open sans';
				font-size: 14px
			}

				.selector-list ul li a:hover {
					background-color: #3f88c7;
					color: #fff
				}

.header-list {
	padding-left: 10px;
	color: #999999;
	font-size: 12px;
	font-family: 'open sans';
}

label {
	margin-top: 20px
}

input[type="text"] {
	border: solid 2px #efd10d;
	height: 30px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5) inset;
}

.search.red-button:before {
	display: none;
}

h2.results-mobile {
	display: none
}

.panel-with-title .row.health-experts:before {
	content: "";
	left: 33.5%;
	position: absolute;
	width: 32.5%;
	border: solid 1px #F7E886;
	bottom: 0;
	top: 4.7%;
	height: 90%;
	display: block;
	margin: 1rem 0;
	border-top: 0;
	border-bottom: 0;
}

.panel-with-title .row.health-experts .columns ul {
	list-style-type: none;
}
/*======================================================================
	G. Contact
======================================================================*/
.contact-us .row:first-child .columns.large-6:before {
	background: none repeat scroll 0 0 #AEAEAE;
	content: "";
	height: 90%;
	position: absolute;
	right: 25px;
	width: 1px;
}

.contact-us .blue {
	color: #ED1C24
}

/*======================================================================
 	H. Product Education
======================================================================*/

.accordion {
	border-bottom: solid 1px #6bac38
}

	.accordion dd {
		margin: 0;
		float: none;
		background-color: #e1efd8;
		border: solid 1px #6bac38;
		border-bottom: none
	}

		.accordion dd > a {
			background-color: #e1efd8;
			font-family: 'Barmeno';
			font-weight: bold;
			color: #565656;
			border-top: solid 1px #e1efd8
		}

			.accordion dd > a:hover,
			.accordion dd.active > a {
				background-color: #6bac38;
				color: #fff;
				border-top: solid 1px #fff
			}

#fiber-quiz-heading-div > h1 {
	margin: 20px 0 5px
}

#fiber-quiz-heading-div > span {
	font-size: 12px;
	color: #666;
	font-style: italic;
}

body .accordion label {
	margin-top: 10px;
}

body .accordion input[type="file"],
body .accordion input[type="checkbox"],
body .accordion input[type="radio"],
select {
	margin-left: 15px
}

.accordion .content {
	font-size: .74rem;
	color: #6a6a6a;
	line-height: 1.5;
	padding: 0.5% 2%;
}

.accordion .tabs,
.accordion .tabs-content {
}

.accordion .end input {
	margin-top: 5px
}

body .accordion label.inline {
	padding: 0
}

.accordion .tabs dd {
	display: inline-block;
	border: none;
	background: none;
}

	.accordion .tabs dd a {
		border: none;
	}

.accordion dd dl.tabs dd.active a:before,
.accordion dd dl.tabs dd:first-child a:before,
.accordion dd dl.tabs dd.close.active a:before {
	background: url(lilcritters/images/tabs/left-selected-tab.png);
}

.accordion dd dl.tabs dd.close a {
	background: url("images/tabs/right-normal-tab.png") repeat scroll right bottom rgba(0, 0, 0, 0)
}

.accordion dd dl.tabs dd.close.active a {
	background: url("images/tabs/right-selected-tab.png") repeat scroll right bottom rgba(0, 0, 0, 0)
}

.accordion dd dl.tabs dd a:before,
.accordion dd dl.tabs dd.close a:before {
	position: absolute;
	content: "";
	width: 21px;
	height: 27px;
	left: -21px;
	top: 0px;
	background: url(lilcritters/images/tabs/left-normal-tab.png) 0 -1px;
}

.accordion dd dl.tabs dd.active a {
	z-index: 5000;
}

.accordion dd dl.tabs {
	padding: 0 0 0 27px;
	clear: both;
	margin: 1rem 0 0;
	overflow: hidden;
}

.accordion #panel4 {
	padding: 2%
}

/* TABLES */

#fiber_calc_body_wrapper th:first-child, .calcium-tabs-content th:first-child,
.lightPink > td:first-child, .lightLightPink > td:first-child {
	text-align: left;
	padding-left: 15px
}

.calcium-tabs-content th,
.calcium-tabs-content .calcium,
.lightPink > td,
.lightLightPink > td {
	text-align: center;
}

.calcium-tabs-content th {
	border-bottom: solid 4px #F9D90B
}

#fiber_calc_body_wrapper th {
	border-bottom: solid 4px #e1efd8
}

#hide_show_fruit_table table th:first-child {
	padding-left: 15px
}

.calcium-tabs-content:nth-child(2n+1),
.calcium-tabs-content table tr:nth-child(2n+2) {
	background-color: rgba(249,217,11, .5);
}

.fiber-answer-choice-box:nth-child(2n+1),
.tabs-content table tr:nth-child(2n+2) {
	background-color: #e1efd8
}


.calcium-tabs-content table td,
.tabs-content table td {
	height: 40px
}

	.calcium-tabs-content table td:first-child,
	.tabs-content table td:first-child {
		padding-left: 15px
	}

.calcium-tabs-content table,
.tabs-content table {
	width: 100%;
}

.calcium-tabs-content,
.tabs-content {
	border-bottom: solid 1px #6bac38;
	box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.4)
}

	.calcium-tabs-content .content,
	.tabs-content .content {
		padding: 0
	}

.fiber-question-header {
	margin: 20px 0;
	font-weight: bold;
}

#fiber_calc_body_wrapper .columns.large-3 > label,
#calcium_calc_body_wrapper .columns.large-3 > label {
	display: inline-block;
}

#calcium_calc_body_wrapper .column,
#calcium_calc_body_wrapper .columns,
#fiber_calc_body_wrapper .column,
#fiber_calc_body_wrapper .columns {
	width: auto;
}


#btnCalculate {
	margin-top: 2rem
}

.calcium-tabs-content .input {
	padding-right: 10px
}


.selectricInput {
	margin-left: -9000px;
	position: absolute;
	left: -5000px
}

/*======================================================================
  Media Queries
======================================================================*/
/* Tablet */
@media only screen and (max-width: 960px) {
	.sub-menu-parent {
		width: 100%;
		text-align: center;
	}

	.sub-menu ul {
		float: none;
		display: inline-block;
		margin-left: 0;
		width: auto;
		margin-top: 1rem
	}

		.sub-menu ul li a {
			padding: 3px;
		}

		.sub-menu ul li .drop-down .list ul li {
			width: 44%;
		}

		.sub-menu ul li .drop-down {
			min-width: 680px;
			margin-left: -23px
		}

	.titles {
		display: block;
		vertical-align: middle;
		width: 100%
	}

	.panel-header img {
		margin-bottom: 20px
	}
}


/* Mobile */
@media only screen and (max-width: 40em) {

	.content {
		height: 100% !important
	}

	.owl-theme .owl-pagination {
		display: none
	}

	.hero-slider.owl-theme .owl-pagination {
		display: block;
	}

	.lilCritters-slider.owl-theme .owl-pagination {
		display: block
	}

	.owl-theme .owl-buttons {
		position: static;
		width: 96.2%
	}

	.owl-theme .item {
		width: 92%
	}

	.panel-with-title .selectric {
		margin: 0 0 15px;
	}

	.panel-with-title .results-mobile {
		margin-bottom: 1rem
	}

	.search-results .panel-with-title .results-mobile {
		display: none
	}

	.owl-theme .owl-item.active {
		margin-right: 0
	}

	.about-us .hide-for-medium-up p {
		display: none
	}

	.panel-with-title .row.health-experts:before {
		display: none;
	}
	/*
	Header
	======================================================================*/
	.header ul li {
		width: 25%;
		padding: 0 2px;
	}

		.header ul li a {
			text-align: center;
		}

		.header ul li:last-child {
			border: none
		}

			.header ul li:last-child:before {
				height: 0px;
				width: 0px
			}
	/*
	Search
	======================================================================*/
	.search {
		margin-right: 2%
	}

		.search input[type="search"] {
			border: solid 1px #1b5d24;
			border-radius: 20px;
		}

		.search input[type="submit"] {
			right: 6px;
		}

	.menu-mobile {
		display: block;
	}

		.menu-mobile a {
			position: absolute;
			top: 14px;
			left: 5%
		}

	.lilcritters-logo,
	.vitafusion-logo,
	.logo {
		display: none;
	}
	/*
	Tagline
	======================================================================*/
	.tagline h1, .tagline h2 {
		display: none;
	}

	/*
	 Sub-menu
	======================================================================*/
	.sub-menu-parent {
		padding: 0
	}

	.sub-menu {
		display: none;
		position: relative;
		z-index: 999999;
		text-align: center;
	}

		.sub-menu ul {
			margin: 0px;
			float: none;
			display: inline-block;
			margin-left: 0px
		}

			.sub-menu ul li {
				padding: 0px;
				width: 100%;
				text-align: left;
				background-color: #FFF;
				margin: 0px
			}

				.sub-menu ul li:before {
					width: 0px;
					height: 0px
				}

				.sub-menu ul li:first-child a:before {
					background: url(images/mobil-menu-arrow.png);
					width: 26px;
					height: 26px;
					border: none;
					right: 2%;
					top: 16px;
				}

				.sub-menu ul li.ingredient-list:nth-child(2) a:before {
					background: url(images/mobil-menu-arrow.png);
					width: 26px;
					height: 26px;
					border: none;
					right: 2%;
					top: 16px;
				}

				.sub-menu ul li.highlight:before {
					content: "";
					width: 100%;
					position: absolute;
					height: 4px;
					background-color: #f9d90b;
					top: 50px;
					z-index: 99999999;
				}

				.sub-menu ul li a.highlight {
					border-bottom: 4px solid #F9D90B
				}

					.sub-menu ul li a.highlight:before {
						background: url(images/mobil-menu-arrow.png) 0 -36px;
					}

				.sub-menu ul li:first-child:hover .drop-down {
					display: none;
				}

				.sub-menu ul li.ingredient-list:nth-child(2):hover .drop-down-Ing {
					display: none;
				}

				.sub-menu ul li:first-child:hover {
					background-color: #fff;
					color: red
				}
				/* .sub-menu ul li:nth-child(2):hover { */
				/* background-color: #fff; */
				/* color: red */
				/* } */
				.sub-menu ul li a {
					display: block;
					width: 100%;
					padding: 1rem;
				}

				.sub-menu ul li:first-child:hover a,
				.sub-menu ul li:first-child:hover a:before {
					color: #ED1C24;
					border-top-color: #ED1C24;
					text-shadow: none
				}

				.sub-menu ul li.ingredient-list:nth-child(2):hover a,
				.sub-menu ul li.ingredient-list:nth-child(2):hover a:before {
					color: #ED1C24;
					border-top-color: #ED1C24;
					text-shadow: none
				}

				.sub-menu ul li:last-child,
				.sub-menu ul li:last-child a {
					padding-right: 4px
				}

				.sub-menu ul li a:hover {
					text-shadow: none;
				}

			.sub-menu ul li {
				border-bottom: solid 4px #f9d90b
			}

				/* Drop Down */
				.sub-menu ul li .drop-down {
					position: static;
					min-width: 100%;
					margin-left: 0px;
					border: none;
					padding-bottom: 0px;
					min-height: 100%;
				}
					/* Best Seller */
					.sub-menu ul li .drop-down .best-seller {
						display: none;
					}
					/* List */
					.sub-menu ul li .drop-down .list {
						width: 100%;
						float: none;
						position: relative;
						margin-left: 0px;
						padding: 3% 3.5%;
						border: none
					}

						.sub-menu ul li .drop-down .list ul,
						.sub-menu ul li .drop-down .list ul li,
						.sub-menu ul li .drop-down .list ul li:nth-child(2n+0),
						.sub-menu ul li .drop-down .list ul:last-child li {
							float: none;
							width: 100%;
							margin-bottom: 5px;
							border: none
						}

							.sub-menu ul li .drop-down .list ul li a {
								display: inline
							}

								.sub-menu ul li .drop-down .list ul li a:before {
									border-bottom: 4px solid transparent;
								}

							.sub-menu ul li .drop-down .list ul:last-child,
							.sub-menu ul li .drop-down .list h3,
							// .sub-menu ul li .drop-down .list:last-child,
							.sub-menu ul li .drop-down .list--thumbs {
								display: none
							}

	.header ul li:first-child {
		background-position: bottom center
	}
	/*
	Product Selector
	======================================================================*/
	.product-selector {
		width: 100%;
		max-width: 100%;
	}

	.product-selector,
	.copuon-section,
	.copuon-section a img {
		float: none;
		margin: 0 auto 20px;
		display: block;
		max-width: 100%
	}
	/*
	Carousel
	======================================================================*/
	.item {
		margin-bottom: 20px
	}

	.lilCritters-products .owl-item.active {
		margin-right: 0px;
	}

	.lilCritters-products .item {
		width: 95%;
		margin-bottom: 0px
	}

	.lilCritters-products .owl-pagination {
		display: none
	}

	.lilCritters-products .owl-buttons {
		position: relative;
		top: 0;
		overflow: hidden;
	}

	.tabs .owl-theme .owl-controls {
		margin-bottom: 0
	}

	.wrapper-tabs .columns {
		padding: 0
	}

	.articles-section .row {
		padding: 0
	}

	.product-description p {
		font-size: 0.72rem
	}

	.product-image > img {
		float: left;
		width: 85%;
		max-width: 110px;
	}
	/*
	Tabs
	======================================================================*/

	.tabs .button {
		text-align: left;
	}

		.tabs .button:hover {
			background-color: #fff
		}

	.transformer-tabs ul {
		border-bottom: 0;
		overflow: hidden;
		position: relative;
		background: #fff;
		padding: 0px;
		border: solid 2px #F9D90B;
		margin: 0 auto;
		width: 90%
	}

	.transformer-tabs a {
		padding-top: 8px;
		padding-bottom: 9px;
	}

	.transformer-tabs ul::after {
		background-color: #F9D90B;
		color: #FFFFFF;
		content: "";
		background: url("images/tabs/drop-down.png") no-repeat center center;
		font-size: 1.5rem;
		font-weight: bold;
		height: 33px;
		padding: 0 10px;
		pointer-events: none;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		z-index: 99999;
		width: 33px
	}

	.transformer-tabs ul.open {
		background-color: white
	}

		.transformer-tabs ul.open a {
			position: relative;
			display: block;
		}

	.transformer-tabs li {
		display: block;
	}

	.transformer-tabs a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: none;
		font-family: 'Lucida-Grande';
		font-size: .78rem;
		font-weight: normal;
		color: #8A8A8A;
	}

		.transformer-tabs a span,
		.transformer-tabs a.active span {
			background: none;
		}

		.transformer-tabs a.active {
			border: 0;
			z-index: 1;
			background: #fff;
			box-shadow: inset 0 0 6px 0px rgba(0,0,0,0.5);
		}

	.wrapper-tabs.hide-on-small .tabs > div {
		padding: 1rem 0 1rem 1rem;
	}

	.transformer-tabs {
		background: #FFFFFF;
		border: 0;
		border-bottom: 0;
		padding: 23px 10px 10px;
	}

	.tabs > div {
		border: 0;
		border-bottom: solid 1px #f9d90b;
	}



	/* NEW*/


	.wrapper-tabs {
		margin: 50px 0.5em 20px;
		border: solid 3px #f3d916;
		border-radius: 3px
	}

		.wrapper-tabs .row {
			margin: 0
		}

	.coupons {
		display: none
	}

	.coupons-mobile {
		display: block;
	}

	.accuflora-cupons-mobile > img {
		width: 100%
	}

	.tabs .coupons-mobile img {
		width: 100%
	}

	.wrapper-tabs .tabs > div {
		margin-bottom: 0;
	}

	.wrapper-tabs.hide-on-small {
		margin: 0;
		border: 0;
	}

		.wrapper-tabs.hide-on-small .tabs > div {
			margin-bottom: 0;
		}

	.content-box {
		display: none
	}
	/*
	Select Articles
	======================================================================*/
	.select-article,
	.select-product,
	.show-next-div,
	button {
		display: block;
	}
	/* Articlle Section */
	.articles-section {
		margin-bottom: 20px;
		display: none;
	}

		.articles-section .row {
			padding: 10px 0
		}

		.articles-section .article {
			margin: 10px 0
		}

	.hide-on-small {
		display: none
	}
	/* Footer */
	.footer-icons {
		float: none;
		padding-left: 0
	}

	.footer {
		text-align: center;
	}

	.questions-answers {
		margin: 0px
	}

	/*
	Where to buy
	======================================================================*/
	.where-to-buy .row:first-child .columns.large-8:before {
		display: none
	}

	.tabs .active .where-to-buy, .tabs .active .about-us {
		padding: 1rem;
	}

	.where-to-buy .columns.large-8.large-push-9.medium-8.medium-push-9 .drop-down-product-selector {
		border-bottom: solid 1px #ccc;
		padding-bottom: 30px
	}

	.panel-with-title .where-to-buy .search {
		width: 100%
	}

	.where-to-buy hr {
		border: none;
	}

	/*
	Experts
	======================================================================*/
	.titles {
		display: table-cell;
		width: auto;
	}

	.panel-with-title {
		margin: 1rem;
	}

		.panel-with-title ul {
			width: 100%;
			/*border-bottom: solid 1px #ccc;*/
			padding-bottom: 2.5rem;
		}

		.panel-with-title .columns:last-child ul {
			border: none
		}

		.panel-with-title .read-more-box {
			border: none;
			overflow: hidden;
		}

		.panel-with-title .columns:nth-child(3) {
			border: none;
		}

	.read-more {
		display: inline-block;
	}

	.read-more-text {
		display: none;
	}

	.panel-header img {
		width: 120px;
		margin-right: 10px;
		margin-bottom: 0px;
		max-width: inherit;
	}

	.panel-with-title .columns {
		border: none !important
	}

	.excerpt p {
		display: inline;
	}
	/*======================================================================
  		About-Us
	======================================================================*/
	.about-us-image,
	.about-us-content big {
		display: none;
	}

	.about-us-content {
		margin: 0
	}

		.about-us-content p {
			padding: 0 0rem;
		}
	/*.about-us-content blockquote span{
		display: none;
	}*/
	.support-image {
		display: none
	}

	blockquote {
		margin: 0;
		padding: 0;
		line-height: 0.5rem;
		margin-top: 1rem;
	}
	/*======================================================================
  		Supplement-Index
	======================================================================*/
	.product-overview {
		margin: 0 0 20px;
	}

	.product-ingredients li {
		margin-right: 20px;
		width: auto;
	}

	.supplement-index-wrapper .owl-pagination {
		z-index: -99
	}

	.drop-down-product-selector {
		margin-bottom: 20px
	}

	.columns:last-child .drop-down {
		margin-bottom: 0
	}

	.panel-with-title .owl-carousel .item {
		width: 100%;
		margin-bottom: 0;
	}

	.panel-with-title .supplement-index.owl-carousel .item {
		width: 92%
	}

	.panel-with-title .owl-carousel .item a {
		/*		margin-bottom: 0; */
	}

	.panel-with-title .owl-carousel .owl-wrapper-outer {
		width: 100%
	}

		.panel-with-title .owl-carousel .owl-wrapper-outer .product-image {
			right: 10px
		}

	.panel-with-title ul {
		padding-bottom: 0
	}

	.panel-with-title .search {
		margin-right: 0;
		width: 80px;
		float: left;
	}
	/* Product Selector Page */
	.search-results h2 {
		display: none
	}

	.search-results .panel-with-title {
		background: none;
		margin: 0;
		padding: 0;
		border: none
	}

	h2.results-mobile {
		padding: 0 1rem;
		font-size: 1.2rem;
		display: block;
	}
	/* Health Experts*/
	.health-experts .columns {
		height: 100% !important
	}

		.health-experts .columns p {
			margin-top: 0
		}

	.health-experts button {
		border-bottom: none
	}

	.panel-with-title .health-experts ul {
		list-style: none;
		padding-bottom: 20px;
		margin: 10px 0 30px 0;
	}

	.panel-with-title .health-experts .columns:last-child ul:last-child {
		margin-bottom: 0px
	}

	.hide-for-small-only {
		display: none !important;
	}

	.panel-with-title .content.with-image {
		background: none !important;
	}







	.search-results-wrapp a:first-child {
		font-size: 1em
	}

	.search-results-wrapp a {
		line-height: inherit;
	}

	.search-results-wrapp .container .search {
		width: 100% !important
	}
}

/* Small Device */
@media only screen and (max-width: 320px) {
	.header ul li img {
		width: 100%
	}

	.promo-1 .promo-content p {
		max-width: 100%;
	}

	.promo-2 .promo-content,
	.promo-1 .promo-content h1 {
		max-width: 70%
	}

	.promo-1 .promo-content a {
		margin-top: 0px;
	}

	.titles {
		display: block;
		width: 100%
	}

	.panel-header img {
		width: 100%;
		margin-bottom: 20px
	}

	.item {
		min-height: 250px;
	}

	.search-results .item {
		min-height: 250px;
	}
}

/* Small Screen */
@media only screen and (min-width : 641px) and (max-width: 768px) {
	.item {
		min-height: 300px;
	}

	.search-results .item {
		min-height: 300px;
	}
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.sub-menu ul li .drop-down {
		margin-left: -84px !important;
		min-width: 773px !important
	}

		.sub-menu ul li .drop-down .list ul li {
			width: 40% !important;
			margin-bottom: 5px !important
		}

	.content-box .product-image {
		right: 0
	}

		.content-box .product-image img {
			width: 80%
		}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
	.promo-1 {
		padding-bottom: 13px;
	}

	body .promo-1 .promo-content p {
		font-size: 10px;
		left: 40%;
		width: 65%;
		line-height: 9px;
		bottom: 15%;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	/* Styles */

}

.hidden {
	display: none;
}

.store {
	background-color: #e4f2fe;
	margin-top: 1rem;
	padding: .5rem;
}

.store-name {
	color: #003057;
	font-size: 14px;
	font-weight: 600;
}

.store-distance {
	color: #005ca8;
	float: right;
	font-size: 14px;
	margin-top: 2px;
}

.store-address {
	border-bottom: solid 1px #00294b;
	font-size: 14px;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
	position: relative;
}

	.store-address p {
		color: #003057;
		font-weight: 300;
		font-size: 14px;
		margin: 0;
		padding: 14px 0;
		width: 70%;
	}

a.store-location {
	bottom: 2rem;
	color: #005ca8;
	font-size: 14px;
	margin-right: 30px;
	position: absolute;
	right: 0;
	text-decoration: underline;
}

.location-icon {
	background: url("images/location-icon.png");
	display: block;
	height: 22px;
	position: absolute;
	right: -22px;
	top: -9px;
	width: 16px;
}

.bv-ratings--product-item {
	float: left;
	margin-top: -18px;
}

.overview-summary-container {
	margin: 5px 16px;
}

#tab-1 .overview-summary-container .bv-details-bar {
	display: none !important;
}

.overview-summary-container .bv-cleanslate .bv-core-container-52 .bv-summary-bar .bv-action-bar,
.overview-summary-container .bv-cleanslate .bv-core-container-52 .bv-summary-bar .bv-action-bar .bv-write-review-container,
.overview-summary-container .bv-cleanslate .bv-core-container-52 .bv-summary-bar .bv-action-bar .bv-write-review,
.review-full-container .bv-cleanslate .bv-core-container-52 .bv-summary-bar .bv-action-bar .bv-write-review {
	float: none !important;
	width: 100% !important;
}

	.overview-summary-container .bv-cleanslate .bv-core-container-52 .bv-summary-bar .bv-action-bar .bv-write-review,
	.review-summary-container .bv-cleanslate .bv-core-container-52 .bv-summary-bar .bv-action-bar .bv-write-review,
	.review-full-container .bv-cleanslate .bv-core-container-52 button.bv-write-review,
	.review-full-container .bv-cleanslate .bv-core-container-52 button.bv-write-review:hover {
		font-size: 16px !important;
		text-transform: uppercase !important;
		width: 260px !important;
	}

.popup-layout-signup-wrapper .bckg-overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
/*Chat css*/

a#cmdChat {
	position: absolute;
	left: 15px;
	top: 18px;
	color: #61259e;
	font-family: "Lucida-Grande-Bold", Arial;
	font-size: 15px;
	line-height: 1.5;
}

.header .custom-signup-wrapper {
	position: static;
	margin-right: 8px;
}

@media (max-width: 1300px) {
	a#cmdChat {
		position: static;
		float: left;
		padding: 18px 10px;
	}

	.header ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		background: #f2f0f0;
		background: -moz-linear-gradient(top, #f2f0f0 0%, #dbd8d2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f0f0), color-stop(100%, #dbd8d2));
		background: -webkit-linear-gradient(top, #f2f0f0 0%, #dbd8d2 100%);
		background: -o-linear-gradient(top, #f2f0f0 0%, #dbd8d2 100%);
		background: -ms-linear-gradient(top, #f2f0f0 0%, #dbd8d2 100%);
		background: linear-gradient(to bottom, #f2f0f0 0%, #dbd8d2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f0f0', endColorstr='#dbd8d2', GradientType=0);
	}
}

@media only screen and (max-width: 40em) {
	.header ul li {
		width: auto;
		padding: 0px 5px;
	}

	a#cmdChat {
		font-size: 15px;
		padding: 10px 10px;
	}
}

.sign-up-btn ul {
	height: auto;
	border: none;
	line-height: 1;
	background: transparent;
}

	.sign-up-btn ul li {
		height: auto;
		float: none;
		background: transparent !important;
		display: block;
		border: none !important;
		box-shadow: none !important;
		padding: 11px 10px;
	}

.sign-up-btn {
	display: inline-block;
	vertical-align: top;
}

	.sign-up-btn ul li a {
		height: auto;
		display: block;
		padding: 5px 10px 4px 10px;
		border: 1px solid #61259e;
		border-radius: 5px;
		font-size: 14px;
		letter-spacing: 0.5px;
		background-color: #ddd;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
		background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
		background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
		background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
		background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
		-webkit-transition: background-color .2s ease-out;
		-moz-transition: background-color .2s ease-out;
		-ms-transition: background-color .2s ease-out;
		-o-transition: background-color .2s ease-out;
		transition: background-color .2s ease-out;
		background-clip: padding-box;
	}

	.sign-up-btn ul li:before {
		display: none;
	}

.header .custom-signup-wrapper {
	float: none;
	width: auto !important;
	text-align: right;
}

	.header .custom-signup-wrapper .search {
		display: inline-block;
		vertical-align: top;
		padding-top: 11px;
		width: 130px;
	}

.sign-up-btn.global-snbtn {
	float: right;
}

@media(max-width: 479px) {
	.sign-up-btn ul li a {
		padding: 5px 6px 4px 6px;
	}
}

.header .custom-menu-wrapper ul li {
	box-shadow: none;
}

	.header .custom-menu-wrapper ul li:before {
		display: none;
	}

.header .custom-menu-wrapper {
	width: auto !important;
}


@media(max-width: 991px)and(min-width: 768px) {
	.header .custom-menu-wrapper ul li a img {
		max-width: 70px;
	}

	.header .small-8.custom-signup-wrapper {
		width: auto !important;
		padding-right: 8px !important;
	}
}

@media (max-width: 767px) {
	.header .custom-signup-wrapper {
		width: 292px !important;
		text-align: right;
		vertical-align: top;
		padding-top: 3px !important;
	}

	.header .custom-menu-wrapper {
		width: 100% !important;
	}

	.sign-up-btn.global-snbtn {
		position: relative;
		top: -114px;
	}

	.header .custom-signup-wrapper.custom-home {
		float: right;
	}
}

@media(max-width: 640px) {
	.sign-up-btn.global-snbtn {
		position: relative;
		top: -106px;
	}
}

.header .custom-menu-wrapper ul {
	display: flex;
}

@media(max-width: 991px) {
	a#cmdChat span {
		display: none;
	}

	.sign-up-btn ul li a {
		border: none;
		color: #000;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
		background: #fff;
		padding: 7px 10px 4px 10px;
	}

	a#cmdChat {
		position: static;
		float: none;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
		background: #fff;
		padding: 6px 10px 4px 10px;
		border-radius: 5px;
		color: #000;
		margin: 11px 0 0 0;
		display: inline-block;
	}
}

.pb8{
	display:grid !important;

}
.pb8margin {
	margin:0px auto 20px !important;
}

.bgdark {
	background-color: #224e83 !important;
}
.bg-blue {
	background-color: #224e83 !important;
	margin-bottom:-1px;
}
.pb8 .col-12 .sub-menu{
	width:80% !important;
}
.pb8 .sub-menu ul li a {
	color: #ffffff;
}
.pb8 .sub-menu ul li a:before{
	background-color:white !important;
	display:none;
}



		
.right-align{
	float:right;
}
.right-align .p{
	margin-right: 182px;
}

.pb8 .sub-menu ul li:first-child:hover {
	background-color: #6392b4;
}
.pb8 .sub-menu ul li .drop-down {
	border: solid 1px #0b4e87;
	min-width:505px !important;
	left:99px;
}
	.pb8 .sub-menu ul li .drop-down .list ul li a {
		color: #0b4e87;
	}


.grd {
	background-image: linear-gradient( 180deg, #fff, #0b4e87);
}

.pb8 .sub-menu ul li:first-child a {
	padding-right:4px;
}

.pb8 .sub-menu ul {
	margin: 0rem !important;
}



.bgbox #tab-1{
	background-color: #fff !important;
	border:none;
}

.bgbox .product-overview{
	border: none !important;
}

.primg .product-image img{
	height:170px !important;
}

.pb8 .sub-menu ul li .drop-down .list ul li {
	width: 118px !important;
}



.remabt big {
	color: #6a6a6a;
}

.bgbox{
	background: #fff;
	border:#fff !important;
}

.bgbox #tab-2,.bgbox #tab-5 , .bgbox #tab-3 {
	border: none;
}

.header .new-search{
	width:188px !important;
	margin-right:-1px;
}

.header .new-search input[type="submit"],
.panel-with-title .new-search input[type="submit"] {
	right: 16px !important;
}


.pb8 .wrapper-tabs{
 border: none !important;
}

.custom-label .label{
	
	text-align: left;
}

.gummy-search{
padding-right:0px;
padding-left:0px;
}

p{
	margin: revert;
}