.promo-banner {
    background: #ffffff;
    position: relative;
    margin-top: 105px;
    z-index: 2;
}

/**/

.bf-sale{
	background: #ffffff;
	position: relative;
}

.bf-sale:before{
	content: "";
	background: #ebebeb;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 50%;
	z-index: 1;
}

.bf-sale .container{
	position: relative;
	z-index: 2;
}

.bf-sale .inner-wrap > a{
    position: absolute;
    bottom: 20px;
    left: 115px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	.bf-sale .container {
		position: relative;
		padding: 0;
		max-width: none;
	}
	
	.bf-sale .inner-wrap > a {
		position: absolute;
		bottom: 20px;
		left: 95px;
		width: 350px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	.promo-banner {
		margin-top: 65px;
	}
	
	.bf-sale .container {
		position: relative;
		padding: 0;
		max-width: none;
	}
	
    .bf-sale .inner-wrap > a {
        position: absolute;
        bottom: 20px;
        left: 80px;
        width: 260px;
    }
	
}

@media (max-width: 767px){
	
	.promo-banner {
		margin-top: 70px;
	}
	
	.bf-sale .container {
		position: relative;
		padding: 0px;
	}
	
	.bf-sale .inner-wrap > a {
		position: absolute;
		bottom: 20px;
		left: 50%;
		right: auto;
		width: 260px;
		margin-left: -130px;
	}
	
}

/**/

#intro .xmas-banner {
	background: url(../images/xmas-banner-bg.jpg) center bottom/cover repeat-x #000000;
    height: 730px;
    margin-bottom: 0;
    padding-top: 115px;
    position: relative;
    text-align: center;
    margin-top: -120px;
}

#intro .xmas-banner img {
    position: relative;
    top: 0px;
    right: 0;
    max-width: 100%;
}

.xmas-banner .s1-d {
    position: absolute;
    bottom: 165px;
    left: 150px;
	text-align: left;
	text-transform: uppercase;
	z-index: 4;
}

/**/

#intro {
    position: relative;
    background: #000000;
    height: auto;
    margin-bottom: 0;
    padding: 0rem 0rem 0rem;
}

#intro h5{
	color: #ffffff;
	font-weight: 500;
}

#intro > div{
	position:relative;
	z-index:10;
}

#intro .product-pkg {
	position: relative;
	z-index: 1;
}

#intro .title {
	display: table;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 2rem;
	line-height: 1em;
 	font-weight: 800;
	text-align: center;
	text-shadow: 0px 1px 1px #1d5614, 1px 0px 1px #1d5614, 0px -1px 1px #1d5614, -1px 0px 1px #1d5614;
	margin: 1rem auto 0.5rem;
}

#intro .sub-title{
	font-size: 23px;
	font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

#intro .btn-primary{
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.5px;
	padding: 5px 25px 5px 20px;
    margin: 15px 0;
}

#intro .btn-primary .icon {
    display: inline-block;
    background: url(../images/cart-icon.png) no-repeat 0 0/cover;
    width: 25px;
    height: 23px;
    position: relative;
    top: 3px;
    left: 5px;
}

@media (min-width: 768px) {
	
	#intro .title {
		margin-bottom:5px;	
		display: block;
		text-align: left;
	}

	#intro .sub-title{
		font-size: 23px;
		margin-bottom: 20px;
		text-align: left;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	
	#masthead {
		padding: 0;
	}
	
	.site-branding img {
		position: relative;
		top: 0px;
	}
	
	.navbar-dark .navbar-toggler {
		top: 5px;
	}
	
	#intro:after {
		content: "";
		background: url(../images/home-banner.jpg) no-repeat right 0/contain #000000;
		display: block;
		position: absolute;
		top: -10px;
		right: -105px;
		margin-left: 0;
		width: 1034px;
		height: 485px;
		z-index: 9;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	#intro{
		padding: 80px 0rem 0rem;
	}
	
	#intro:after {
		content: "";
		background: url(../images/home-banner.jpg) no-repeat right 0/contain #000000;
		display: block;
		position: absolute;
		top: -5px;
		right: 0;
		margin-right: -50px;
		width: 1365px;
		height: 525px;
		z-index: 9;
	}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	#page:after{
		content:"";
		background: #000000;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 400px;
	}

	#intro{
        height: 673px;
        padding-top: 120px;
	}
	
	#intro:after {
		content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 59%;
        background: url(../images/home-banner.jpg) no-repeat 0 0 / contain #000000;
        width: 1600px;
        height: 100%;
        z-index: 9;
        margin-left: -800px;
	}

	#intro .title {
		display: block;
		font-size: 52px;
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: left;
	}
	
	#intro .sub-title{
		font-size: 24px;
		margin-bottom: 20px;
		text-align: left;
	}
	
}

@media (min-width: 1200px) {
	
	#page:after{
		content:"";
		background: #000000;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 400px;
	}
	
	#intro .container{
		position: relative;
	}
	
	#intro .container *{
		position: relative;
		z-index: 10;
	}
	
	#intro{
        height: 737px;
        padding-top: 120px;
	}
	
	#intro .container:after {
		content: "";
		display: block;
		position: absolute;
		top: -190px;
		left: 47%;
		background: url(../images/home-banner.jpg) no-repeat 0 0/cover #000000;
		width: 1600px;
		height: 787px;
		z-index: 1;
		margin-left: -800px;
	}

	#intro .title {
		display: block;
		font-size: 52px;
		margin-top: 20px;
		margin-bottom: 15px;
		text-align: left;
	}
	
	#intro .sub-title{
		font-size: 24px;
		margin-bottom: 20px;
		text-align: left;
	}
	
}

