/*
Theme Name: Bontera
Author: ALG
Author URI: http://www.algagency.com
Description: Custom theme developed by ALG
Version: 1.0
Text Domain: bontera
Domain Path: /languages/
*/

/*
font-family: 'Avenir LT W01 35 Light', sans-serif;
font-family: 'Avenir LT W01 45 Book', sans-serif;
font-family: 'AvenirLTW01-35LightObli', sans-serif;
font-family: 'AvenirLTW01-45BookObliq', sans-serif;
font-family: 'Avenir LT W01 65 Medium', sans-serif;
font-family: 'AvenirLTW01-65MediumObl', sans-serif;
font-family: 'Avenir LT W01 85 Heavy', sans-serif;
font-family: 'AvenirLTW01-85HeavyObli', sans-serif;
*/

body {
	font-family: 'Avenir LT W01 45 Book', sans-serif;
}
.highlight-green {
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	color: #7A9C49;
}
header.site {
	
	margin-top: 20px;
	margin-bottom: 20px;
}
h1.headline-our-products {
	max-width: 820px;	
	margin: 0 auto!important;
}
h1.headline-how-it-works {
	max-width: 725px;	
	margin: 0 auto!important;
}

header.site .contact-sections {
	width: 183px;
	margin-top: 12px;
}
header.site .contact-sections .contact-section:hover {
	color: #4E4128;
}
header.site .contact-sections .contact-section .icon:hover {

}
header.site .contact-sections .contact-section {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #799c49;
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	font-size: 15px;
}

header.site .contact-sections .contact-section .icon {
	height: 36px;
	margin: 0 auto;
}

header.site .contact-sections .contact-section.email .icon {
	width: 36px;
}

header.site .contact-sections .contact-section.question .icon {
	width: 17px;
}

nav.site {
	background-color: #F0F0DD;
	font-family: 'Avenir LT W01 35 Light', sans-serif;
	font-size: 15px;
}

nav.site > div {
	text-align: center;
}

nav.site > div > ul.menu {
	list-style: none outside;
	margin-bottom: -6px;
	padding-left: 0;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

nav.site > div > ul.menu:before,
nav.site > div > ul.menu:after {
	display: table;
	content: " ";
}
nav.site > div > ul.menu:after {
	clear: both;
}

nav.site > div > ul.menu > li {
	float: left;
	position: relative;
}

nav.site > div > ul.menu > li > a {
	padding: 21px 16px 20px 16px;
	color: #6d6e71;
	text-decoration: none;
	display: block;
}
nav.site > div > ul.menu > li.current-menu-item > a,
nav.site > div > ul.menu > li > a:hover {
	color: #7a9c49;
}
/* Responsive Menu Overrides */
#responsive-menu {
	background-color: #F0F0DD!important;	
}




/* End Responsive Menu */


/* Products */

