body {
	/*	font-family: 'Open Sans', sans-serif;
	font-weight:400;
*/
}
.header {
	background: #fff;
}
.page-content-home {
	padding: 4px 0 35px;
}

header img {
	height: 70px;
	margin: 1rem 0rem 0.2rem 0rem;
}


.page-content-home .container {
	/*	overflow:hidden;
	border-radius:0px;
	border:1px solid #dadada;
	padding:0px;
	box-shadow:0px 0px 10px #dadada;
*/
}

.page-content-home .container.regular {
	overflow: visible;
	border-radius: 0px;
	border: none;
	box-shadow: none;
}

.ourbutton {
	background: #01bc20;
	color: #fff;
	font-size: 1.5rem;
	text-decoration: none;
	padding: 12px 20px 15px 20px;
	border-radius: 10px;
	font-weight: 700;
	border: 2px solid #01bc20;
}

.ourbutton:hover {
	border: 2px solid #01bc20;
	background: #fff;
	color: #01bc20;
}

.standoff {
	padding: 10px 20px 20px 20px;
}
h1 {
	font-size: 1.8rem;
	padding: 15px;
	margin: 0px;
	font-weight: 700;
}
.article-head h2 {
	font-size: 1.4rem !important;
	padding: 0px 0px 10px 15px;
	margin: 0px;
	margin-top: 0px;
}
.page-content-home h2 {
	font-weight: 700;
	font-size: 2.1rem;
}
.page-content-home h3 {
	font-weight: 700;
	font-size: 1.6rem;
}
.text-block {
	font-size: 1.2rem;
	border-top: 0px solid #dadada;
}

.article-entry {
	background-size: cover !important;
	margin-bottom: 1.5rem;
	border-radius: 3px;
	overflow: hidden;
}
.article-entry.hero {
	margin: 0px;
}
.article-entry .wrp {
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 1%, rgba(255, 255, 255, 0) 100%);
}

.article-entry:hover .wrp {
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 1%, rgba(255, 255, 255, 0) 50%);
}

.article-entry .info {
	position: absolute;
	bottom: 0px;
	padding: 5px 15px 10px 15px;
	color: #fff;
}
.article-entry h4 {
	font-size: 1.2rem;
	margin-bottom: 0px;
}
.article-entry .postedat {
	opacity: 0.5;
	font-size: 1rem;
}
.article-entry.hero h4 {
	font-size: 1.6rem;
}

.singlearticle h1 {
	font-size: 2.2rem;
	padding-left: 0px;
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-weight: 800;
}
.singlearticle h2 {
	font-size: 1.7rem;
	margin-top: 2rem;
	color: #397893;
}
.singlearticle h3 {
	font-size: 1.5rem;
	margin-top: 1.5rem;
	margin-block: 0.5rem;
	color: #7fc49d;
}
.singlearticle h4 {
	font-size: 1.1rem;
	margin-top: 2rem;
	font-weight: 700;
	color: #5aa5e4;
	text-transform: uppercase;
}
.singlearticle h6 {
	font-size: 1.2rem;
	color: #777;
	margin-top: -5px;
}

.singlearticle ul, .singlearticle ol {
	padding-left: 3.5rem;
}

.coverimage {
	max-height: 500px;
	border-radius: 5px;
}
.coverimage.video {
	max-height: 100% !important;
}

.heading {
	margin-bottom: 1rem;
}
.heading span {
	display: inline-block;
	padding: 5px 55px;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	border-bottom: none !important;
}

.heading.trending {
	border-bottom: 3px solid #8cc794;
}
.heading.trending span {
	border: 3px solid #8cc794;
	background: #8cc794;
	color: #fff !important;
}

.heading.me {
	border-bottom: 3px solid #f69679;
	margin-top: 2rem;
}
.heading.me span {
	border: 3px solid #f69679;
}