@media (min-width: 1665px) and (max-width: 1800px){
	
	#intro .sub-title strong{
		font-size: 1.8rem;
	}
	
}

#intro .title .highlight {
	display: inline-block;
	color: #fdfe00;
	text-shadow: 0px 0px 0px #fff;
}

#intro span {
	display: block;
	color:#fdfe00;
}

#intro .icon-list {
	padding-left: 0px;
	margin: 0rem 0rem;
	max-width: 100%;
}

#intro .icon-list li {
	color: #ffffff;
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 0.5rem;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 0.7rem;
	line-height: 1.2em;
	letter-spacing: 0px;
}

#intro img {
	margin: 1rem auto 0rem;
}

#intro small {
	display: block;
	margin: 1rem 0rem 1rem;
	color: #fff;
	font-size: 0.5rem;
	line-height: 1em;
	font-weight: 400;
}

@media (min-width: 768px) and (max-width: 991px) {
	
	#intro{
        height: auto;
        padding-top: 80px;
	}
	
	#intro .icon-list {
		margin: 0rem 0rem;
	}
	
	#intro .icon-list li {
		margin-bottom: 0.5rem;
	}
}

@media (min-width: 1200px) {
	
	#intro .icon-list {
		margin: 2rem 0rem 0rem;
	}
	
	#intro .icon-list li {
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 1rem;
		padding-left: 30px;
	}
}

@media (min-width: 992px) and (max-width: 1200px){
	
	#intro .icon-list li {
		font-size: 0.9rem;
		margin-bottom: 0.5rem;
		padding-left: 40px;
	}
}


#intro .icon-list li::before {
	content: "";
	display: inline-block;
	background: url(../images/yellow-checkmark.png) no-repeat 0 0/cover;
	color: #fdfe00;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	width: 19px;
	height: 17px;
}

@media (min-width: 992px) {
	#intro .icon-list li::before {
		top: 0rem;
		font-size: 1.4rem;
	}
}

@media (min-width: 768px) {
	
	#intro small {
		margin-top: 10px;
	    font-size: 0.55rem;
	    line-height: 1.2em;
	}
	
	#intro img {
		margin: 2rem auto 0rem;
	}
	
}


@media (min-width: 992px) and (max-width: 1199px){
	
	#intro.promo-banner{
		height: auto;
	}
	
	#intro.promo-banner .xmas-banner{
		padding:50px 0px 0px;
		margin-top: 0;
		background-position: center;
		height: auto;
	}

	#intro.promo-banner .xmas-banner img {
		margin: 0rem auto 0rem;
		max-width: 100%;
		left: 40px;
		right: auto;
		width: 100%;
	}
	
	.xmas-banner .s1-d {
		position: absolute;
		z-index: 4;
		text-align: left;
		bottom: 35px;
		left: 185px;
	}
	
	.xmas-banner .order.blue-btn {
		padding: 15px 40px 20px 40px;
		font-size: 16px;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	#intro.promo-banner{
		height: auto;
		padding-top: 0;
	}

	#intro.promo-banner .xmas-banner{
		margin-top: 0;
		padding: 20px 0px 0px 0px;
		height: auto;
	}

	#intro.promo-banner .xmas-banner img {
		margin: 0rem auto 0rem;
		max-width: 100%;
		left: 0px;
		right: auto;
		width: 100%;
	}
	
	#intro .xmas-banner .s1-d {
		position: absolute;
		z-index: 4;
		text-align: left;
		bottom: 25px;
		left: 105px;
	}
	
	#intro .xmas-banner .s1-d .btn {
		padding: 5px 25px 5px;
		font-size: 16px;
	}
	
}

@media screen and (max-width: 767px) {
	
	#intro{
		padding-top: 4rem;
	}

	#intro .xmas-banner {
		background: url(../images/xmas-banner-bg.jpg) center bottom/cover repeat-x #000000;
		height: auto;
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 30px;
		position: relative;
		text-align: center;
	}

	#intro .xmas-banner img {
		position: relative;
		top: 0px;
		right: auto;
		margin-bottom: 0;
		max-width: 100%;
		width: 100%;
		left: 0;
		margin: 0px auto;
	}
	
	.xmas-banner .s1-d {
		position: relative;
		z-index: 4;
		text-align: center;
		top: 0;
		left: 0;
		margin: 20px auto 0px auto;
		bottom: auto;
	}
	
	#intro .xmas-banner .s1-d {
		position: relative;
		z-index: 4;
		text-align: center;
		top: 0;
		left: 0;
		margin: 20px auto 20px auto;
		bottom: auto;
	}
	
	#intro .xmas-banner .s1-d .btn {
		position: relative;
		z-index: 4;
		text-align: center;
		top: 0;
		left: 75px;
		margin: 0;
		width: 200px;
	}
	
	#intro .title{
		font-size: 2.7rem;
		font-weight: 700;
		line-height: 1.1em;
		margin: 0;
		padding: 1rem 0rem 1rem;
	}
	
	#intro .sub-title {
		position: relative;
		z-index: 2;
		text-align: center;
	}
	
	#intro img {
		position: relative;
		z-index: 1;
		width: 110%;
		margin: -2rem -15px 0rem;
		max-width: none;
	}
	
	#intro .icon-list li{
		font-size: 15px;
		margin-bottom: 10px;
	}
	
	#intro .btn-primary{
		display: table;
		margin: -30px auto 20px;
		max-width: 300px;
		z-index: 2
	}
	
	#intro small {
		font-size: 0.75rem;
		line-height: 1.4em;
	}
	
}