.flex {
	display: flex;
	justify-content: space-between;
	padding: 0 0 30px 0;
	flex-flow: column;
}
.flex .image IMG {
	width: 360px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
@media (min-width: 750px) {
	.flex {
		flex-flow: row;
	}
	.flex .image {
		width: 26%;
	}
	.flex .details {
		width: 70%;
	}

}




footer.site > .section-1 {
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}

footer.site > .section-1 .content {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

footer.site > .section-1 .section-1 {
	background-color: #afc391;
	height: 265px;
	padding: 0;
}
footer.site > .section-1 .section-2 {
	background-color: #83a159;
	height: 265px;
	padding: 0;
}
footer.site > .section-1 .section-3 {
	background-color: #668e38;
	height: 265px;
	padding: 0;
}
footer.site > .section-1 .content.learn:hover {
	background-color: #4E4128;
}
footer.site > .section-1 .content.learn {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	line-height: 120%;
	padding-top: 38px;
}

footer.site > .section-1 .content.learn img {
	display: block;
	width: 71px;
	height: 70px;
	margin: 0 auto 30px auto;
}
footer.site > .section-1 .content.learn-get:hover {
	background-color: #4E4128;
}
footer.site > .section-1 .content.learn-get {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	line-height: 120%;
	padding-top: 48px;
}

footer.site > .section-1 .content.learn-get img {
	display: block;
	width: 73px;
	height: 70px;
	margin: 0 auto 21px auto;
}
footer.site > .section-1 .content.philosophy:hover {
	background-color: #4E4128;
}
footer.site > .section-1 .content.philosophy {
	width: 100%;
height: 100%;
	margin: 0 auto;
	line-height: 120%;
	padding-top: 58px;
}

footer.site > .section-1 .content.philosophy img {
	display: block;
	width: 60px;
	height: 72px;
	margin: 0 auto 20px auto;
}
footer.site > .section-1 .content.faq:hover {
	background-color: #4E4128;
}
footer.site > .section-1 .content.faq {
	width: 100%;
height: 100%;
	margin: 0 auto;
	line-height: 120%;
	padding-top: 47px;
}

footer.site > .section-1 .content.faq img {
	display: block;
	width: 97px;
	height: 67px;
	margin: 0 auto 24px auto;
}
footer.site > .section-1 .content.our-products:hover {
	background-color: #4E4128;
}
footer.site > .section-1 .content.our-products {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	line-height: 120%;
	padding-top: 47px;
}

footer.site > .section-1 .content.our-products img {
	display: block;
	width: 76px;
	height: 64px;
	margin: 0 auto 29px auto;
}

footer.site > .section-1 .content.download-our-brochure:hover {
	background-color: #4E4128;
}
footer.site > .section-1 .content.download-our-brochure {
	width: 100%;
height: 100%;
	margin: 0 auto;
	line-height: 120%;
	padding-top: 57px;
}

footer.site > .section-1 .content.download-our-brochure img {
	display: block;
	width: 97px;
	height: 56px;
	margin: 0 auto 29px auto;
}
footer.site > .section-1 .content.microbes:hover {
	background-color: #4E4128;
}
footer.site > .section-1 .content.microbes {
	width: 100%;
height: 100%;
	margin: 0 auto;
	line-height: 120%;
	padding-top: 60px;
}

footer.site > .section-1 .content.microbes img {
	display: block;
	width: 89px;
	height: 46px;
	margin: 8px auto 26px auto;
}

footer.site > .section-2 {
	padding-top: 82px;
	padding-bottom: 82px;
}

footer.site > .section-2 .section {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #799c49;
	font-family: 'Avenir LT W01 65 Medium', sans-serif;
	font-size: 18px;
}
footer.site > .section-2 .section:hover {
	color: #4E4128;
}


footer.site > .section-2 .section .icon {
	height: 62px;
	margin: 0 auto;
}
footer.site > .section-2 .section .icon:hover {

}
footer.site > .section-2 .email {
	padding-right: 26px;
}

footer.site > .section-2 .email .section {
	margin-top: 10px;
}

footer.site > .section-2 .email .section .icon {
	width: 65px;
}
footer.site > .section-2 .question {
	padding-left: 70px;
}

footer.site > .section-2 .question .section {
	margin-top: 10px;
}

footer.site > .section-2 .question .section .icon {
	width: 29px;
}

footer.site > .section-2 .divider {
	text-align: center;
}

footer.site {
	color: #FFFFFF;
	font-size: 16px;
}

footer.site > nav {
	background-color: #e6e0b8;
	font-family: 'Avenir LT W01 35 Light', sans-serif;
	font-size: 15px;
}

footer.site > nav > div {
	text-align: center;
}

footer.site > nav > div > ul.menu {
	list-style: none outside;
	margin-bottom: -6px;
	padding-left: 0;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

footer.site > nav > div > ul.menu:before,
footer.site > nav > div > ul.menu:after {
	display: table;
	content: " ";
}
footer.site > nav > div > ul.menu:after {
	clear: both;
}

footer.site > nav > div > ul.menu > li {
	float: left;
	position: relative;
	background: transparent url('images/footer-nav-divider.jpg') no-repeat right center;
}
footer.site > nav > div > ul.menu > li:last-child {
	background: none;
}

footer.site > nav > div > ul.menu > li > a {
	padding: 41px 16px 40px 16px;
	color: #6d6e71;
	text-decoration: none;
	display: block;
}
footer.site > nav > div > ul.menu > li.current-menu-item > a,
footer.site > nav > div > ul.menu > li > a:hover {
	color: #7a9c49;
}

footer.site > .copyright {
	background-color: #4c6562;
	color: #FFFFFF;
	text-align: center;
	padding: 50px 0 35px 0;
}
.copyright a {
	color: #FFFFFF;
	text-decoration: none;
}
.copyright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Bottom navigation elements */
footer.site > div.bottom-mid-nav:after {
	clear: both;
	display: table;
	content: " ";
}
footer.site > div.bottom-mid-nav ul {
	margin: 0; padding: 0; width: 100%;
}
footer.site > div.bottom-mid-nav ul li {
	float: left;
	width: 33.333%;
	list-style-type: none;
	background-color: #afc391;
	min-height: 265px;
	background-repeat: no-repeat;
	background-position: center 30%;
}
footer.site > div.bottom-mid-nav ul li a {
	display: block;
	width: 100%;
	height: 265px;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 600;
}
footer.site > div.bottom-mid-nav ul li a:hover {
	text-decoration: none;
}
footer.site > div.bottom-mid-nav ul li a span {
	display: block;
	max-width: 118px;
	margin: 0 auto;
	padding: 140px 0 0 0;
}
footer.site > div.bottom-mid-nav ul li:nth-child(1) {
	background-image: url("images/home-section-4-section-2-products.png");
}
footer.site > div.bottom-mid-nav ul li:nth-child(2) {
	background-image: url("images/home-section-4-section-2.png");
}
footer.site > div.bottom-mid-nav ul li:nth-child(3) {
	background-image: url("images/home-section-4-section-1.png");
}
footer.site > div.bottom-mid-nav ul li:nth-child(4) {
	background-image: url("images/home-section-4-section-3-microbes.png");
}
footer.site > div.bottom-mid-nav ul li:nth-child(5) {
	background-image: url("images/home-section-4-section-1-faq.png");
}
footer.site > div.bottom-mid-nav ul li:nth-child(6) {
	background-image: url("images/home-section-4-section-3.png");
}
footer.site > div.bottom-mid-nav ul li:hover {
	background-color: #4e4128!important;
}


/* Bottom footer navigation elements */
footer.site > div.bottom-nav-main {
	background-color: #FFFFFF;
}
footer.site > div.bottom-nav-main > div.bottom-nav {
	max-width: 720px;
	margin: 0 auto;
	padding: 30px 0;
}
footer.site > div.bottom-nav-main > div.bottom-nav:after {
	clear: both;
	display: table;
	content: " ";
}
footer.site > div.bottom-nav-main > div.bottom-nav ul {
	margin: 0; padding: 0; width: 100%;
}
footer.site > div.bottom-nav-main > div.bottom-nav ul li {
	float: left;
	width: 50%;
	list-style-type: none;
	min-height: 115px;
	background-repeat: no-repeat;
	background-position: center 30%;
}
footer.site > div.bottom-nav-main > div.bottom-nav ul li a {
	display: block;
	width: 100%;
	height: 115px;
	text-align: center;
	color: #799c49;
	font-size: 20px;
	font-weight: 600;
}
footer.site > div.bottom-nav-main > div.bottom-nav ul li a span {
	display: block;
	margin: 0 auto;
	padding: 80px 0 0 0;
}
footer.site > div.bottom-nav-main > div.bottom-nav ul li a:hover {
	text-decoration: none;
	color: #4E4128;
}
footer.site > div.bottom-nav-main > div.bottom-nav ul li:nth-child(1) {
	background-image: url("images/icon-email-large.png");
	border-right: 6px solid #ebe5c6;
}
footer.site > div.bottom-nav-main > div.bottom-nav ul li:nth-child(2) {
	background-image: url("images/icon-question-large.png");
}

/* Header top navigation elements */
div.header-nav-main {
	background-color: #FFFFFF;
}
div.header-nav-main > div.header-nav {
	width: 283px;
	margin: 0 auto;
	float: right;
}
div.header-nav-main > div.header-nav:after {
	clear: both;
	display: table;
	content: " ";
}
div.header-nav-main > div.header-nav ul {
	margin: 0; padding: 0; width: 100%;
}
div.header-nav-main > div.header-nav ul li {
	float: left;
	width: 50%;
	list-style-type: none;
	min-height: 75px;
	background-repeat: no-repeat;
	background-position: center 30%;
}
div.header-nav-main > div.header-nav ul li a {
	display: block;
	width: 100%;
	height: 75px;
	text-align: center;
	color: #799c49;
	font-size: 14px;
	font-weight: 600;
}
div.header-nav-main > div.header-nav ul li a span {
	display: block;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
div.header-nav-main > div.header-nav ul li a:hover {
	text-decoration: none;
	color: #4E4128;
}
div.header-nav-main > div.header-nav ul li:nth-child(1) {
	background-image: url("images/icon-email.png");
	border-right: 2px solid #ebe5c6;
	width: 60%;
}
div.header-nav-main > div.header-nav ul li:nth-child(2) {
	background-image: url("images/icon-question.png");
	width: 40%;
}

.container-fluid {
	max-width: 1133px;
	position: relative;
}

.subpage-content {
	position: relative;
}

.subpage-content h1 {
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
}

.subpage-content h2 {
	font-size: 24px;
	color: #7a9c49;
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
}

.subpage-content .subpage-banner {
	position: relative;
	z-index: 2;
}

.subpage-content .subpage-content-wp {
	background: transparent url('images/subpage-default-back.png') no-repeat;
	position: relative;
	z-index: 1;
	font-family: 'Avenir LT W01 45 Book', sans-serif;
	font-size: 18px;
}

/* Homepage */
.home-section-1 {
	height: 646px;
	background: transparent url('images/home-section-1.png') no-repeat;
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	padding-top: 20%;
	color: #FFFFFF;
	font-size: 21px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000000;
	letter-spacing: 2px;
	text-align: center;
	z-index: 2;
	position: relative;
}

.home-section-1 .home-section-1-text {
	margin-top: 10px;
}

.home-section-1 .home-section-1-text img {
	width: 100%;
	height: auto;
	max-width: 855px;
	margin: 0 auto;
}

.home-section-2 {
	height: 590px;
	background: transparent url('images/home-section-2.png') no-repeat;
	font-family: 'Avenir LT W01 45 Book', sans-serif;
	font-size: 18px;
	padding-top: 75px;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #000000;
	text-align: center;
	margin-top: -22px;
	z-index: 1;
	position: relative;
}

.home-section-2 .section-1 {
	width: 69%;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	line-height: 170%;
}

.home-section-2 .section-2 {
	width: 72%;
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	color: #d8ce8d;
	font-size: 33px;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	line-height: 140%;
}

.home-section-2 .section-3 {
	width: 74%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	line-height: 170%;
}

.home-section-2 .section-4 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	line-height: 170%;
}

.home-section-3 {
	height: 260px;
	background: transparent url('images/home-section-3.png') no-repeat;
	padding-top: 80px;
	text-align: center;
}

.home-section-3 .section-1 {
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	font-size: 21px;
	text-transform: uppercase;
	color: #4d4129;
	margin-bottom: 25px;
}

.home-section-3 .section-2 {
	font-family: 'Avenir LT W01 45 Book', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #000000;
	margin-bottom: 50px;
}

.home-section-3 .section-2 .bullet {
	color: #7a9c49;
	padding: 0 10px;
}

.home-section-3 .section-2 p {
	margin-bottom: 0;
}

.home-section-3 .section-3 {
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	color: #7a9c49;
	font-size: 33px;
	margin-bottom: 45px;
	margin-left: auto;
	margin-right: auto;
	width: 68%;
	line-height: 130%;
}

.home-section-3 .section-4 {
	font-family: 'Avenir LT W01 45 Book', sans-serif;
	color: #000000;
	font-size: 18px;
	width: 73%;
	margin-left: auto;
	margin-right: auto;
}

/* FAQs subpage */
.subpage-faqs {
	background-color: #e6e0b8;
	color: #000000;
}

.subpage-faqs .subpage-banner {
	background: transparent url('images/header-faq.png') no-repeat;
	height: 670px;
}

.subpage-faqs .subpage-banner h1 {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #666666;
	text-align: center;
	padding-top: 251px;
	margin: 0;
	font-size: 48px;
}

.subpage-faqs .subpage-content-wp {
	margin-top: -65px;
	height: 1022px;
	padding: 100px 166px 0 166px;
	text-align: center;
}

.subpage-faqs .subpage-content-wp h2 {
	margin-bottom: 10px;
}

.subpage-faqs .subpage-content-wp h2 + p {
	margin-bottom: 50px;
}

/* How It Works subpage */
.subpage-how-it-works {
	background-color: #e6e0b8;
	color: #000000;
}

.subpage-how-it-works .subpage-banner {
	background: transparent url('images/header-how-it-works.png') no-repeat;
	height: 670px;
	padding: 0 30px;
}

.subpage-how-it-works .subpage-banner p {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #333333;
	text-align: center;
	padding-top: 230px;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	letter-spacing: 2px;

}
.subpage-how-it-works .subpage-banner h1 {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #666666;
	text-align: center;
	margin: 0;
	font-size: 48px;
}

.subpage-how-it-works .subpage-content-wp {
	margin-top: -65px;
	padding: 100px 126px 30px 126px;
}

.subpage-how-it-works .subpage-content-wp h2 {
	margin-bottom: 10px;
}

.subpage-how-it-works .subpage-content-wp p {
	margin-bottom: 30px;
}

/* Our Philosophy subpage */
.subpage-our-philosophy {
	background-color: #e6e0b8;
	color: #000000;
}

.subpage-our-philosophy .subpage-banner {
	background: transparent url('images/header-about-us.png') no-repeat;
	height: 667px;
}

.subpage-our-philosophy .subpage-banner h1 {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #666666;
	text-align: center;
	padding-top: 251px;
	margin: 0;
	font-size: 48px;
}

.subpage-our-philosophy .subpage-content-wp {
	margin-top: -65px;
	padding: 0 0 20px 0;
}

.subpage-our-philosophy .subpage-content-wp h2 {
	margin-bottom: 10px;
}

.subpage-our-philosophy .subpage-content-wp p {
	margin-bottom: 30px;
}

.subpage-our-philosophy .subpage-content-wp .quote {
	background-color: #FFFFFF;
	color: #607874;
	font-family: 'AvenirLTW01-65MediumObl', sans-serif;
	font-size: 25px;
	padding: 100px 108px 40px 108px;
	text-align: center;
}

.subpage-our-philosophy .subpage-content-wp .quote p {
	font-size: 21px;
}

.subpage-our-philosophy .subpage-content-wp .regular-content {
	padding: 50px 60px 0 60px;
}

/* News subpage */
.subpage-news {
	background-color: #e6e0b8;
	color: #000000;
}

.subpage-news .subpage-banner {
	background: transparent url('images/header-news.png') no-repeat;
	height: 667px;
}

.subpage-news .subpage-banner h1 {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #666666;
	text-align: center;
	padding-top: 251px;
	margin: 0;
	font-size: 48px;
}

.subpage-news .subpage-content-wp {
	margin-top: -65px;
	padding: 0 0 20px 0;
}

.subpage-news .subpage-content-wp h2 {
	margin-bottom: 10px;
}

.subpage-news .subpage-content-wp h3 {
	margin: 15px 0 8px 0;
	font-family: 'AvenirLTW01-65MediumObl', sans-serif;
	font-size: 18px;
}

.subpage-news .subpage-content-wp p {
	margin-bottom: 40px;
}

.subpage-news .subpage-content-wp p > a {
	color: #7a9c49;
	text-decoration: underline;
	font-style: italic;
}

.subpage-news .subpage-content-wp .quote {
	background-color: #FFFFFF;
	color: #4d4129;
	font-family: 'Avenir LT W01 65 Medium', sans-serif;
	font-size: 21px;
	padding: 100px 108px 40px 108px;
	text-align: center;
	text-transform: uppercase;
}

.subpage-news .subpage-content-wp .quote p {
	font-size: 21px;
}

.subpage-news .subpage-content-wp .regular-content {
	padding: 50px 60px 0 60px;
}

/* Brochure subpage */
.subpage-brochure {
	color: #000000;
	padding-top: 40px;
	padding-bottom: 50px;
}

.subpage-brochure a {
	color: #7a9c49;
}
.subpage-brochure a:hover {
	color: #668e39;
}

.subpage-brochure h1 {
	font-size: 19px;
	text-align: center;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #4d4129;
}

.subpage-brochure .subpage-content-wp {
	background: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 943px;
}

.subpage-brochure .brochure-list {
	text-align: center;
	margin-top: 40px;
}

.subpage-brochure .brochure-list .brochure-item {
	display: inline-block;
	margin-right: 75px;
	text-align: center;
}

.subpage-brochure .brochure-list .brochure-item:last-child {
	margin-right: 0;
}

.subpage-brochure .brochure-list .brochure-item img {
	display: block;
	margin-bottom: 7px;
}

/* Our Products subpage */
.subpage-our-products {
	background-color: #e6e0b8;
	color: #000000;
}

.subpage-our-products .subpage-banner {
	background: transparent url('https://bontera.com/wp-content/uploads/2021/04/our-products-banner.png') no-repeat;
	height: 667px;
}

.subpage-our-products .subpage-banner p {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #333333;
	text-align: center;
	padding-top: 230px;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	letter-spacing: 2px;

}
.subpage-our-products .subpage-banner h1 {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #666666;
	text-align: center;
	margin: 0;
	font-size: 48px;
}

.subpage-our-products .subpage-content-wp {
	margin-top: -65px;
	padding: 0 0 20px 0;
}

.subpage-our-products .subpage-content-wp h2 {
	margin-bottom: 10px;
}

.subpage-our-products .subpage-content-wp h3 {
	margin: 15px 0 8px 0;
	font-family: 'AvenirLTW01-65MediumObl', sans-serif;
	font-size: 18px;
}

.subpage-our-products .subpage-content-wp p {
	margin-bottom: 25px;
}

.subpage-our-products .subpage-content-wp p > a:not(.button) {
	color: #000000;
	text-decoration: underline;
}

.subpage-our-products .subpage-content-wp .quote {
	background-color: #FFFFFF;
	color: #4d4129;
	font-family: 'Avenir LT W01 65 Medium', sans-serif;
	font-size: 20px;
	padding: 100px 30px 40px 30px;
	text-align: center;
}
.subpage-our-products .subpage-content-wp .quote .header {
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-left: 140px;
	padding-right: 140px;
}
.subpage-our-products .subpage-content-wp .quote p {
	font-size: 17px;
}
.subpage-our-products .subpage-content-wp .quote .bullet {
	padding-left: 4px;
	padding-right: 4px;
	color: #7a9c49;
}

.subpage-our-products .subpage-content-wp .regular-content {
	padding: 50px 60px 0 60px;
}

.subpage-our-products a.button {
	width: 165px;
	background-color: #668e39;
	color: #c7c177;
	text-align: center;
	display: block;
	border-radius: 4px;
	padding: 3px 0;
	max-width: 47%;
	text-decoration: none;
}
.subpage-our-products a.button:hover {
	background-color: #c7c177;
	color: #FFFFFF;
}

/* Trials subpage */
.subpage-trials {
	background-color: #e6e0b8;
	color: #000000;
}

.subpage-trials .subpage-banner {
	background: transparent url('https://bontera.com/wp-content/uploads/2021/04/trials-banner.png') no-repeat;
	height: 667px;
}

.subpage-trials .subpage-banner p {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #333333;
	text-align: center;
	padding-top: 230px;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	letter-spacing: 2px;

}
.subpage-trials .subpage-banner h1 {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #666666;
	text-align: center;
	margin: 0;
	font-size: 48px;
}

.subpage-trials .subpage-content-wp {
	margin-top: -35px;
	padding: 0 0 20px 0;
}

.subpage-trials .subpage-content-wp h2 {
	margin-bottom: 10px;
}

.subpage-trials .subpage-content-wp h3 {
	margin: 15px 0 8px 0;
	font-family: 'AvenirLTW01-65MediumObl', sans-serif;
	font-size: 18px;
}

.subpage-trials .subpage-content-wp p {
	margin-bottom: 25px;
}

.subpage-trials .subpage-content-wp p > a {
	color: #000000;
	text-decoration: underline;
}

.subpage-trials .subpage-content-wp .quote {
	background-color: #FFFFFF;
	color: #4d4129;
	font-family: 'Avenir LT W01 65 Medium', sans-serif;
	font-size: 20px;
	padding: 100px 30px 40px 30px;
	text-align: center;
}
.subpage-trials .subpage-content-wp .quote .header {
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-left: 140px;
	padding-right: 140px;
}
.subpage-trials .subpage-content-wp .quote p {
	font-size: 17px;
}
.subpage-trials .subpage-content-wp .quote .bullet {
	padding-left: 4px;
	padding-right: 4px;
	color: #7a9c49;
}

.subpage-trials .subpage-content-wp .regular-content {
	padding: 50px 60px 0 60px;
}

/* Contact Us Subpage */
.subpage-contact-us {
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 90px;
}

.subpage-contact-us h1 {
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
}

.subpage-contact-us .subpage-content-wp {
	padding: 0 20px 80px 20px;
	background: #FFFFFF;
	text-align: center;
}

.subpage-contact-us .subpage-content-wp h2 {
	margin-bottom: 10px;
}

.subpage-contact-us .subpage-content-wp p {
	margin-bottom: 50px;
}

.subpage-contact-us .subpage-content-wp form#contact-us .form-row,
.subpage-contact-us .subpage-content-wp form#contact-us input[type="text"],
.subpage-contact-us .subpage-content-wp form#contact-us textarea,
.subpage-contact-us .subpage-content-wp form#contact-us img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.subpage-contact-us .subpage-content-wp form#contact-us input[type="text"],
.subpage-contact-us .subpage-content-wp form#contact-us textarea {
	border: 1px solid #c9c9c9;
	padding: 4px 6px;
	width: 100%;
	-webkit-appearance: none;
	font-size: 16px;
	font-family: Arial, sans-serif;
}

.subpage-contact-us .subpage-content-wp form#contact-us textarea {
	height: 100%;
}

.subpage-contact-us .subpage-content-wp form#contact-us input[type="text"][name="Captcha"] {
	width: 50%;
}

