html,
body,
p {
	font-family: 'Roboto', sans-serif !important
}

.custom-background {
	background-position: bottom !important;
	background-size: 100% auto !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important
}

header#masthead {
	background: #fff;
	box-shadow: none !important;
	border-bottom: none !important;
	padding: 0px 1rem !important
}

header#masthead > .container {
	background: url("img/waben.jpg") no-repeat bottom left !important;
	background-size: auto 100% !important;
}

header#masthead .navbar-nav > li a {
	color: #346118 !important
}

header#masthead .navbar-nav > li a:focus {
	outline: none;
	color: #a4b000 !important
}

header#masthead .navbar-nav > li:hover > a {
	color: #a4b000 !important;
	font-weight: 500 !important
}

header#masthead .navbar-nav > li:hover > a:focus {
	outline: none;
	color: #a4b000 !important
}

.page-content {
	margin: 0 0 0 !important
}

.page-content .carousel-caption-wrapper .carousel-caption {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	padding: 15px
}

.page-content .carousel-caption-wrapper .carousel-caption h1 {
	font-size: 44px;
	font-weight: 400;
	margin-top: 0;
	padding-top: 0
}

.page-content .carousel-caption-wrapper .carousel-caption.dark {
	background: rgba(0, 0, 0, 0.4)
}

#page-sub-header {
	padding-top: 30px !important
}

#page-sub-header p {
	max-width: 100% !important
}

#page-sub-header h1 {
	color: #346118;
	margin-bottom: 30px !important;
	font-size: 60px !important;
	font-weight: 400
}

.single-product {
	background: #e7f2d3;
	position: relative;
	padding: 20px;
	margin-bottom: 30px
}

.single-product:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 66px 130px 0 0;
	border-color: #fff transparent transparent transparent
}

.single-product article.category-3 {
	margin-bottom: 0 !important
}

.single-product .post-thumbnail {
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	background: #346118;
	padding: 2px
}

.single-product .post-thumbnail img {
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
}

.single-product .entry-title {
	font-size: 36px;
	padding-top: 50px;
	color: #a4b000;
	text-align: center;
	display: block;
	position: relative
}

.single-product .entry-title:before {
	content: '';
	display: block;
	position: absolute;
	height: 2px;
	background: #346118;
	left: -30px;
	width: 100%;
	top: 96px
}

.single-product p,
.single-product ul,
.single-product ol {
	color: #346118
}

.single-product h4 {
	color: #a4b000;
	font-weight: normal
}

.single-product .vc_tta-color-vista-blue.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
	background-color: rgba(164, 176, 0, 0.6) !important
}

.single-product .vc_tta-color-vista-blue.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #a4b000 !important
}

.hexagon {
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	background-color: #a4b000;
	background-size: cover;
	padding: 2px;
	background-repeat: no-repeat;
	background-position: center
}

.hexagon figure {
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
}

.navbar-light .navbar-brand img {
	opacity: 0;
	visibility: hidden;
}

.navbar-brand > a {
	display: block;
}

.hexagon-stick {
	margin-top: -140px;
	padding-top: 120px;
	background: #a4b000;
	position: static
}

.vc_btn3.vc_btn3-color-green,
.vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
	background-color: #346118;
	border: none !important
}

.btn-success {
	background-color: #a4b000;
	border-color: #a4b000
}

.btn-success:hover {
	background-color: #346118;
	border-color: #346118
}

.form-control:focus {
	border-color: rgba(164, 176, 0, 0.8);
	box-shadow: 0 0 0 0.2rem rgba(164, 176, 0, 0.25)
}

.navbar-toggler {
	margin-top: 140px
}

@media (min-width: 768px) {
	.contact-row {
		padding-top: 40px
	}

	.single-product {
		margin-top: 30px
	}
}

@media (max-width: 767px) {
	#content.site-content {
		overflow: hidden
	}

	header#masthead > .container {
		background:none !important;
	}
	
	header#masthead  {
		background: url("img/waben.jpg") no-repeat top left !important;
		background-size: 150% auto !important;
	}
	
	

	div#page-sub-header h1 {
		font-size: 36px !important;
		letter-spacing: normal !important
	}

	.carousel-caption {
		display: block
	}

	.carousel-caption p {
		font-size: 14px !important
	}

	.page-content .carousel-caption-wrapper .carousel-caption h1 {
		font-size: 24px
	}

	.single-product .entry-title {
		padding-top: 0;
		font-size: 24px
	}

	.single-product .entry-title:before {
		display: none
	}

	input[name="your-name"] {
		margin-bottom: 1rem
	}

	.contact-title {
		margin-top: 0;
		padding-top: 0
	}
}


.entry-title {
	font-size: 28px !important;
	font-weight: 400;
	padding: 0;
	color: #508b39 !important;
	text-transform: uppercase;
}

.entry-title::before {
	content: '';
	display: none !important;
}