/****/

#video {
	background: #ffffff;
}

#video .header {
	color: #1a1a1a;
	font-weight: 800;
	margin-bottom: 1rem;
}

#video .header span{
	color: #265d10;
}

#video picture{
	float: left;
	width: 45%;
}

#video .inner-wrap{
	float: left;
	width: 53%;
}

#video .quote {
	position: relative;
	clear: none;
	color: #1c5513;
	float: left;
	font-family: 'PT Serif', serif;
	font-size: 28px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.3em;
	text-align: left;
	letter-spacing: 0px;
	margin: 3rem auto 0rem;
	padding-left: 30px;
	width: 100%;
}

#video .quote:before {
    content: "";
    background: url(../images/grey-quotes.png) no-repeat 0 0;
    background-size: cover;
    width: 32px;
    height: 28px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -25px;
}

#video .logos {
	margin-left: 35px;
}

#video .wistia_responsive_wrapper {
	overflow: hidden;
	border: solid 6px #1c5513;
}

#video .dr-lamm {
	position: relative;
    top: 20px;
	left: 30px;
    width: 100%;
    color: #000;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: left;
    text-shadow: none;
}

#video .dr-lamm .large-txt {
	display: block;
	clear: both;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.5em;
	margin-bottom: 0rem;
}


@media (min-width: 991px) and (max-width: 1199px){
	
	#video .header {
		font-weight: 800;
		margin-bottom: 0rem;
	}

	#video .quote {
		font-size: 17px;
		padding-top: 0px;
		padding-bottom: 20px;
		padding-left: 30px;
	}
	
	#video .quote:before {
    	top: -10px;
    	left: -10px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){

	#video .quote {
		font-size: 15px;
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 15px;
	}
	
	#video .quote:before {
    	top: 10px;
	}

	#video .dr-lamm {
		position: relative;
		top: -13px;
		left: 15px;
		bottom: auto;
		font-size: 0.6em;
		line-height: 1.3em;
		clear: both;
	}
	
}

@media (min-width: 576px) and (max-width: 767px) {
	
	#video .quote {
		font-size: 1.1rem;
		margin:0rem auto 1rem;
		padding-left: 65px;
	}
	
	#video .quote:before {
		top: -2px;
		width: 50px;
		height: 44px;
	}
	
}


#video .sub-title {
	color: #fff;
	display: block;
	height: 100%;
	font-size: 0.7em;
	font-weight: 700;
	margin-bottom: 0;
	padding: 0em;
}

#video .sub-title span {
	display: flex;
    align-items: center;
    background: #1a1a1a;
	font-size: 18px;
    font-weight: 400;
    height: 100%;
    padding: 0.5rem 1em;
    position: relative;
    width: 100%;
    justify-content: center;
    text-align: center;
}

#video .sub-title em{
	font-style: normal;
}

@media (min-width: 768px) {
	
	#video .sub-title {
		font-size: 1em;
		padding: 0em;
	}
	
	#video .logos {
		width: 500px;
	}
}

@media (min-width: 992px) {
	
	#video .logos {
		width: 760px;
	}
}

@media (max-width: 767px) {
	
	#video .header {
		font-size: 26px;
		font-weight: 800;
	}
	
	#video .quote {
		position: relative;
		top: 0px;
		color: #1c5513;
		font-family: 'PT Serif', serif;
		font-size: 0.9rem;
		font-style: italic;
		font-weight: 600;
		line-height: 1.5em;
		text-align: center;
		letter-spacing: 0px;
		padding-left: 0;
	}
	
	#video .quote:before {
		position: absolute;
		left: -20px;
		top: -30px;
		width: 30px;
    	height: 25px;
	}
	
	#video .dr-lamm{
		clear: both;
		left: 0;
		padding: 0px 0px 15px;
		text-align: center;
	}
	
	#video .logos {
		max-width: 270px;
		margin-left: 0px;
	}
	
}


/**/

#genf20-clinical{
	background: #eeeeee;
	padding-bottom: 8rem;
}

#genf20-clinical .title{
	font-size: 44px;
	margin-bottom: 10px;
	text-align: left;
}

#genf20-clinical .highlight{
	color: #265d10;
    font-size: 24px;
    line-height: 1.2em;
	margin-bottom: 20px;
}

#genf20-clinical img{
	max-width: 115%;
}

#genf20-clinical .btn{
	margin: 20px 0px 0px;
}

@media (min-width: 991px) and (max-width: 1199px){

	#genf20-clinical .title{
		font-size: 32px;
	}

}

@media (max-width: 767px){
	
	#genf20-clinical{
		padding-bottom: 0rem;
	}
	
	#genf20-clinical .title {
		font-size: 28px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	#genf20-clinical .highlight {
		font-size: 21px;
		line-height: 1.2em;
		margin-bottom: 15px;
		text-align: center;
	}
	
	#genf20-clinical .btn{
		display: table;
		font-weight: 800;
		letter-spacing: -0.5px;
		margin: 20px auto 0px;
		width: 320px;
	}
	
}