.subpage-contact-us .subpage-content-wp form#contact-us .col-sm-6 {
	padding-left: 10px;
	padding-right: 10px;
	height: 200px;
}

.subpage-contact-us .subpage-content-wp form#contact-us .row {
	margin-bottom: 15px;
}

.subpage-contact-us .subpage-content-wp form#contact-us .form-row {
	margin: 0 auto 10px auto;
	/*width: 100%;*/
}
.subpage-contact-us .subpage-content-wp form#contact-us .form-row.question {
	height: 100%;
}

.subpage-contact-us .subpage-content-wp form#contact-us input[type="submit"] {
	display: inline-block;
	margin: 10px auto 0 auto;
	-webkit-appearance: none;
	border: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #cdc67a;
	font-family: 'Avenir LT W01 65 Medium', sans-serif;
	/*font-family: 'Avenir LT W01 85 Heavy', sans-serif;*/
	font-size: 16px;
	padding: 7px 30px 7px 30px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #607775;
}
.subpage-contact-us .subpage-content-wp form#contact-us input[type="submit"]:hover {
	background-color: #4E4128;
	color: #FFFFFF;
}

.subpage-contact-us .subpage-content-wp form#contact-us input[type="text"].error {
	border: 1px solid #DD8888;
	background-color: #FFEEEE;
}

