/* helpers */

.clearfix:after { 
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}

body {
	font-size: 14px;
	background: #eeeeee;
}

.wrap {
	position: relative;
	max-width: 980px;
	padding: 0 20px;
}

.facebook-exclusive {
	background: #ccc;
	color: #ffffff;
	text-align: center;
	max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
}

	.facebook-exclusive p {
		font-family: 'Roboto', sans-serif;
		font-size: 11px;
		font-weight: 400;
		padding: 2px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

/* include header.html */

.site-header {
	background: #eeeeee;
	min-height: 50px;
}

	.site-header .fa-bars {
		position: absolute;
		top: 10px; left: 10px;
		font-size: 32px;
		opacity: .5;
		color: #ffffff;
	}

	.site-header .subscribe {
		font-size: 11px !important;
		position: absolute;
		top: 10px; right: 10px;
		font-size: 32px;
		background: #e5e5e5;
		padding: 0 2px;
		color: #808080;
	}

		.subscribe .container {
			margin-left: 2px;
			padding: 1px 3px;
			background: #b3b3b3;
		}

			.subscribe .container .fa-play {
				font-size: 8px;
				color: #ffffff;
			}

	.site-header .wrap {
		padding-top: 10px;
		max-width: auto;
	}

	.site-header .wrap .brand {
		display: block;
		width: 100%;
		height: 45px;
		float: left;
		vertical-align: bottom;
	}

	.site-header .wrap .brand .logo {
		display: block;
		width: 160px;
		margin-left: 35px;
	}

		.logo img {
			z-index: 0;
			width: 100%;
			height: auto;
		}

	.site-header .wrap ul {
		display: block;
		list-style-type: none;
		text-transform: uppercase;
		text-align: center;
	}

		.site-header .wrap ul li {
			display: inline;
		}

		.site-header .wrap ul.primary {
			border-bottom: 9px solid #393939;
			margin-bottom: 5px;
		}

		.site-header .wrap ul.primary li {
			color: #000000;
			font-size: 16px;
			font-weight: bold;
			padding: 0 5px;
		}

		.site-header .wrap ul li a {
			text-decoration: none;
			color: #393939;
		}

		.site-header .wrap ul.primary li a:hover {
			color: #ff3300;
		}

	.site-header .wrap ul.secondary {
		text-align: center;
		margin: 5px 0;
		border-top: 9px solid #393939;
		width: 100%;
		border-bottom: 1px solid #393939;
	}

		.site-header .wrap ul.secondary li {
			font-size: 12px;
			padding: 0 5px;
			line-height: 12px;
		}

/* index.html */

.page-content {
	padding: 0px;
	background: #eeeeee;
}

	.page-content .wrap {
		background: #ffffff;
	}

.hero {
	/*display: none;*/
}

.hero img {
	width: 100%;
	height: auto;
}

.breadcrumb {
	list-style-type: none;
	padding: 5px 0;
	border-bottom: 2px solid #ebebeb;
	margin-bottom: 3px;
}

	.breadcrumb li {
		float: left;
		font-size: 12px;
		padding-right: 5px;
		color: #808080;
	}

		.breadcrumb li.active {
			color: #fd361d;
		}

article {
	position: relative;
}

	article .headline {
	}

		article .headline h1 {
			font-family: 'Roboto', sans-serif;
			font-size: 22px;
			font-weight: 900;
			line-height: 1.2em;
			margin-bottom: 5px;
		}

			article .headline span {
				color: #fc361d;
				text-decoration: underline;
			}

		article .headline h2 {
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			font-weight: 400;
			margin-bottom: 10px;
			line-height: 1.3em;
		}

		article .headline h3 {
		}


	article .featured-in img {
		width: 100%;
	}

	article .accreditation {
		position: relative;
		margin-bottom: 10px;
		min-height: 24px;
	}

	article h2 {
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		font-weight: 300;
		line-height: 1.1em;
		margin-bottom: 10px;
	}

		article .accreditation .byline {
			padding-right: 20px;
			position: absolute;
			background: #ffffff;
		}

			article .accreditation .byline span {
				z-index: 1;
				display: inline-block;
				background: #ffffff;
			}

			article .accreditation .byline .author {
				font-weight: bold;
			}

			article .accreditation .byline .date {
				color: rgb(170, 170, 170);
			}

		article .accreditation .hr {
			top: 9px;
			position: absolute;
			width: 100%; height: 5px;
			background: #1a1a1a;
		}

	article .social {
		margin-bottom: 15px;
		border-bottom: 1px solid #ebebeb;
		border-top: 1px solid #ebebeb;
		padding: 8px 0;
		min-height: 20px;
	}

		article .social a {
			color: #333333;
			font-weight: normal;
			display: block;
			margin-right: 10px;
			font-size: 11px;
			float: left;
			text-decoration: none;
		}

		article .social a:visited {
			color: #333333;
		}

		article .social .count-container {
			line-height: 18px;
			border: 1px solid #d5d5d5;
			margin-left: 5px;
			padding: 0px 5px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			position: relative;
		}

			article .social .count-container .triangle {
				position: absolute;
				top: 6px; left: -4px;
				width: 4px; height: 7px;
				background: url('../images/triangle.png') no-repeat 0 0;
			}

		article .social .facebook {
			padding-left: 48px;
			height: 20px;
			background: url('../images/facebook.png') no-repeat 0 0;
		}

		article .social .twitter {
			padding-left: 55px;
			height: 20px;
			background: url('../images/twitter.png') no-repeat 0 0;
		}

		article .social .google-plus {
			padding-left: 32px;
			height: 20px;
			background: url('../images/google-plus.png') no-repeat 0 0;
		}

		article .social .pinterest {
			padding-left: 40px;
			height: 20px;
			background: url('../images/pinterest.html') no-repeat 0 0;
		}

	article .video-container {
		position: relative;
		min-height: 281px;
	}

		article .video-container .frame {
			position: absolute;
			bottom: 0px; left: 0px;
		}

			article .video-container .media img {
				width: 100%;
				height: auto;
			}

	article .slider {
		position: relative;
		width: 100%;
		overflow: auto;
	}

		article	.slider ul {
			list-style: none; 
		}

			article .slider ul li {
				position: relative;
				float: left;
				min-height: 200px;
			}

				article .slider ul li img {
					width: 100%;
				}

				article .slider ul li h1 {
					position: absolute;
					left: 10px;
					bottom: 15px;
					font-family: 'Roboto', sans-serif;
					font-size: 22px;
					font-weight: 400;
					color: #ffffff;
					-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
			}

	article	.slider .dots {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

		article	.slider .dots {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 5px;
			padding: 0px;
			margin: 0px;
			text-align: center;
		}

			article	.slider .dots li {
				display: inline-block;
				width: 5px;
				height: 5px;
				margin: 0 4px;
				text-indent: -999em;
				border: 2px solid #fff;
				border-radius: 6px;
				cursor: pointer;
				opacity: .4;
				-webkit-transition: background .5s, opacity .5s;
				-moz-transition: background .5s, opacity .5s;
				transition: background .5s, opacity .5s;
			}

			article	.slider .dots li.active {
				background: #fff;
				opacity: 1;
			}

	article .aside-container {
		margin-bottom: 10px
	}

	article .aside-container aside {
		width: 40%;
		float: left;
		font-size: 12px;
		padding-right: 10px;
		padding-top: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		article .aside-container aside h1 {
			font-size: 14px;
			color: #ababab;
		}

		article .aside-container aside p {
			margin-bottom: 0;
		}

		article .aside-container aside img {
			width: 100%;
			height: auto;
			margin: 0;
		}

	article .aside-container .main {
		width: 60%;
		padding: 0 0 0 10px;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	article .media-container {
		margin-bottom: 20px;
		text-align: center;
	}

		article .media-container.no-margin {
			margin-bottom: 0px;
		}

		article .media-container .media {
			margin-bottom: 2px;
		}

		article .media-container .media img {
			width: 100%;
			height: auto;
			margin: 0;
		}

		article .media-container p {
			margin-bottom: 0px;
		}

	article .products-tested {
		margin-bottom: 20px;
	}

		article .products-tested img {
			height: 200px;
		}

		article .products-tested .product-one {
			text-align: center;
			width: 50%;
			float: left;
			margin-bottom: 10px;
		}

		article .products-tested .product-two {
			text-align: center;
			width: 50%;
			float: left;
			margin-bottom: 10px;
		}


	article .offer-container {
		margin-bottom: 20px;
		border: 3px dashed #000000;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		/*background: #FFC;*/
		padding: 20px;
	}

		article .offer-container .product-container {

		}

		article .offer-container h1 {
			text-align: center;
			font-family: 'Roboto', sans-serif;
			font-size: 22px;
			font-weight: 900;
			margin-bottom: 10px;
		}

		article .offer-container .product-divider {
			border-bottom: 2px solid #ececec;
			margin: 15px 0;
		}

		article .offer-container .product-container .product {
			width: auto;
			float: left;
			padding-right: 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

			article .offer-container .product-container .product img {
				width: 100%;
				height: auto;
				margin: 0;
			}

		article .offer-container .product-container .description {
			width: 75%;
			float: left;
			padding-left: 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		article .offer-container .product-container .description .btn {
			font-weight: normal;
			font-size: 16px;
			display: inline-block;
			background: red;
			margin: 10px 0;
			text-decoration: none;
			background: #ed9c21;
		  background-image: -webkit-linear-gradient(top, #ed9c21, #e88317);
		  background-image: -moz-linear-gradient(top, #ed9c21, #e88317);
		  background-image: -ms-linear-gradient(top, #ed9c21, #e88317);
		  background-image: -o-linear-gradient(top, #ed9c21, #e88317);
		  background-image: linear-gradient(to bottom, #ed9c21, #e88317);
		  -webkit-border-radius: 9;
		  -moz-border-radius: 9;
		  border-radius: 9px;
		  color: #ffffff;
		  padding: 5px 14px;
		  text-decoration: none;
		}

	article .caption {
		text-align: center;
	}

	article ol {
		padding-left: 20px;
		margin-bottom: 1em;
	}

		article ol li {

		}

	article .clinically-proven  {
		padding: 15px 20px 20px 20px;
		border: 3px solid #c3e5db;
		margin-bottom: 15px;
		background: #e1faf2;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

		article .clinically-proven p {
			font-size: 13px;
			margin-bottom: 0px;
		}

		article .clinically-proven h3 {
			margin-bottom: 5px;
		}

		article .clinically-proven ul {
			padding-left: 0;
			margin-bottom: 0;
			list-style-type: none;
		}

			article .clinically-proven ul li {
				line-height: 1.2em;
				padding-left: 22px;
				background: url('../images/bullet.png') no-repeat 0 2px;
				margin-top: 10px;
			}

	article p {
		margin-bottom: 1em;
	}

	article .highlight {
		background: #FFC;
		padding: 5px;
	}

		article .highlight.bright {
			display: block;
			text-align: center;
			font-size: 14px;
			background: #fffc00;
			padding: 5px;
		}

		article .highlight.inline {
			background: #fffc00;
			padding: 0px;
		}

	article a {
		font-weight: bold;
		color: #0350ff;
		text-decoration: underline;
	}

	article .clickable {
		cursor: pointer;
	}

	article a:visited {
		color: #0350ff;
		text-decoration: none;
	}

	article a:hover {
		color: #0350ff;
		text-decoration: none;
	}

	article h3 {
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		font-weight: 900;
		margin-bottom: 1em;
	}

	article .week {
		font-size: 13px;
		position: relative;
		background: #f6f7f8;
		padding: 40px 20px 0 20px;
	}

	article .week .tag {
		display: inline-block;
		background: url('../images/tag.png') no-repeat 0 0;
		color: #ffffff;
		position: absolute;
		top: 10px; left: -5px;
		padding: 3px 5px 5px 8px;
		width: 90px; height: 30px;
	}

		article .week .tag p {
			margin: 0;
		}

		article .week.one,
		article .week.two,
		article .week.three {
			border-bottom: 1px solid #dfe0e4;
		}

		article .week.four {
			padding-bottom: 10px;
			margin-bottom: 20px;
		}

	article .important {
		font-size: 13px;
	}

		article .important p {
			margin-bottom: 0px;
		}

		article .important span {
			color: #fc361d;
			font-weight: bold;
		}

	article .divider {
		margin-bottom: 20px;
		height: 1px;
		border-bottom: 1px solid #ebebeb;
	}

	article .get-to-the-results {
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 1em;
		font-style: italic;
		text-align: center;
		border-bottom: 1px solid #ebebeb;
		border-top: 1px solid #ebebeb;
		padding: 5px 0;
		color: #8b8b8b;
		letter-spacing: -1px;
	}

		.get-to-the-results p {
			margin-bottom: 0px;
		}

	article .journey-container {
		margin: 10px 0;
	}

		article .journey-container p {
			margin: 0;
		}

		article .journey-container img {
			width: 100%;
		}

	article .exclusive-for-our-readers {
		text-align: center;
		background: #e4244d;
		padding: 5px;
		color: #ffffff;
		margin-bottom: 20px;
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		font-weight: 300;
	}

		article .exclusive-for-our-readers.smaller {
			font-size: 13px;
			background: #808080;
		}

		article .exclusive-for-our-readers.results {
			font-size: 13px;
			margin-bottom: 0px;
		}

		article .exclusive-for-our-readers p {
			margin-bottom: 0px;
		}

		article .exclusive-for-our-readers span {
			color: #ffe506;
		}

/* comments.html */

.comments {
	font-size: 13px;
	background: #f6f7f8;
	padding: 15px 15px 5px 15px;
	border: 1px solid #dfe0e4;
	margin-bottom: 20px;
}

	.comments h3 {
		font-family: 'Roboto', sans-serif;
		font-size: 18px;
		font-weight: 900;
		margin-bottom: 1em;
	}

	.comments a {
		font-weight: normal;
	}

	.comments .comment {
		position: relative;
		display: block;
		margin-bottom: 10px;
	}

		.comments .comment.hidden {
			display: none;
		}

		.comments .comment p {
			display: inline;
		}

		.comments .comment .profile-image {
			position: absolute;
			top: 0; left: 0;
			width: 40px;
		}

			.comments .comment .profile-image img {
				width: 100%;
				height: auto;
			}

		.comments .comment .right-container {
			width: 100%;
			padding-left: 50px;
			-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
		}

			.comments .comment .more-comments {
				color: #3c63be;
				text-decoration: none;
				background: url('../images/more-comments.html') no-repeat 0 50%;
				padding-left: 22px;
			}

				.comments .comment .more-comments:hover {
					text-decoration: underline;
				}

			.comments .comment .right-container input[type="text"] {
				width: 100%;
				font-size: 14px;
				padding: 10px;
				border: 1px solid #bdc7d8;
				-webkit-box-sizing: border-box;
	    	-moz-box-sizing: border-box;
	    	box-sizing: border-box;
			}

			.comments .comment .right-container .name {
				font-weight: bold;
				color: #3c5aa2;
			}

			.comments .comment .right-container .comment-body {

			}

			.comments .comment .right-container .comment-social {
				margin-top: 3px;
			}

				.comments .comment .right-container .comment-social .likes {
					color: #3c63be;
					width: 10px; height: 9px;
					background: url('../images/like.html') no-repeat 0 50%;
					padding-left: 12px;
				}

				.comments .comment .right-container .comment-social a {
					color: #3c63be;
					text-decoration: none;
				}

				.comments .comment .right-container .comment-social a:hover {
					color: #3c63be;
					text-decoration: underline;
				}

				.comments .comment .right-container .comment-social .time {
					color: #9197a6;
				}


/* footer.html */

.site-footer {
	text-align: center;
	background: #e4244d;
}

	.site-footer h2 {
		padding: 0 15px;
		font-size: 13px;
		margin-bottom: 0px;
	}

	.site-footer .wrap .brand {
		display: block;
		width: 100%;
		height: 48px;
		float: left;
		vertical-align: bottom;
	}

	.site-footer .wrap .brand .logo {
		display: block;
		width: 200px;
		margin: 0 auto 0 auto;
	}

		.site-footer .wrap .brand .logo img {
			z-index: 0;
			width: 100%;
			height: auto;
		}






.facebook-exclusive {
	background:#676464;
	color:#000;
}
.site-header .wrap {
	background:#000000;
}
article .social {
	margin: 5px 0px;
}
article .exclusive-for-our-readers {
	background:red;
}
.site-footer {
	background:#000000;
	color:#ffffff;
}
.commentlist {
	list-style: none;
}
.commentlist li {
	margin: 0 0 7px;
	padding-top: 7px;
	overflow: hidden;
	clear: both;
	border-top: 1px dashed rgba(159, 159, 159, .2);
}
.commentlist img {
	float: left;
	margin: 0 10px 10px 0;
}
.commentlist .comment-text {
	overflow: hidden;
	position: relative;
}
.comment-date {
	display: block;
	position: static;
	text-align: right;
	font: .7em/105% 'Open Sans', Helvetica, sans-serif;
}
.commentlist cite {
	font-size: 1.1em;
	color: #0070cc;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
div.quote {
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	color: #ff3300;
	font-weight:bold;
	letter-spacing:-1px;
	font-size: 22px;
	line-height: 27px;
	margin: 20px 0px;
	padding: 10px 0px;
}
article .week {
	padding: 40px 20px 5px 20px;
	clear:both;
	float:left;
}
.bottomFix {
    z-index: 50000;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background-color: #c50101;
    width: 100%;
    padding: 5px ;
    position: fixed;
    left: 0;
    bottom: 0
}
.innerBot {
    max-width: 328px;
    display: inline-block
}

.innerBot .freebot {
    width: 160px;
    display: inline-block;
    vertical-align: middle
}

.innerBot a {
    display: inline-block;
    vertical-align: middle;
    background-color: #0ccb41;
    border: 1px solid #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 1px ;
    font-size: 13px;
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff !important
}

.innerBot a:hover {
    color: #fff !important;
    border: 1px solid #fff
}
.product img {
    width: 155px!important;
}