/**/

#influencers{
	position: relative;
	margin-top: -6rem;
    padding: 0rem 0rem;
}

#influencers:before{
	content:"";
	background: #eaeaea;	
	position: absolute;
	left: 0;
	top: 15%;
	height: 70%;
    width: 100%;
}

#influencers .row{
    margin: 0px auto;
	max-width: 1200px;
}

#influencers .row img {
    margin: 5px;
}

#influencers .inner-wrap{
    background: #265d10;
    height: 95%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 5px 5px 0px 5px;
}

#influencers .inner-wrap .d-flex{
    display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
	margin: 0px auto;
}

#influencers .inner-wrap h3{
	color: #ffffff;
	font-size: 42px;
	margin-bottom: 10px;
}

#influencers .inner-wrap p{
	color: #ffffff;
	font-size: 36px;
    margin-bottom: 0px;
    margin-right: 20px;
}

#influencers .inner-wrap .btn{
	background: #ec5e00;
	border-radius: 4px;
	color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
	margin: 15px 0;
    padding: 5px 50px 5px 20px;
	position: relative;
}

#influencers .inner-wrap .fa{
    position: absolute;
	top: 15px;
    right: 20px;
}

@media (min-width: 768px) and (max-width: 1199px){
	
	#influencers:before{
		display: none;
	}
	
	#influencers .inner-wrap{
		padding: 20px 0px;
	}
	
	#influencers .inner-wrap h3 {
		font-size: 32px;
		margin-bottom: 0;
	}
	
	#influencers .inner-wrap p{
		font-size: 30px;
	}
	
}

@media (max-width: 767px){
	
	#influencers {
		margin: 0px -5px;
	}
	
	#influencers .container{
		padding: 0;
	}
	
	#influencers .row {
		background: #265d10;
	}

	#influencers .influencer-images div{
		background: #ffffff;
	}
	
	#influencers .inner-wrap{
		margin: 0;
	}
	
	#influencers .inner-wrap .d-flex{
		flex-direction: column;
	}

	#influencers .inner-wrap h3 {
		font-size: 30px;
		line-height: 1em;
		margin-bottom: 10px;
		padding: 20px 0px 0px;
		width: 300px;
	}
	
	#influencers .inner-wrap p{
		font-size: 24px;
		margin: 0px auto;
		text-align: center;
		width: 320px;
	}
	
	#influencers .inner-wrap .btn{
		margin-bottom: 20px;
		width: 265px;
	}
}

/**/

#call-out{
	padding: 3rem 0rem;
}

#call-out .header{
	background: url(../images/green-angle-bg.png) no-repeat 0 0/cover;
    width: 1260px;
    height: 219px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

#call-out .header .title{
    color: #ffffff;
    font-size: 42px;
    line-height: 1.3em;
}

#call-out .header .small-txt{
	display: block;
	font-size: 30px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#call-out {
		padding: 1rem 0rem;
	}
	
	#call-out .header {
    	background-size: contain;
		background-position: center center;
		width: 100%;
		height: auto;
		padding: 1rem 0rem;
	}
	
	#call-out .header .title {
		font-size: 36px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#call-out {
		padding: 1rem 0rem;
	}
	
	#call-out .header {
    	background-size: contain;
		background-position: center center;
		width: 100%;
		height: auto;
		padding: 1rem 0rem;
	}
	
	#call-out .header .small-txt {
		font-size: 21px;
	}
	
	#call-out .header .title {
		font-size: 24px;
	}
	
}

@media (max-width: 767px){
	
	#call-out {
		padding: 15px 0px;
	}

	#call-out .header {
		background: url(../images/green-arrow-down-bg.png) no-repeat 0 bottom/100% auto;
		height: auto;
		padding: 20px 0px 60px;
		width: 100%;
	}
	
	#call-out .header:after{
		content:"";
	}
	
	#call-out .header .title {
		color: #ffffff;
		font-size: 24px;
		line-height: 1.3em;
	}
	
	#call-out .header .highlight {
		color: #fdfe00;
		font-size: 28px;
	}
	
	#call-out .header .small-txt {
		font-size: 18px;
		line-height: 1.4em;
		font-weight: 400;
		letter-spacing: -0.5px;
		max-width: 300px;
		margin: 0px auto 10px;
	}
}

/**/

#testimonials-1 .title{
	margin-bottom: 10px;
}

#testimonials-1 .row{
	padding: 1rem 0rem;
}

#testimonials-1 .header{
	position: relative;
}

#testimonials-1 .header:before {
    content: "";
    background: url(../images/grey-quotes.png) no-repeat 0 0;
    background-size: cover;
    width: 21px;
    height: 18px;
    display: inline-block;
    position: absolute;
	top:-30px;
    left: -20px;
}

#testimonials-1 .title{
	font-family: 'PT Serif', serif;
	font-size: 32px;
	font-style: italic;
}

#testimonials-1 .testimonial-name{
	font-weight: 800;
}

@media (min-width: 768px){
	
	#testimonials-1 .header:before {
		top: -45px;
    	left: -50px;
		height: 46px;
		width: 53px;
	}
	
	#testimonials-1 .row{
		padding: 2rem 0rem;
	}
	
	#testimonials-1 .row:last-child{
		padding-left: 60px;
	}
	
}