.subpage-contact-us .subpage-content-wp form#contact-us textarea.error {
	border: 1px solid #DD8888;
	background-color: #FFEEEE;
}

.subpage-contact-us .subpage-content-wp form#contact-us label.error {
	display: block;
	color: #AA0000;
	font-weight: 700;
	margin: 0 0 14px 0;
	width: auto;
	text-align: left;
}
.subpage-contact-us .subpage-content-wp form#contact-us label.error[for="Captcha"] {
	text-align: center;
}

.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha {
	width: 70%;
}

.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha img {
	width: 20%;
	display: block;
}

.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha input {
	width: 80%;
	display: block;
}

/* Application Guidelines Subpage */
.subpage-application-guidelines {
	background-color: #FFFFFF;
	color: #000000;
}

.subpage-application-guidelines .subpage-banner {
	background: transparent url('images/header-application-guidelines.png') no-repeat;
	height: 670px;
}

.subpage-application-guidelines .subpage-banner h1 {
	color: #FFFFFF;
	text-shadow: 2px 2px 7px #666666;
	text-align: center;
	padding: 258px 170px 0 170px;
	margin: 0;
	font-size: 48px;
}

.subpage-application-guidelines .subpage-content-wp {
	padding: 20px 0 20px 0;
	background: #FFFFFF;
}