.heading.fitness {
	border-bottom: 3px solid #3cb878;
	margin-top: 2rem;
}
.heading.fitness span {
	border: 3px solid #3cb878;
}

.heading.beauty {
	border-bottom: 3px solid #f06eaa;
	margin-top: 2rem;
}
.heading.beauty span {
	border: 3px solid #f06eaa;
}

.heading.diet {
	border-bottom: 3px solid #8560a8;
	margin-top: 2rem;
}
.heading.diet span {
	border: 3px solid #8560a8;
}

.heading.sleep {
	border-bottom: 3px solid #605ca8;
	margin-top: 2rem;
}
.heading.sleep span {
	border: 3px solid #605ca8;
}

footer {
	background: #dadada;
	padding: 20px 0px;
}

@media (max-width:1200px) {
	.article-entry h4, .article-entry .postedat {
		font-size: 1rem;
	}
	.article-entry .postedat {
		font-size: 14px;
	}
	.article-entry.hero .postedat {
		font-size: 1.2rem;
	}
}

@media (max-width:991px) {
	.article-entry.hero {
		margin-bottom: 1rem;
	}
}

@media (max-width:767px) {
	.header {
		border: none;
		padding-bottom: 0.5rem;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 99;
		box-shadow: 0px -5px 15px #666;
		width: 100%;
	}

	.page-content-home {
		padding-top: 5.5rem !important;
	}

	.text-block {
		border-top: 0px;
	}

	.header img {
		width: 50%;
		height: auto;
		max-width: 50%;
		margin: 0px;
	}
	.standoff {
		padding: 0px;
	}
	.pagechart img {
		max-width: 100%;
	}
	.page-content-home .container {
		box-shadow: none;
		border-radius: 0px;
	}
	.cream-box, .top-cream .heading, .top-cream .heading h2, .top-cream .heading h2 small {
		display: block;
	}
	.top-cream .heading h2 small span {
		display: block;
		margin-top: 10px;
		font-size: 1.4rem !important;
	}
	.rating__star.main {
		overflow: visible;
	}
	.review-image {
		width: 60%;
		max-width: 60%;
		height: auto !important;
		max-height: 100%;
		float: none;
		margin: 20px 0px 20px 20%;
	}
	h1 {
		font-size: 1.6rem;
	}
	h2 {
		font-size: 1.4rem !important;
	}
	.cream-box:first-child .cream-rating {
		margin-top: 0px;
	}
	.mt-5 {
		margin-top: 2rem !important;
	}
	.cream-box .product-image img {
		margin-top: 0px;
	}
	.userreviews {
		max-width: 100%;
	}
	.face img {
		max-width: 100%;
		border-radius: 0px !important;
		margin-bottom: 10px;
	}
	.rating__star.feedback ul, .rating__star.feedback span {
		display: block;
		float: none;
		margin: 0px;
	}
	.userreviews .row {
		border-bottom: 1px solid #dadada;
	}
	.userreviews .row:last-child {
		border: none;
	}
	.userreviews p {
		line-height: 23px;
	}
	.userreviews .rating__star.feedback {
		margin-top: -12px;
	}
	.ourbutton {
		font-size: 1rem;
	}
	.container.regular {
		padding: 0px;
	}
	ul.goods li, ul.bads li {
		line-height: 23px;
		min-height: 30px;
	}
	ul.bads li {
		padding-bottom: 50px;
	}
	ul.bads {
		margin-bottom: 0px;
	}
	.graybox {
		max-width: 100%;
	}
	.article-entry.hero {
		margin-bottom: 1rem;
	}

	.article-entry h4 {
		font-size: 1.5rem;
	}
	.article-entry .postedat {
		font-size: 1rem;
	}
	.coverimage {
		max-height: 200px;
	}
	.coverimage.video {
		max-height: 100% !important;
	}

	.heading span {
		display: inline-block;
		padding: 5px 25px;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
		border-radius: 10px 10px 0px 0px;
		border-bottom: none !important;
	}
}