@media (max-width: 767px){
	
	#testimonials-1 .title {
		font-size: 22px;
		margin: 20px 0px;
	}
	
	#testimonials-1 .header:before {
		width: 30px;
		height: 25px;
		left: 0;
	}
	
}

/****/

#warning h3{
    font-size: 44px;
    font-weight: 800;
    margin-bottom: 20px;
    text-align: left;
}

#warning h3 .highlight{
	color: #ff0000;
}

#warning .highlight-two{
	color: #265d10;
	margin-bottom: 2rem;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#warning h3 {
    	font-size: 35px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	
	#warning img{
		display: none;
	}
	
}

@media (max-width: 767px){
	
	#warning{
		padding-bottom: 2rem;
	}
	
	#warning h3 {
		font-size: 28px;
		margin-bottom: 15px;
		text-align: center;
	}
	
	#warning .highlight-two{
		text-align: center;
	}
	
	#warning .btn{
		display: table;
		margin: 0px auto;
	}
	
}

/**/

#science{
	background: url(../images/couple-beach.jpg) no-repeat right bottom;
    padding: 2rem 0rem 8rem;
}

#science .container{
	padding-bottom: 0rem;
}

#science .header{
	text-align: center;
}

#science .header .title{
	font-size: 44px;
	margin-bottom: 10px;
}

#science .sub-header{
	display: table;
    padding-top: 80px;
	position: relative;
}

#science .sub-header:after{
    content: "";
    position: absolute;
    right: -100px;
    top: 25px;
    background: url(../images/green-down-arrow.png) no-repeat 0 0/cover;
    width: 68px;
    height: 90px;
}

#science .sub-header h3{
	font-size: 44px;
	text-align: left;
}

#science .sub-header h4{
	color: #265d10;
	font-weight: 800;
}

#science li{
	position: relative;
	font-family: 'PT Serif', serif;
	font-style: italic;
	font-weight: 600;
	list-style: none;
	margin-bottom: 10px;
	padding-left: 25px;
}

#science li:before{
	content: "";
	background: url(../images/green-checkmark.png) no-repeat 0 0/cover;
	width: 19px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 5px;
}

#science .check-list-styles-two{
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
}

#science .check-list-styles-two li {
	flex-basis: 50%;
}

#science .header p {
    color: #265d10;
    font-size: 24px;
	font-weight: 800;
    line-height: 1.4em;
    margin-bottom: 0px;
}

@media (min-width: 767px) and (max-width: 1199px){
	
	#science{
		background-position: 125px bottom;
		position: relative;
		padding-bottom: 4rem;
	}
	
	#science:before{
		content:"";
		background: rgba(255,255,255,0.7);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	#science .container{
		position: relative;
		z-index: 2;
	}
}

@media (max-width: 991px){
	
	#science{
		background: none;
		padding: 2rem 0rem 2rem;
	}
	
	#science .sub-header {
		padding-top: 20px;
	}
	
	#science .sub-header:after {
		right: -35px;
		top: -40px;
		width: 50px;
		height: 66px;
		transform: rotate(-30deg);
	}
	
	#science .sub-header h3 {
		font-size: 32px;
		text-align: center;
	}
	
	#science .sub-header h4 {
		text-align: center;
	}
	
	#science .header .title {
		font-size: 32px;
		margin-bottom: 10px;
	}
	
	#science .header p {
		font-weight: 800;
		font-size: 19px;
		line-height: 1.5em;
	}
	
	#science .check-list-styles-two li {
		flex-basis: 100%;
	}

}

@media (max-width: 767px){
	
	#science .sub-header{
		margin: 0px auto;
	}
	
}

/****/

#hgh{
    background: url(../images/genf20-hgh.jpg) no-repeat 0 75px/50% auto #0d0d0d;
	position: relative;
}

#hgh:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(13, 13, 13, 0);
	border-top-color: #0d0d0d;
	border-width: 15px;
	margin-left: -15px;
}

#hgh .container{
	padding: 4rem 0rem;
}

#hgh .green-bg{
	background: #265d10;
}

#hgh .green-bg .sub-title {
    color: #ffffff;
	font-size: 44px;
	letter-spacing: 0;
    padding: 2rem 0rem;
}

#hgh .title{
	color: #ffffff;
	margin-bottom: 20px;
	text-align: left;
}

#hgh blockquote{
	color: #ffffff;
	margin: 0 0 40px;
}

#hgh a:not(.btn){
	color: #fdfe00; 
}

#hgh p{
	color: #ffffff;
}

#hgh h3.highlight{
	font-size: 44px;
	font-weight: 800;
	padding: 2rem 0rem;
}

@media screen and (min-width: 991px) and (max-width: 1199px){
	
	#hgh{
		background-position: -40px 115px;
		background-size: 52% auto;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	
	#hgh {
		background-position: 0 50px;
		background-size: 100% auto;
		position: relative;
	}
	
	#hgh:before{
		content: "";
		background: rgba(0,0,0,0.8);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	#hgh .green-bg,
	#hgh h3.highlight{
		position: relative;
		z-index: 2;
	}
	
	#hgh .container {
		padding: 2rem 15px 0rem;
		position: relative;
		z-index: 2;
	}

	#hgh .green-bg .sub-title {
		font-size: 32px;
	}
	
	#hgh h3.highlight {
		font-size: 28px;
    	max-width: 500px;
	}
	
}