.subpage-application-guidelines .subpage-content-wp .guidelines {
	text-align: center;
	width: 90%;
	margin: 0 auto 45px auto;
}

.subpage-application-guidelines .subpage-content-wp .rates-title {
	background-color: #668e39;
	color: #FFFFFF;
	font-family: 'Avenir LT W01 65 Medium', sans-serif;
	font-size: 22px;
	text-align: center;
	padding: 7px 0 3px 0;
	text-transform: uppercase;
}

.subpage-application-guidelines .subpage-content-wp .application-rates {
	margin: 10px 0 20px 0;
	color: #FFFFFF;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate {
	background-color: #4c6562;
	min-height: 350px;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate:nth-child(4n) {

}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate {
	text-align: center;
	display: block;
	margin-bottom: 6px;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .image {
	height: 120px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.helper { /* This helps center the image vertically in parent div */
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .image > IMG {
	vertical-align: middle;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .link {
	font-family: 'Avenir LT W01 85 Heavy', sans-serif;
	/*font-family: 'Avenir LT W01 65 Medium', sans-serif;*/
	font-size: 24px;
	color: #d8ce8d;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > ul {
	margin: 0 auto;
	padding-left: 15px;
	height: 130px;
	text-align: center;
	max-width: 190px;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > ul > li {
	font-family: 'Avenir LT W01 45 Book', sans-serif;
	font-size: 16px;
}

.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .metric-us-choose {
	margin-bottom: 25px;
	margin-left: 10px;
	margin-right: 10px;
}
.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .metric-us-choose > a {
	width: 105px;
	background-color: #668e39;
	color: #c7c177;
	text-align: center;
	display: block;
	border-radius: 4px;
	padding: 3px 0;
	max-width: 47%;
}
.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .metric-us-choose > a:hover {
	background-color: #c7c177;
	color: #FFFFFF;
}
.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .metric-us-choose > a.metric-box {
	float: left;
}
.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .metric-us-choose > a.us-box {
	float: right;
}





@media(max-width: 1148px) {
	/* Homepage */
	.home-section-1 {
		background-image: url('images/bg-responsive-home.jpg');
		height: auto;
		min-height: 280px;
		padding: 30px 10px;
	}

	.home-section-2 {
		background: #2e1f1c;
		height: auto;
		padding: 30px 10px;
		margin-top: 0;
	}

	.home-section-2 .section-1,
	.home-section-2 .section-2,
	.home-section-2 .section-3 {
		width: auto;
	}

	.home-section-3 {
		background: #e6e0b8;
		height: auto;
		padding: 30px 10px;
	}

	.home-section-3 .section-3,
	.home-section-3 .section-4 {
		width: auto;
	}
	.regular-content {
		padding: 30px!important;	
	}

	/* All subpages */
	.subpage-our-philosophy .subpage-banner h1, .subpage-faqs .subpage-banner h1, .subpage-news .subpage-banner h1, .subpage-contact-us .subpage-banner h1, .subpage-application-guidelines .subpage-banner h1  {
		padding: 110px 0 0 0;
	}
	.subpage-content .subpage-banner {
		height: auto;
		min-height: 280px;
	}

	.subpage-content .subpage-content-wp {
		background: none;
		height: auto;
		padding: 0 0 10px 0;
		text-align: left;
		margin: 0;
	}

	/* FAQs Subpage */
	.subpage-faqs .subpage-banner {
  		background-image: url('images/bg-responsive-faqs.jpg');
 	}
	.subpage-faqs .subpage-content-wp h2 + p {
		margin-bottom: 25px;
	}
	
	/* News Subpage */
	.subpage-news .subpage-banner {
  		background-image: url('images/bg-responsive-news.jpg');
 	}
	.subpage-news .subpage-content-wp h2 + p {
		margin-bottom: 25px;
	}
	.subpage-news .subpage-content-wp .quote {
		padding-top: 31px;	
	}

	/* How It Works Subpage */
	.subpage-how-it-works .subpage-banner {
		background-color: #e6e0b8;
		background-image: url('images/bg-responsive-how-it-works.jpg');
	}
	.subpage-how-it-works .subpage-banner h1 {
		padding: 5px 0 20px 0;
	}

	.subpage-how-it-works .subpage-banner p {
		padding-top: 30px;
	}

	.subpage-how-it-works .subpage-content-wp h2 + p {
		margin-bottom: 25px;
	}
	
	/* Our Products Subpage */
	.subpage-our-products .subpage-banner {
		background-color: #e6e0b8;
		background-image: url('images/bg-responsive-products.jpg');
	}
	.subpage-our-products .subpage-banner h1 {
		padding: 5px 0 20px 0;
	}
	.subpage-our-products .subpage-banner p {
		padding-top: 30px;
	}

	.subpage-our-products .subpage-content-wp h2 + p {
		margin-bottom: 25px;
	}
	.subpage-our-products .subpage-content-wp .quote {
		padding-top: 50px;	
	}

	/* Our Philosophy Subpage */
	.subpage-our-philosophy .subpage-content-wp {
		padding-right: 0;
		padding-left: 0;
	}

	.subpage-our-philosophy .subpage-content-wp .quote {
		padding: 30px 30px 1px 30px;
	}

	/* Contact Us Subpage */
	.subpage-contact-us .subpage-content-wp h2 + p {
		margin-bottom: 25px;
	}

	/* Application Guidelines page */
	.subpage-application-guidelines .subpage-banner {
		background-color: #e6e0b8;
		background-image: url('images/bg-responsive-application-guidelines.jpg');
	}
	.subpage-application-guidelines .subpage-content-wp {
		padding-right: 0;
		padding-left: 0;
	}

	.subpage-application-guidelines .subpage-content-wp .guidelines {
		margin: 0;
		width: auto;
		padding: 10px 30px 20px 30px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate {
		min-height: 245px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > .link {
		margin-bottom: 20px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.spices > .link,
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.tubers > .link {
		margin-bottom: 23px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.tubers > .link,
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.legumes > .link {
		max-width: 100%;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > ul {
		display: none;
	}
	
}

@media(min-width: 991px) and (max-width: 1004px) {
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.legumes > .image {
		padding-top: 15px;
		height: 94px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.legumes > .link {
		line-height: 30px;
	}
}

@media(max-width: 991px) {
	/* Application Guidelines page */
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate:nth-child(4n) {
		border-right-width: 3px;
	}
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate:nth-child(3n) {
		border-right-width: 0;
	}
}

@media(max-width: 842px) {
	nav.site {
		font-size: 13px;
	}

	footer.site > nav {
		font-size: 13px;
	}

	.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha img {
		width: 30%;
	}

	.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha input {
		width: 70%;
	}
	.subpage-brochure .brochure-list .brochure-item {
		width: 50%;
		margin: 5px auto;
	}

	.subpage-brochure .brochure-list .brochure-item:last-child {

	}

	.subpage-brochure .brochure-list .brochure-item img {
		max-width: 100%;
	}
}

@media(min-width: 768px) and (max-width: 775px) {
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.legumes > .image {
		padding-top: 15px;
		height: 94px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.legumes > .link {
		line-height: 30px;
	}
}
@media(max-width: 785px) {
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate {
		min-height: 272px;
	}
}

@media(max-width: 767px) {
	header.site .logo {
		text-align: center;
	}

	header.site .logo a {
		display: inline-block;
	}

	header.site .contact-sections {
		margin: 32px auto 0 auto;
		float: none !important;
	}

	nav.site {
		display: none;
	}

	footer.site > nav {
		display: none;
	}
	footer.site > div.bottom-mid-nav ul li {
		float: none;
		width: 100%;
	}

	/* All subpages */
	.subpage-content .subpage-banner h1 {
		font-size: 34px;
	}
	.regular-content {
		padding: 30px!important;	
	}
	
	/* Our Products */
	.subpage-our-products .subpage-content-wp .quote .header {
		padding-left: 10px;
		padding-right: 10px;	
	}

	/* Application Guidelines page */
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate:nth-child(3n) {
		border-right-width: 3px;
	}
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate:nth-child(2n) {
		border-right-width: 2px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate > a > .link {
		font-size: 22px;
		line-height: 34px;
	}

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.spices > a {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate {
		min-height: 240px;
	}

	/* Contact Us page */
	.subpage-contact-us .subpage-content-wp form#contact-us .form-row {
		width: 100%;
	}

	.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha img {
		width: 20%;
	}

	.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha input {
		width: 80%;
	}
}

@media(min-width: 717px) and (max-width: 767px) {
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.tubers > .image {
		padding-top: 40px;
		height: 122px;
	}
}

@media(max-width: 580px) {
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate {
		min-height: 0;
		float: none;
		width: 100%;
		max-width: 260px;
		margin: 0 auto;
	}
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.spices > a {
		width: 80%;
	}
	.logo {
		max-width: 70%!important;	
	}
}

@media(max-width: 468px) {

	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.spices > a {
		width: 100%;
	}

	.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha img {
		width: 30%;
	}

	.subpage-contact-us .subpage-content-wp form#contact-us .form-row.captcha input {
		width: 70%;
	}
}

@media(min-width: 461px) and (max-width: 531px) {
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate.legumes > .image {
		padding-top: 13px;
		height: 86px;
		line-height: 29px;
	}
}

@media(max-width: 460px) {
	.subpage-application-guidelines .subpage-content-wp .application-rates .application-rate {
		min-height: 267px;
	}
}

@media(max-width: 390px) {
	header.site .logo {
		text-align: left;	
	}
	.logo IMG {
		max-width: 70%!important;	
	}
}