@media (max-width: 767px){
	
	#hgh{
		background-position: 0px 0px;
		background-size: 100% auto;
	}
	
	#hgh blockquote{
		margin: 0px;
	}

	
	#hgh .container {
		padding: 18rem 15px 0rem;
	}
	
	#hgh .title {
		font-size: 28px;
		margin-top: 20px;
	}

	#hgh .green-bg .sub-title {
		color: #ffffff;
		font-size: 30px;
		letter-spacing: 0;
		padding: 1rem 0rem;
	}
	
	#hgh h3.highlight {
		font-size: 23px;
    	max-width: 700px;
		padding: 2rem 15px;
	}

}

@media (max-width: 480px){
	
	#hgh{
		background-position: 0px 100px;
	}
	
}

/**/

#benefits{
	padding: 2rem 0rem;
}

#benefits .inner-wrap{
	padding: 2rem 0rem;
}

#benefits .heading{
	border-top: solid 4px #eaeaea;
}

#benefits h3 span{
	color: #265d10;
	font-size: 26px;
}

#benefits h3{
	font-size: 44px;
	padding: 2rem 0rem;
}

#benefits .x-list-styles{
	display: flex;
	list-style: none;
	flex-wrap: wrap;
}

#benefits .x-list-styles li{
    color: #ff0000;
    position: relative;
    padding-left: 20px;
    flex-basis: 50%;
    font-weight: 700;
}

#benefits .x-list-styles li:before{
	content:"x";
	color: #ff0000;
	position: absolute;
	left: 0;
	top: -2px;
}

#benefits .btn{
	margin: 2rem 0rem;
}

@media (max-width: 991px){
	
	#benefits img{
		display: table;
		margin: 20px auto;
		max-width: 420px;
	}
	
	#benefits h3 {
		font-size: 28px;
		padding: 2rem 0rem 1rem;
	}
	
	#benefits h3 span{
		font-size: 20px;
		line-height: 1.2em;
	}
	
	#benefits .x-list-styles li{
		flex-basis: 100%;
	}

	#benefits .btn {
		margin: 2rem 0rem 0rem;
	}

}

@media (max-width: 767px){
	
	#benefits img{
		margin-bottom: 0;
		max-width: 320px;
	}

}

/****/

#advantages{
	background: url(../images/genf20-lifestyle.jpg) no-repeat 0 -175px/1155px 786px #070508;
	padding: 4rem 0rem 0rem;
}

#advantages .title{
    color: #ffffff;
	font-size: 40px;
    text-align: left;
}

#advantages .sub-title{
	display: flex;
    align-items: center;
	background: url(../images/green-angle-bg-2.png) no-repeat right center/660px 66px transparent;
    color: #ffffff;
    font-size: 27px;
    font-weight: 600;
	height: 66px;
    letter-spacing: 0;
    margin: 15px 0px;
    padding: 10px 10px;
}

#advantages p{
    color: #ffffff;
    line-height: 1.8em;
}

#advantage-1{
    background: url(../images/genf20-package-plant.jpg) no-repeat right 0 transparent;
}

#advantage-1 .container{
	border-top: none;
	padding: 4rem 0rem 2rem;
}

#advantage-1 .row{
	margin-bottom: 40px;
}

#advantage-1 .title,
#advantage-2 .title{
	color: #ffffff;
	margin-bottom: 30px;
	text-align: left;
}

#advantage-1 p,
#advantage-2 p{
	color: #ffffff;
}

#advantage-1 ul{
    list-style: disc;
    margin-left: 20px;
    padding-left: 0px;
}

#advantage-1 li{
	color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
    line-height: 1.5rem;
	margin-bottom: 10px;
}

#advantage-1 .btn{
	margin: 2rem 0rem 0rem;
}


#advantages{
	background: url(../images/genf20-lifestyle.jpg) no-repeat 0 -175px/1155px 786px #070508;
	padding: 4rem 0rem 0rem;
}

@media (max-width: 1499px){
	
	#advantages{
		background-size: 991px 674px;
	}
}

@media (max-width: 1199px){
	
	#advantages .sub-title{
		background: url(../images/green-angle-bg-3.png) no-repeat center 0/contain;
		font-size: 21px;
		padding: 5px 10px;
		text-align: center;
		flex-direction: column;
	}
	
	#advantage-2 .container {
		padding: 2rem 15px;
	}
	
	#advantages{
		position: relative;
	}
	
	#advantages:before{
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		z-index: 1;
	}
	
	#advantage-1{
		position: relative;
	}
	
	#advantage-1:before{
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
		z-index: 1;
	}
	
	#advantages .title {
		font-size: 34px;
	}
	
	#advantages .row,
	#advantage-1 .row{
		position: relative;
		z-index: 2;
	}
}

@media (max-width: 991px){
	
	#advantages {
		padding: 16rem 0rem 2rem;
	}
	
	#advantages .title {
		font-size: 28px;
		text-align: center;
	}
	
	#advantages .btn {
		display: table;
		margin: 0px auto;
		width: 300px;
	}
	
	#advantage-1 .container {
		padding: 2rem 15px 0rem;
	}
	
	#advantage-2 .container {
		padding: 2rem 15px;
	}
	
	#advantage-2 .btn {
		display: table;
		margin: 0 auto;
	}
	
}

@media (min-width: 768px) and (max-width: 1199px){
	
	#advantage-2{
		padding-bottom: 3rem;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	#advantages {
		padding: 30rem 0rem 2rem;
	}
}

@media screen and (max-width: 767px){
	
	#advantages{
		padding: 2rem 0rem;
	}
	
	#advantages .sub-title{
		font-size: 18px;
    	padding: 5px 10px;
	}
	
	#advantage-1{
		overflow: hidden;
	}
	
	#advantage-1 .container{
		padding-top: 1rem;
	}
	
	#advantages .row, #advantage-1 .row{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 567px){
	
	#advantage-2 .title{
		margin-top: 30px;
	}
	
	#advantage-2 .btn {
    	display: table;
    	margin: 20px auto 0px;
	}

}

/****/

#testimonials-2{
	background: url(../images/shirtless-man-product.jpg) no-repeat 0 center;
	padding: 4rem 0rem;
}

#testimonials-2 .row{
	padding: 2rem 0rem;
}

#testimonials-2 .header{
	position: relative;
	margin-bottom: 4rem;
	text-align: center;
}

#testimonials-2 .header h2{
	font-size: 44px;
	font-weight: 800;
	margin-bottom: 20px;
}

#testimonials-2 .header .highlight{
    color: #265d10;
    font-size: 26px;
    font-weight: 800;
	line-height: 1.4em;
}

#testimonials-2 .green-bg{
	background: #d2f3c1;
	border-radius: 10px;
	padding: 20px;
	position: relative;
}

#testimonials-2 .green-bg:after {
	top: 100%;
	left: 10%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(210, 243, 193, 0);
	border-top-color: #d2f3c1;
	border-width: 15px;
	margin-left: -15px;
}

#testimonials-2 .title{
	font-family: 'PT Serif', serif;
	font-size: 32px;
	font-style: italic;
	text-align: left;
	margin-bottom: 20px;
	position: relative;
}

#testimonials-2 .title:before {
    content: "";
    background: url(../images/grey-quotes.png) no-repeat 0 0;
    background-size: cover;
    width: 21px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: -30px;
    left: -20px;
}

#testimonials-2 .green-bg .title{
	font-size: 28px;
}

#testimonials-2 .testimonial-name{
	font-size: 15px;
	font-weight: 700;
	margin: 25px 0px 0px;
}

@media (min-width: 992px) and (max-width: 1199px){
	
	#testimonials-2{
		background-position: -105px center;
	}
	
}

@media (min-width: 768px) and (max-width: 1199px){
	
	#testimonials-2{
		position: relative;
	}
	
	#testimonials-2:before{
		content: "";
		background: rgba(255,255,255,0.5);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	#testimonials-2 .container{
		position: relative;
		z-index: 2;
	}

	#testimonials-2 .row {
		padding-bottom: 0;
	}
	
}

@media (min-width: 768px){
	
	#testimonials-2 .title {
		position: relative;
	}
	
	#testimonials-2 .title:before {
		top: -45px;
		left: -50px;
		height: 46px;
		width: 53px;
	}
	
}

@media (max-width: 991px){
	
	#testimonials-2{
		background: none;
		padding: 2rem 0rem 2rem;
	}
	
	#testimonials-2 .header{
		margin-bottom: 1rem;
	}
	
	#testimonials-2 .header h2 {
		font-size: 30px;
		font-weight: 800;
		margin-bottom: 10px;
	}
	
	#testimonials-2 .header .highlight {
		font-size: 20px;
	}
	
	#testimonials-2 .title{
		font-size: 20px;
		line-height: 1.4em;
	}
	
	#testimonials-2 .title:before {
		width: 30px;
		height: 25px;
		top: -35px;
		left: 8px;
	}
	
	
	#testimonials-2 .container > img {
		margin: 0px auto 10px;
		max-width: none;
		width: 466px;
	}
	
	#testimonials-2 .row img{
		margin-bottom: 20px;
	}

	#testimonials-2 .row {
		padding: 1rem 0rem 1rem;
	}

}

/**/

/* Custom CSS for Masonry Layout */
.masonry-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px; /* adjust the negative margin to account for the gutter */
}

.masonry-item {
	margin-bottom: 50px;
	padding-left: 15px; /* adjust the padding to create the gutter */
	box-sizing: border-box;
}

.trust-pilot{
	padding: 0px 0px 20px 0px;
}

.trust-pilot .header{
	margin-bottom: 10px;
	text-align: center;
}

.trust-pilot .title{
	font-size: 46px;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 15px;
}

.trust-pilot .title strong {
    font-weight: 800;
}

.trust-pilot .header img{
	display: block;
	margin: 0px auto 50px auto;
}

.trust-pilot blockquote{
	background: #d2f3c1;
	border-radius: 30px;
	margin: 0px 5px 15px 5px;
	padding: 30px 30px 30px 30px;
	position: relative;
}

.trust-pilot blockquote:before{
	content: "";
	background: url(../images/tp-quote.png) no-repeat 0 0/cover;
	height: 51px;
	width: 60px;
	position: absolute;
	top: -27px;
	left: 0px;
}

.trust-pilot blockquote h3{
	font-family: 'PT Serif', serif;
	font-size: 28px;
    font-style: italic;
    text-align: left;
	line-height: 1.5em;
    margin-bottom: 10px;
}

.trust-pilot cite{
	font-size: 18px;
	font-style: normal;
}

.trust-pilot .tp-stars{
	margin-bottom: 20px;
}

.trust-pilot .vb{
	float: right;
	margin-top: 5px;
}

.trust-pilot .shop-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
}

.trust-pilot .shop-btn > a {
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 285px;
}

.trust-pilot .shop-btn small {
    
}

.trust-pilot .fans {
	background: rgb(218,230,235);
	background: linear-gradient(180deg, rgba(218,230,235,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	padding: 40px 0px 40px 0px;
	position: relative;
}

.trust-pilot .fans .d-flex{
	flex-wrap: wrap;
}

.trust-pilot .fans .container > h3{
	font-size: 44px;
}

.trust-pilot .fans .container > h3 strong{

}

.trust-pilot .fans .container > h4{
	font-size: 40px;
	font-style: italic;
	margin-bottom: 40px;
}

.trust-pilot .fans .container > h4 > a{
	font-size: 22px;
	font-style: normal;
	margin-left: 15px;
	width: 260px;
}

.trust-pilot .fans .container > h3,
.trust-pilot .fans .container > h4{
	text-align: center;
}

.trust-pilot .fans img{
    display: block;
	align-self: flex-start;
    margin: 5px;
    width: calc(20% - 10px);
}

@media (min-width: 992px) and (max-width: 1199px){
	
	.trust-pilot .title {
		font-size: 36px;
		margin-bottom: 10px;
	}

	.trust-pilot blockquote h3 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	
	.trust-pilot blockquote:before {
		height: 45px;
		width: 54px;
		top: -24px;
	}
	
}

@media screen and (min-width: 767px) and (max-width: 991px){

	.trust-pilot .fans{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	.trust-pilot .fans .container > h3{
		font-size: 38px;
		margin-bottom: 20px;
	}

	.trust-pilot .fans .container > h4{
		font-size: 32px;
		margin-bottom: 30px;
	}

    .trust-pilot .fans .container > h4 > a {
        font-size: 22px;
        margin-top: 0px;
        margin-left: 15px;
		padding: 20px 15px;
        width: 250px;
    }
	
	.trust-pilot .fans img {
		width: calc(33% - 10px);
		position: relative;
		z-index: 2;
	}
	
	.trust-pilot .fans img:nth-child(7), .trust-pilot .fans img:nth-child(9){
		margin-left: 3%;
	}
	
	.trust-pilot .fans .d-flex{
		justify-content: center;
		position: relative;
		padding: 20px 0px 0px 0px;
	}
	
	.trust-pilot .fans .d-flex:before{
		content: "";
		background: #1a1a1a;
		position: absolute;
		top: 0px;
		left: -15px;
		height: 87%;
		width: calc(100% + 30px);
		z-index: 1;
	}
	
}

@media screen and (max-width: 767px){
	
	.masonry-grid.slick-slider {
		max-width: 100%;
		overflow: hidden;
	}

	.masonry-item{
		margin-bottom: 30px;
		padding: 0px;
	}
	
	.trust-pilot{
		padding-top: 0px;
		padding-bottom: 30px;
	}
	
	.trust-pilot .title {
		font-size: 32px;
		margin-bottom: 10px;
		max-width: 320px;
	}
	
	.trust-pilot blockquote{
		margin-bottom: 10px;
		padding: 30px 20px 30px 20px;
	}
	
	.trust-pilot blockquote:before{
		display: none;
	}
	
	.trust-pilot blockquote h3{
		font-size: 21px;
		text-align: left;
	}
	
	.trust-pilot p{
		display: -webkit-box;
		line-height: 1.3em;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
	}
	
	.trust-pilot .vb{
		position: relative;
		top: 5px;
	}
	
	.trust-pilot .tp-stars{
		width: 100px;
	}
	
	.trust-pilot .slick-dots{
		bottom: 0;
	}
	
	.trust-pilot .slick-dots li button{
		border: solid 1px #a1a1a1;
	}
	
	.trust-pilot .slick-dots li button{
		background: transparent;
	}
	
	.trust-pilot .slick-dots li.slick-active button {
		background: #b3b3b3;
	}
	
	.trust-pilot cite {
		font-size: 16px;
		font-style: normal;
		text-transform: uppercase;
	}
	
	.trust-pilot .fans{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	.trust-pilot .fans .container > h3{
		font-size: 32px;
		margin-bottom: 0px;
	}

	.trust-pilot .fans .container > h3 strong{
		display: block;
	}

	.trust-pilot .fans .container > h4{
		font-size: 28px;
		margin-bottom: 30px;
	}

    .trust-pilot .fans .container > h4 > a {
        font-size: 19px;
        margin-top: 20px;
        margin-left: 15px;
		padding: 15px;
        width: 250px;
    }
	
	.trust-pilot .fans img {
		width: calc(33% - 10px);
		position: relative;
		z-index: 2;
	}
	
	.trust-pilot .fans img:nth-child(7), .trust-pilot .fans img:nth-child(9){
		margin-left: 3%;
	}
	
	.trust-pilot .fans .d-flex{
		justify-content: center;
		position: relative;
		padding: 20px 0px 0px 0px;
	}
	
	.trust-pilot .fans .d-flex:before{
		content: "";
		background: #1a1a1a;
		position: absolute;
		top: 0px;
		left: -15px;
		height: 87%;
		width: calc(100% + 30px);
		z-index: 1;
	}
}

/**/