:root {

    /* Color declarations */
    --bara-brown: #947435;
    --bara-green: #2F6436;
	--light-beige: #F6F6F3;
	--dark-brown: #33322E;

}

/* 
-----------------------------------------
BASE
-----------------------------------------
*/

::selection {
	background: #2F6436;
	color: #fff;
	text-shadow: none;
}

.bg-beige {
	background-color: var(--light-beige);
}


html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
	font-family: 'Montserrat', sans-serif;
	color: #33322E;
	line-height: 1.5;
	font-size: 0.875rem;
	-webkit-font-smoothing: antialiased; /*Font rendering in Chrome on Mac */
	-moz-osx-font-smoothing: grayscale; /* Font rendering in Firefox on Mac */
}



.margin-top {
	margin-top: 76px;
}

@media screen and (min-width: 1200px) {
	.margin-top {
		margin-top: 118px;
	}
}

img {
	max-width: 100%;
}

a,
a:visited,
a:active {
	color: #2F6436;
	text-decoration: none;
}


	a:hover {
		text-decoration: none;
		color: #2F6436;
	}

p {
	font-size: 0.875rem;
}


li, td {
	font-size: 0.875rem;
}


h1, h2, h3, h4, h5, h6 {
	display: block;
	text-transform: none;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual; /*hyphen only at ‐ or ­ (if needed)*/
}

h1 {
	font-size: 1.75rem;
	margin-bottom: 1rem;
	line-height: 1.2;
	font-weight: 600;
}

h2 {
	font-size: 1.375rem;
	margin-bottom: 0.5rem;
	margin-top: 1.75rem;
	line-height: 1.2;
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	font-size: 1.125rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
	line-height: 1.2;
	text-transform: uppercase;
}

h4 {
	font-size: 1.125rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
	text-transform: uppercase;
}

h5 {
	font-size: 1rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
}

h6 {
	font-size: .875rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
}

h2:first-child {
	margin-top: 0;
}

h3:first-child {
	margin-top: 0;
}

h3 + h4 {
	margin-top: .75em;
}

/* Breakpoints Text and typography */

@media (min-width: 576px) {

	body {
		font-size: 1rem;
	}

	p {
		font-size: 1rem;
	}

	li, td {
		font-size: 1rem;
	}
}

@media (min-width: 768px) {
	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.375rem;
	}

	h3 {
		font-size: 1.125rem;
	}

	h4 {
		font-size: 1.125rem;
	}
}

@media (min-width: 1200px) {
	h2 {
		font-size: 1.5rem;
	}
}

@media (min-width: 1700px) {
	h1 {
		font-size: 2.25rem;
	}

	h2 {
		font-size: 2rem;
	}
}

h1 {
	text-transform: uppercase;
	font-weight: 700;
}

h2,
h3,
h4 {
	font-weight: 600;
}


li {
	line-height: 1.5;
}

input.green-btn,
a.green-btn {
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0.75em 2em 0.7em;
	transition: all .5s;
}

input.theme-btn,
a.theme-btn {
	display: inline-block;
	background: transparent;
	color: #997326;
	border: 1px solid #947435;
	border-radius: 74px;
	text-align: center;
	font-size: 0.875rem;
	text-transform: uppercase;
	padding: 0.75em 2em 0.7em;
	font-weight: 500;
	transition: all .5s;
}

	a.theme-btn.white-btn {
		color: #fff;
		border-color: #fff;
		background: transparent;
	}

		a.theme-btn.white-btn:hover {
			color: #997326 !important;
			border-color: #fff;
			background: #fff;
		}

.green-btn:hover {
	color: #57825D;
	border-color: #57825D;
	background: #fff;
}

.theme-btn:hover {
	color: #fff !important;
	background: #947435;
}

.bottom-shadow {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.1)
}

/*
@media (min-width: 1700px) {
	.green-btn {
		font-size: 1.25rem;
	}
}
*/
/* 
***************************************************************************************************************************************************
Colors
***************************************************************************************************************************************************
*/

/*Background*/
.green-btn,
footer {
	background-color: #57825D;
}

.red .tab-controllers,
.red .green-btn,
.red footer {
	background-color: #642C29;
}

	.red .green-btn:hover {
		background: #fff;
	}

.social-media-section {
	background-color: #2F6436;
}

.red .social-media-section {
	background-color: #73403D;
}

.products-section .col-md-6 .product-category .box {
	background: rgba(150, 177, 154, .9);
}

.red .products-section .col-md-6 .product-category .box {
	background: rgba(100, 44, 41, .9)
}

.tab-controllers {
	background-color: rgba(47, 100, 54, .5);
}

/*.dropdown-menu .bullet-list .nav-item {
	background-image: url('/template/icons/chevron-circle-right-regular.svg');
}

.red .bullet-list li {
	background-image: url('/template/icons/chevron-circle-right-regular-1.svg');
}
*/

/*Color*/

h1,
h2,
h3,
h4,
.products-section h1,
.top-banner-section .lower p,
.latest-news h2,
.latest-news h3 {
	color: #33322E;
}

.pdf-download a,
.retailer-links a,
.coworkers-section a,
.bullet-list li a,
.dropdown-menu .dropdown-item h3,
.dropdown-item h5,
.nav-tabs .nav-link.active,
.breadcrumb-item.active,
#main-menu .nav-item .nav-link.green:hover {
	color: #2F6436;
}

.red h1,
.red h2,
.red h3,
.red h4,
.red .pdf-download a,
.red .products-section h1,
.red .nav-tabs .nav-link.active,
.red .lower-text-section .lower p,
.red .top-banner-section .lower p,
.red .breadcrumb-item.active,
.red .green-btn:hover,
#main-menu .nav-item .nav-link.red:hover {
	color: #461000;
}

.red ::selection {
	background: #461000; /* Theme color */
	color: #fff;
	text-shadow: none;
}

footer .extra-menu .language .nav-link {
	color: rgba(255,255,255,0.4);
}


footer .navbar .extra-menu .language .nav-link::after {
	color: rgba(255,255,255,0.4);
}

#language .nav-link .active {
	color: #fff !important;
}

.red .bullet-list a {
	color: #461000;
}

.red .green-btn:hover {
	border-color: #642C29;
}

/*Border*/
.red .bullet-list li,
.red .bullet-list li:last-child {
	border-color: #642C29;
}
/* 
***************************************************************************************************************************************************
Umbraco RTE style
***************************************************************************************************************************************************
*/
.preamble {
	font-size: 1.125rem;
	font-weight: 600;
}

	.preamble strong {
		font-weight: 600;
	}

/* 
***************************************************************************************************************************************************
Bulletlist
***************************************************************************************************************************************************
*/


.bullet-list-holder {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #eaf0eb;
	padding: 1rem;
}

.bullet-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	.bullet-list li {
		background-repeat: no-repeat;
		background-position: left top 17px;
		border-top: 1px solid #2F6436;
		text-transform: uppercase;
		padding: 0.875rem 0 0.875rem 23px;
		background-size: 15px;
	}

		.bullet-list li a {
			display: block;
			font-size: 0.875rem;
			font-weight: 600;
			transition: color .5s;
		}

			.bullet-list li a:hover {
				color: #919191;
			}

			.bullet-list li a span {
				display: block;
				font-size: .875rem;
				font-weight: 400;
				text-transform: none;
			}

		.bullet-list li:last-child {
			border-bottom: 1px solid #2F6436;
		}

@media (min-width: 576px) {
	.bullet-list li {
		background-position: left top 19px;
		padding: 1rem 0 1rem 26px;
		background-size: 17px;
	}

		.bullet-list li a {
			font-size: 1rem;
		}
}


@media (min-width: 1024px) {
	.bullet-list-holder {
		padding: 2rem;
	}

	.bullet-list li {
		background-position: left top 21px;
	}

		.bullet-list li a {
			font-size: 1.125rem;
		}

			.bullet-list li a span {
				font-size: 1rem;
			}
}


@media (min-width: 1700px) {
	.bullet-list li {
		background-position: left top 20px;
		padding: 1rem 0 1rem 30px;
		background-size: 19px;
	}

		.bullet-list li a {
			font-size: 1.125rem;
		}
}


/* 
***************************************************************************************************************************************************
Navbar
***************************************************************************************************************************************************
*/
.navbar {
	padding: 0 15px;
		top: 0;
}

	.navbar.navbar-white {
		background: #fff;
	}

#sub-navigation {
	box-shadow: none;
	font-weight: 600;
	text-transform: uppercase;
	color: #2F6436;
	font-size: 1rem;
	padding-left: 0;
}

	#sub-navigation h2 a {
		text-transform: uppercase;
	}
/* ----- Toggler button ----- */

.navbar-toggler {
    position: relative;
    width: 30px;
    height: 22px;
    border: none;
	right: 15px;
}

@media (min-width: 767px) {
	.navbar-toggler {
		right: 2rem;
	}
}
.navbar-white .navbar-toggler span {

    background: #000;

}

.navbar-toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 30px;
    background: #fff;
    opacity: 1;
    left: 0;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    border: none;
    outline: none;
    box-shadow: none;
}

.navbar-toggler span:nth-child(1) {
    top: 0;
}

.navbar-toggler span:nth-child(2) {
    top: 10px;
}

.navbar-toggler span:nth-child(3) {
    top: 20px;
}
#desktopMenu {
	max-height: 100vh;
	align-self: flex-end;
}

#main-menu {
	order: 2;
}

	#main-menu > .nav-item {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

		#main-menu > .nav-item:last-child {
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}

	#main-menu .nav-item.dropdown {
		position: initial;
	}

		#main-menu .nav-item.dropdown:hover {
			cursor: pointer;
		}

	#main-menu .dropdown-toggle::after {
		display: none;
	}

	#main-menu .nav-item .nav-link {
		font-weight: 500;
		text-transform: uppercase;
		color: #000;
		font-size: 1rem;
	}

		#main-menu .nav-item .nav-link:hover {
			color: #919191;
		}

	#main-menu .dropdown-menu {
		margin: 0;
		border: none;
		border-radius: 0;
	}

		#main-menu .dropdown-menu .dropdown-item {
			padding: 0.75rem 0;
			border-top: 1px solid rgba(0, 0, 0, .25);
			font-weight: 400;
			font-size: 0.875rem;
			color: #000;
			white-space: normal;
		}

		#main-menu .dropdown-menu:first-of-type li:first-child .dropdown-item {
			border: none;
		}


		#main-menu .dropdown-menu .dropdown-item:hover {
			background-color: #F6F6F3;
		}

		#main-menu .dropdown-menu .bullet-list .nav-item {
			padding: .25rem 0;
		}

			#main-menu .dropdown-menu .bullet-list .nav-item .dropdown-item {
				color: #000;
				padding: 0;
				font-size: 1rem;
				border: none;
				text-transform: none;
				font-weight: 500;
			}

				#main-menu .dropdown-menu .bullet-list .nav-item .dropdown-item:hover {
					background: #F6F6F3;
					color: #919191;
				}


		#main-menu .dropdown-menu .dropdown-item h3 {
			display: inline-block;
			text-transform: uppercase;
			transition: all .5s;
			font-size: 1.75rem;
		}

		#main-menu .dropdown-menu .dropdown-item h4 {
			display: inline-block;
			font-weight: 500;
			color: #000;
			transition: all .5s;
		}

		#main-menu .dropdown-menu .dropdown-item h5 {
			font-size: 1.125rem;
			margin-bottom: 0;
			white-space: normal;
			text-transform: uppercase;
			font-weight: 600;
			transition: all .5s;
			margin-top: 0;
		}

		#main-menu .dropdown-menu .dropdown-item h6 {
			white-space: normal;
			margin-bottom: 0;
			font-size: .8rem;
			transition: all .5s;
		}

		#main-menu .dropdown-menu .dropdown-item:hover h3,
		#main-menu .dropdown-menu .dropdown-item:hover h4,
		#main-menu .dropdown-menu .dropdown-item:hover h5,
		#main-menu .dropdown-menu .dropdown-item:hover h6 {
			color: #919191;
		}

#main-menu,
.extra-menu {
	align-self: flex-end;
}

	#main-menu .nav-link {
		padding: 1rem 0;
	}

/*
	.extra-menu .nav-link {
		padding: 0.5rem 1rem;
	}
*/

.extra-menu {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
}

	.extra-menu .nav-link {
		color: #666;
		font-size: .875rem;
		font-weight: 500;
		text-transform: uppercase;
	}

ul#extramenu-dropdown.dropdown-menu.show {
	border: none;
	border-radius: 0;
	padding-top: 0;
	background-color: transparent;
}

#extramenu-dropdown-item.dropdown-item {
	padding: 0 0.5rem;
}

#extramenu-dropdown-nav-link {
	padding: 0 !important;
}

	#extramenu-dropdown-item,
	#extramenu-dropdown-nav-link,
	#extramenu-dropdown-nav-link:link,
	#extramenu-dropdown-nav-link:hover,
	#extramenu-dropdown-nav-link:visited,
	#extramenu-dropdown-nav-link:active,
	#extramenu-dropdown-nav-link:focus {
		background-color: transparent;
	}


span.divider {
	height: 100%;
	width: 2px;
	background-color: #000;
	display: block;
}

.extra-menu .language {
	margin: 0;
	flex-direction: row;
}


.extra-menu .nav-link {
	padding-right: 0.5rem;
	font-weight: 400;
	color: #000;
}

.navbar .extra-menu .language .nav-link:after {
	content: '/';
	margin-left: 0.5rem;
	font-size: 12px;
	color: #999999
}

.navbar .extra-menu .language .nav-link:last-child:after {
	display: none;
}

.navbar-brand {
	padding: 1rem 0;
}


@media (min-width: 768px) {
	.navbar {
		padding-left: 2rem;
		padding-right: 2rem
	}
}


@media (max-width: 1199px) {
	#desktopMenu {
		max-height: calc(100vh - 76px);
		overflow-y: scroll;
	}

	.navbar-brand img {
		height: 44px;
	}

	#main-menu .dropdown-menu {
		border-left: 1px solid rgba(47, 100, 54,0.7);
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}

		#main-menu .dropdown-menu > li {
			padding: 0.5rem 0;
		}

		#main-menu .dropdown-menu .dropdown-item {
			border-top: none;
			padding: 0;
			font-size: 1rem;
		}


		#main-menu .dropdown-menu > .col-12 {
		}

		#main-menu .dropdown-menu .dropdown-item h3 {
			color: #000000;
			font-size: 1.125rem;
			margin-bottom: 0;
		}

		#main-menu .dropdown-menu .dropdown-item .sub-header {
			font-weight: 500;
			font-size: 0.875rem;
			margin-bottom: 30px;
			margin-top: 0.25rem;
		}

		#main-menu .dropdown-menu .dropdown-item .sub-sub-header {
			display: none;
		}


		#main-menu .dropdown-menu .dropdown-item h5 {
			color: #000;
			margin-bottom: 0.5rem;
			margin-top: 0;
			font-size: 1rem;
			background-image: url('/template/icons/chevron-circle-right-regular.svg');
			background-repeat: no-repeat;
			padding-left: 22px;
			background-size: 15px;
			background-position: left top 1px;
		}

		#main-menu .dropdown-menu .dropdown-item h4,
		#main-menu .dropdown-menu .dropdown-item h6 {
			display: none;
		}

		#main-menu .dropdown-menu .bullet-list .nav-item {
			background-image: none;
			border: none;
			padding: 0.5rem 0 0.5rem 22px;
		}

			#main-menu .dropdown-menu .bullet-list .nav-item .dropdown-item {
				font-weight: 400;
			}
}

@media screen and (min-width: 1200px) {
	.navbar > .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-collapse {
		background-color: transparent;
		flex-direction: column;
	}



	#desktopMenu .nav-item,
	#desktopMenu .nav-item:last-child {
		border: none;
	}



	#main-menu .nav-item.nav-link {
		color: #000;
		font-size: .875rem;
		padding: .5rem .875rem;
	}



	#main-menu .nav-link:hover,
	.extra-menu .nav-link:hover {
		background-color: transparent;
	}

	.dropdown-menu.show {
		display: flex;
		flex-wrap: wrap;
	}

	#main-menu .dropdown-menu {
		background-color: #F6F6F3;
		width: calc(100% + 15px);
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.10);
		margin: 1px -15px;
	}


	.dropdown-menu .bullet-list .nav-item {
		background-position: left center;
		background-size: 5%;
	}

	.extra-menu {
		background-color: transparent;
		margin-bottom: 32px;
		margin-top: 8px;
		flex-direction: row;
	}

		.extra-menu .nav-link {
			font-size: 0.875rem;
		}

			.extra-menu .nav-link.active {
				color: #00632f;
			}

			.extra-menu .nav-link:hover {
				color: #000;
			}

		.extra-menu .language .nav-link:last-child {
			padding-right: 0.875rem;
		}
}

@media screen and (min-width: 1200px) {
	#main-menu {
		align-self: flex-end;
	}

		#main-menu .nav-item .nav-link {
			font-size: 1rem;
			padding: 0.5rem;
		}

		#main-menu .dropdown-menu .dropdown-item .sub-header {
			display: inline-block;
			font-weight: 500;
			color: #000;
			transition: all .5s;
			font-size: 1.5rem;
			margin-bottom: 0
		}

		#main-menu .dropdown-menu .dropdown-item .sub-sub-header {
			display: block;
			margin-bottom: 0;
			font-size: 0.875rem;
		}
}

@media screen and (min-width: 1370px) {
	.navbar {
		padding-left: 8vw;
		padding-right: 8vw;
	}
}

/*
@media screen and (min-width: 1440px) {
	#main-menu .nav-item .nav-link {
		padding: .5rem 0.875rem 0.5rem;
	}
}
*/

@media (min-width: 1700px) {
	#main-menu .nav-link {
		font-size: 1rem;
		padding: .5rem .875rem;
	}
}

/* 
-----------------------------------------
Navbar
-----------------------------------------
*/

.navbar {
	justify-content: space-between;
	align-items: center;
	z-index: 1000;
}


.navbar-white {
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	transform: translateY(-100%);
	transition: transform ease 0.3s;
}

.navbar.position-absolute #main-menu .nav-item .nav-link,
.navbar.position-absolute .extra-menu .nav-item .nav-link {
	color: #fff;
}

.navbar.position-absolute .extra-menu .divider {
	background: #fff;
}

.navbar-show {
	transform: none;
}

#main-menu {
	flex-direction: column;
}

@media (max-width: 767px) {


	.navbar-brand {
		padding-left: 15px;
	}


	#main-menu, #desktopMenu .extra-menu {
		padding-left: 15px;
		padding-right: 15px;
	}
}

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


	.navbar-brand {
		padding-left: 2rem;
	}

	.navbar-toggler {
		padding-right: 2rem;
	}

	#main-menu, #desktopMenu .extra-menu {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}



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



	#main-menu, #desktopMenu .extra-menu {
		background: #fff;
	}

	.navbar.position-absolute #main-menu .nav-item .nav-link,
	.navbar.position-absolute .extra-menu .nav-item .nav-link {
		color: #000;
	}

	.navbar {
		padding: 0 !important;
	}
}

#main-menu .nav-link {
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 1rem 2rem 1rem 0;
	transition: all ease 0.15s;
}

#main-menu > .nav-item:last-child .nav-link {
	padding-right: 0;
}

.navbar-white #main-menu .nav-link {
	color: #000000;
}

#main-menu .nav-link:hover {
	color: #009657;
}

@media screen and (min-width: 1200px) {

	#main-menu {
		flex-direction: row;
	}
}

@media screen and (min-width: 1700px) {

	#main-menu .nav-link {
		font-size: 1.25rem;
	}
}

/* 
***************************************************************************************************************************************************
Padding x space
***************************************************************************************************************************************************
*/
.padding-x-space, .padding-xl-space {
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 768px) {
	.padding-x-space,
	.padding-xl-space {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media (min-width: 1200px) {
	.padding-x-space,
	.padding-xl-space {
		padding-left: 8vw;
		padding-right: 8vw;
	}
}

@media (min-width: 1700px) {

	.padding-xl-space {
		padding-left: 15vw;
		padding-right: 15vw;
	}
}

/* 
***************************************************************************************************************************************************
Padding y space
***************************************************************************************************************************************************
*/
.section-y-space {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

@media (min-width: 992px) {
	.section-y-space {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
}

@media (min-width: 1200px) {
	.section-y-space {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}




/* 
***************************************************************************************************************************************************
Left navigation
***************************************************************************************************************************************************
*/

.left-navigation {
	margin-bottom: 1.5rem;
}

	.left-navigation h2,
	.left-navigation h2 a {
		text-transform: uppercase;
		color: #212529;
		font-size: 1.125rem;
	}

	.left-navigation .bullet-list li a {
		font-size: 0.875rem;
		color: #212529;
	}

	.left-navigation .bullet-list li {
		padding: 1rem 0;
	}
/* 
***************************************************************************************************************************************************
Breadcrumb 
***************************************************************************************************************************************************
*/
.breadcrumb-nav {
	margin-top: 76px;
}

.breadcrumb {
	margin-bottom: 0;
	background: #F6F6F3;
}

	.breadcrumb li,
	.breadcrumb li a {
		font-size: 0.874rem;
		color: #999999;
		font-weight: 600;
	}

		.breadcrumb li a:hover {
			color: #6e6e6e;
		}

.breadcrumb-item.active {
	color: #2F6436;
}

@media (min-width: 1200px) {
	.breadcrumb-nav {
		margin-top: 118px;
	}
}

/* 
***************************************************************************************************************************************************
Startpage-banner-section
***************************************************************************************************************************************************
*/

.startpage-banner-section {
	margin-top: 76px;
	height: calc(100vh - 76px);
	display: flex;
	flex-direction: column;
}

	.startpage-banner-section .upper {
		flex-grow: 1;
	}

	.startpage-banner-section .lower {
		flex-basis: auto;
		flex-grow: 0;
	}

.lower-text-section .lower,
.top-banner-section .lower {
	height: 25%;
}


.startpage-banner-section .upper,
.top-banner-section .upper {
	display: flex;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.top-banner-section .upper {
	height: 100%;
	background-position: center;
	position: relative;
}

	.top-banner-section .upper video {
		width: 100%;
		height: 100%;
		position: absolute;
		object-fit: cover;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		z-index: -1;
		filter: brightness(70%);
	}

.brick-banner-section .upper,
.top-banner-section.no-lower .upper {
	height: 100%;
}

.startpage-banner-section .upper .overlay {
	display: flex;
	width: 100%;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.brick-banner-section .upper .overlay {
	padding: 8rem 0;
}

	.brick-banner-section .upper .overlay .padding-x-space {
		width: 100%;
	}

.startpage-banner-section .upper .overlay .flex-column,
.top-banner-section .upper .overlay .flex-column {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.brick-banner-section .upper .overlay .flex-column {
	align-items: flex-start;
	padding: 0;
}

.top-banner-section .upper .flex-column h1 {
	font-size: 2rem;
	font-weight: 700;
}

.brick-banner-section .upper .padding-x-space .flex-column h1,
.brick-banner-section .upper .padding-x-space .flex-column h2 {
	text-align: left;
}

.brick-banner-section .upper h3 {
	color: #fff;
	font-size: 1.45rem;
	font-weight: 400;
	text-shadow: 0px 3px 6px #00000080;
}

.overlay p.sub-header {
	color: #fff !important;
}

.brick-banner-section .clickable-icon .overlay::before {
	content: "";
	opacity: 0;
	transition: opacity .5s;
}


.startpage-banner-section .upper .flex-column p {
	font-size: 1.25rem;
}

.startpage-banner-section .upper .flex-column h1 {
	font-size: 2rem;
	margin-bottom: 0.25rem;
}

.startpage-banner-section .upper .flex-column h1,
.startpage-banner-section .upper .flex-column h2 {
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 3px rgb(12, 68, 20), 0 0 10px rgb(11, 66, 18);
}

h2.sub-header {
	font-weight: 400 !important;
}

.startpage-banner-section .lower {
	background-color: #F6F6F3;
	display: flex;
}

.top-banner-section .lower {
	height: 25%;
}

.startpage-banner-section .lower p {
	font-size: 1rem;
	text-align: center;
	color: #2F6436;
	margin: auto;
	padding: 1.5rem 0;
	font-weight: 600;
}

@media (min-width: 576px) {

	.startpage-banner-section .upper .flex-column h1 {
		font-size: 2.5rem;
	}

	.startpage-banner-section .upper .flex-column p {
		font-size: 1.5rem;
	}

	.startpage-banner-section .lower p {
		font-size: 1.125rem;
	}
}

@media (min-width: 996px) {
	.brick-banner-section .clickable-icon {
		z-index: 1;
	}

		.brick-banner-section .clickable-icon:hover .overlay::before {
			opacity: 1;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 40px;
			height: 40px;
			background-image: url(/template/icons/search-plus-white.svg);
			transition: opacity .5s;
		}
}

@media (min-width: 1024px) {
	.startpage-banner-section .upper .flex-column h1,
	.top-banner-section .upper .flex-column h1 {
		font-size: 2.5rem;
	}

	.startpage-banner-section .upper .flex-column p,
	.top-banner-section .upper .flex-column h2 {
		font-size: 1.875rem;
	}

	.startpage-banner-section .lower p,
	.top-banner-section .lower h2 {
		padding: 2rem 0;
	}
}

@media (min-width: 1200px) {

	.startpage-banner-section {
		margin-top: 99px;
		height: calc(100vh - 99px);
	}
}


@media (min-width: 1700px) {


	.top-banner-section.lower-top {
		height: calc(45vh - 119px);
	}

	.startpage-banner-section .upper {
		background-attachment: fixed;
	}

		.startpage-banner-section .upper .overlay {
			padding: 0;
		}

		.startpage-banner-section .upper .flex-column h1,
		.top-banner-section .upper .flex-column h1 {
			font-size: 3.5rem;
		}

		.startpage-banner-section .upper .flex-column p,
		.top-banner-section .upper .flex-column h2 {
			font-size: 2.5rem;
		}
}

/* 
***************************************************************************************************************************************************
Subpage top-banner-section
***************************************************************************************************************************************************
*/

.top-banner-section .upper {
	min-height: 67vw;
}

	.top-banner-section .upper .overlay {
		display: flex;
		width: 100%;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}


	.top-banner-section .upper .flex-column h1 {
		margin-top: 1rem;
	}

	.top-banner-section .upper .flex-column img {
		width: 60px;
	}


	.top-banner-section .upper .flex-column h1,
	.top-banner-section .upper .flex-column h2 {
		color: #fff;
		text-align: center;
	}

	.top-banner-section .upper .flex-column h2 {
		font-size: 1.25rem;
		line-height: 1.2;
		margin-bottom: 0;
	}

	.top-banner-section .upper .flex-column h1 {
		font-size: 2rem;
		font-weight: 700;
		margin-bottom: 0.5rem;
	}

.top-banner-section {
	margin-top: 76px;
}

	.lower-text-section .lower,
	.top-banner-section .lower {
		background-color: #F6F6F3;
		display: flex;
		flex-direction: column;
	}

.lower-text-section p {
	font-size: 1rem;
	text-align: center;
	margin: auto;
	padding: 0.5rem 0;
}

.more-text-container p {
	padding-bottom: 0;
}

.lower-text-section #more p {
	padding: 0;
}

#myBtn {
	margin: 1rem 0;
	font-weight: 500;
	cursor: pointer;
}

	#myBtn svg {
		font-size: 0.75rem;
	}

.lower-text-section p:first-child {
	padding-top: 1.5rem;
}

.lower-text-section p:last-child {
	padding-bottom: 1.5rem;
}

@media (min-width: 576px) {

	.top-banner-section .upper .flex-column h1 {
		font-size: 2.5rem;
	}

	.top-banner-section .upper .flex-column img {
		width: 80px;
	}

	.top-banner-section .upper .flex-column p {
		font-size: 1.5rem;
	}

	.top-banner-section .lower p {
		font-size: 1.25rem;
	}

	.top-banner-section .upper .flex-column h1 {
		font-size: 2.5rem;
	}

	.top-banner-section .upper .flex-column p {
		font-size: 1.5rem;
	}

	.top-banner-section .lower p {
		font-size: 1.25rem;
	}

	.lower-text-section p {
		font-size: 1.125rem;
	}
}

.ground-bricks-page.top-banner-section .upper {
	height: 100vh;
}

@media (min-width: 992px) {
	.top-banner-section .upper {
		height: 30vw;
		min-height: 30vw;
	}

		.top-banner-section .upper .flex-column h1 {
			font-size: 2.5rem;
		}
}

@media (min-width: 1024px) {

	.top-banner-section .upper .flex-column h1 {
		font-size: 2.5rem;
	}

	.top-banner-section .upper .flex-column p {
		font-size: 1.875rem;
	}

	.lower-text-section p:first-child {
		padding-top: 2rem;
	}

	.lower-text-section p:last-child {
		padding-bottom: 2rem;
	}
}

@media (min-width: 1200px) {
	.top-banner-section {
		margin-top: 0;
	}
}


@media (min-width: 1700px) {

	.top-banner-section .upper .flex-column h1 {
		font-size: 3.5rem;
		margin-top: 1.5rem;
	}

	.top-banner-section .upper .flex-column p {
		font-size: 2.5rem;
	}

	.top-banner-section .upper .flex-column img {
		width: 120px;
	}
}
/* 
***************************************************************************************************************************************************
Ground bricks products section
***************************************************************************************************************************************************
*/
.ground-bricks-section.section-y-space {
	padding-bottom: 1rem;
}

.ground-bricks-section .custom-arrow:after {
	content: '+';
	font-size: 2rem;
	position: absolute;
	color: #333;
	right: 25px;
	top: -1px;
}

.ground-bricks-section label {
	display: block;
	width: 100%;
	background: #F6F6F3;
}

.ground-bricks-section .form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: calc(2em + .75rem + 2px);
	padding: .75rem;
	background: transparent;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}

	.ground-bricks-section .form-control option {
		text-transform: none;
		background: #F6F6F3;
	}

.ground-bricks-section .filter-container {
	display: flex;
	min-height: 42px;
	width: 100%;
	justify-content: center;
	margin-top: 0.5rem;
}

	.ground-bricks-section .filter-container .filter-option {
		display: inline-block;
		padding: .5rem;
		margin-right: .5rem;
		border: 1px solid #ccc;
		transform: scale(0);
		transition: all .5s;
	}

	.ground-bricks-section .filter-container .filter-box {
	}

		.ground-bricks-section .filter-container .filter-box .filter-cross {
			margin-left: .5rem;
			padding-left: .5rem;
			border-left: 1px solid #ccc;
		}

			.ground-bricks-section .filter-container .filter-box .filter-cross:hover {
				cursor: pointer;
			}
/* 
***************************************************************************************************************************************************
Ground bricks product section
***************************************************************************************************************************************************
*/
.ground-bricks-product-section {
	padding-bottom: 1rem;
	min-height: 285px;
}

	.ground-bricks-product-section .product-image {
		position: relative;
	}
	
	.ground-bricks-product-section .product-image img {
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    	aspect-ratio: 1/1;
    }

	.ground-bricks-product-section .product-name {
		position: absolute;
		bottom: 8px;
		left: 8px;
		text-align: left;
		color: #fff;
		font-weight: 600;
		font-size: 1rem;
		text-transform: uppercase;
		text-shadow: 0px 3px 6px #00000040;
	}

	.ground-bricks-product-section .pad {
		padding-top: 90%;
	}


@media screen and (min-width: 567px) {
	.ground-bricks-product-section .product-name {
		font-size: 1.25rem;
		bottom: 15px;
		left: 15px;
	}
}

@media screen and (min-width: 768px) {
	.ground-bricks-product-section .product-name {
		font-size: 1rem;
		bottom: 8px;
		left: 8px;
	}
}

@media screen and (min-width: 992px) {
	.ground-bricks-product-section .product-name {
		font-size: 1.25rem;
		bottom: 15px;
		left: 15px;
	}
}
/* 
***************************************************************************************************************************************************
Products section
***************************************************************************************************************************************************
*/
.products-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

	.products-section h1 {
		text-transform: uppercase;
		font-weight: 600;
	}

	.products-section .col-md-6 {
		display: flex;
		flex-direction: column;
		margin-bottom: 2rem;
	}

		.products-section .col-md-6 .product-category {
		}

			.products-section .col-md-6 .product-category a {
			}

			.products-section .col-md-6 .product-category .product-category-image {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				min-height: 450px;
				background-size: cover;
				background-position: center;
			}

				.products-section .col-md-6 .product-category .product-category-image > div {
				}

			.products-section .col-md-6 .product-category .box {
				padding: 1rem;
				background: rgba(150, 177, 154, .9);
				width: 100%;
				height: inherit;
			}

				.products-section .col-md-6 .product-category .box h2,
				.products-section .col-md-6 .product-category .box .sub-header {
					color: #fff;
				}

				.products-section .col-md-6 .product-category .box h2 {
					font-size: 1.5rem;
					text-transform: uppercase;
					margin-bottom: 0;
				}

				.products-section .col-md-6 .product-category .box .sub-header {
					font-weight: 400;
					font-size: 1rem;
					margin-bottom: 0;
				}

@media (min-width: 576px) {

	.products-section .col-md-6 .product-category .box .sub-header {
		font-size: 1.125rem;
	}

	.products-section .col-md-6 .product-category .box h2 {
		font-size: 1.625rem;
	}
}


@media (min-width: 1024px) {

	.products-section .col-md-6 .product-category .box {
		padding: 1.2rem 2rem;
	}

		.products-section .col-md-6 .product-category .box h2 {
		}

		.products-section .col-md-6 .product-category .box .sub-header {
		}

	.products-section .col-md-6 .product-category .box {
		padding: 1.2rem 2rem;
	}

		.products-section .col-md-6 .product-category .box h2 {
		}

		.products-section .col-md-6 .product-category .box .sub-header {
		}
}

@media (min-width: 1200px) {
	.products-section {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

@media (min-width: 1700px) {
	.products-section {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

		.products-section .col-md-6 .product-category .box h2 {
			font-size: 2rem;
		}

		.products-section .col-md-6 .product-category .box .sub-header {
			font-size: 1.5rem;
		}
}

/* 
***************************************************************************************************************************************************
Product-category-section
***************************************************************************************************************************************************
*/

.product-category-section h2 {
	text-transform: uppercase;
	margin-bottom: 0.75rem;
}

.product-category-section .bullet-list-holder {
	height: auto;
}

@media screen and (min-width: 992px) {


	.product-category-section h2 {
		margin-bottom: 2rem;
	}
}


@media screen and (min-width: 1200px) {
}


@media screen and (min-width: 1700px) {


	.product-category-section h2 {
		font-size: 1.625rem;
	}
}

/* 
***************************************************************************************************************************************************
Product section
***************************************************************************************************************************************************
*/

.product-section h1,
.features-section h1,
#knowledge-productmenu h1,
.text-section.text-image-section h1 {
	font-size: 1.5rem;
}

.product-section h1 {
	margin-bottom: 0.25rem;
}

.product-section .col-12:first-child {
	padding-bottom: 0.5rem;
}

.product-section .sub-header {
	font-weight: 500;
	margin-bottom: 0.5rem;
	color: #33322E;
	line-height: 1.3;
}

.product-section .product-image img {
	aspect-ratio: 1/1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*@media (min-width: 992px) {
	.product-section .product-image img {
		width: 75%;
		height: 75%;
	}
}*/

.product-section .product-specificaion {
	margin: 2rem 0 1.75rem;
}

/* the slides */
.image-gallery-slide .slick-slide {
	margin: 0 1rem;
}

/* the parent */
.image-gallery-slide .slick-list {
	margin: 0 -1rem;
}

.product-specificaion [class*="col-"] {
	display: flex;
}

	.product-specificaion [class*="col-"] > div {
		width: 100%;
	}

	.product-specificaion [class*="col-"]:last-of-type p {
		margin-bottom: 0;
	}

.product-section .product-specificaion .col-md-8 div {
	font-weight: 600;
}

.product-section .product-specificaion .col-md-4 div,
.product-section .product-specificaion .col-md-8 div {
	padding: .875rem 0;
	border-top: 1px solid #ccc;
	font-size: .95rem;
}

.product-section .product-specificaion p {
	margin-bottom: 0;
}

.product-section .product-specificaion .col-md-4:nth-last-child(2) div,
.product-section .product-specificaion .col-md-8:last-child div {
	border-bottom: 1px solid #ccc;
}

.product-section .table {
	margin: 1rem 0;
	min-width: 800px;
}

	.product-section .table th,
	.product-section .table td {
		padding-left: 0;
		border-color: #ccc;
		border-width: 2px;
		padding: .875rem 0;
		font-size: .95rem;
		text-align: center;
	}

		.product-section .table th:first-of-type,
		.product-section .table td:first-of-type {
			text-align: left;
		}

.product-box-container {
	margin-bottom: 1rem;
}

	.product-box-container:last-child {
		margin-bottom: 0;
	}

.tab-container h3 {
	margin-bottom: 1rem;
}

.product-box {
	background: #F6F6F3;
	margin: 0 0 1rem;
}

	.product-box:last-child {
		margin: 0;
	}

	.product-box:hover {
		background: #D9E3DA;
		cursor: pointer;
	}

	.product-box a {
		font-weight: 400;
		font-size: 1rem;
		color: #000;
		height: 100%
	}


	.product-box .product-item {
		column-gap: 1rem;
	}

	.product-box .box-image {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1rem;
		aspect-ratio: 1/1;
	}


.box-divider {
	height: 100%;
	width: 1px;
	background-color: #00000020;
	display: block;
}

.box-text {
	padding-left: 1rem;
	margin-bottom: 0;
	color: #000;
	border-left: 1px solid rgba(0, 0, 0, .125);
    padding: 1rem;
}

	.box-text * {
		color: #000;
		margin-bottom: 0;
	}

.product-box.recommend-box img, .product-box.pdf-box img {
	height: 24px;
}

.product-box.knowledge img {
	height: 60px;
	margin: 1rem;
}

@media (min-width: 768px) {
	.product-section .table {
		width: 100%;
	}

	.product-section .col-12:first-child {
		padding-bottom: 1.5rem;
	}
}

@media (max-width: 767px) {
	.product-section .image-gallery-section {
		padding: 2rem 0;
	}

	.property-img {
		height: 65px
	}
}

.image-gallery-slide-item p {
	margin-top: 1rem;
	color: #33322E;
}

@media (min-width: 992px) {
	.product-section .product-specificaion:first-child {
		margin-top: 0;
	}
}

@media (min-width: 1200px) {

	.product-section h1, .features-section h1 {
		font-size: 2rem;
	}

	.product-section .sub-header {
		font-size: 1.625rem;
	}
}

@media (min-width: 1700px) {


	.product-section h1 {
		margin-bottom: 0;
	}
}
/* 
***************************************************************************************************************************************************
Business-area-section
***************************************************************************************************************************************************
*/
.business-area-section {
	padding: 3.5rem 0 2rem;
}

	.business-area-section .block {
		border: 2px solid #2F6436;
		padding: 0 1.3rem 3rem;
	}

	.business-area-section .col-md-6:first-of-type .block {
		margin-bottom: 4rem;
	}

	.business-area-section .block img {
		display: block;
		height: 54px;
		width: 54px;
		margin: -30px auto 0;
		background-color: white;
	}

	.business-area-section .block h2 {
		margin: 1rem 0;
		font-size: 1.25rem;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}

	.business-area-section .block.red {
		border-color: #461000;
	}

		.business-area-section .block.red h2 {
			color: #461000;
		}


@media(min-width: 576px) {

	.business-area-section .block img {
		height: 60px;
		width: 60px;
		margin: -33px auto 0;
	}

	.business-area-section .block h2 {
		font-size: 1.375rem;
	}
}


@media(min-width: 768px) {

	.business-area-section .block {
		height: 100%;
	}

	.business-area-section .col-md-6:first-of-type .block {
		margin-bottom: 0;
	}
}


@media(min-width: 992px) {

	.business-area-section {
		padding-top: 4rem;
		padding-bottom: 3rem;
	}

		.business-area-section .block h2 {
			font-size: 1.5rem;
		}
}

@media(min-width: 1200px) {

	.business-area-section {
		padding-top: 4.5rem;
		padding-bottom: 4rem;
	}
}


@media(min-width: 1700px) {
	.business-area-section .block h2 {
		font-size: 2rem;
		margin: 1.5rem 0;
	}

	.business-area-section .block img {
		height: 80px;
		width: 80px;
		margin-top: -45px;
	}


	.business-area-section {
		padding-top: 6.5rem;
		padding-bottom: 6rem;
	}
}


/* 
***************************************************************************************************************************************************
Banner-section
***************************************************************************************************************************************************
*/
.banner-section {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

	.banner-section .overlay {
		display: flex;
		height: 100%;
		padding: 3rem 0;
	}

	.banner-section .padding-x-space {
		width: 100%;
	}

	.banner-section h2 {
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1.3;
		text-shadow: 0 0 6px rgba(0,0,0,0.8);
		margin-bottom: 0;
	}

@media (min-width: 768px) {
	.banner-section {
		height: 33vw;
	}

		.banner-section h2 {
			font-size: 1.75rem;
		}
}


@media (min-width: 1200px) {
	.banner-section {
	}

		.banner-section .overlay {
			padding: 0;
		}

		.banner-section h2 {
			font-size: 2.75rem;
		}
}

@media (min-width: 1700px) {

	.banner-section h2 {
		font-size: 3.25rem;
	}
}


/* 
***************************************************************************************************************************************************
Latest news
***************************************************************************************************************************************************
*/
.latest-news {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

	.latest-news .col-lg-4:last-child {
		margin-bottom: 0 !important;
	}

	.latest-news h2,
	.latest-news h3 {
		text-transform: uppercase;
	}

	.latest-news h2 {
		text-align: center;
	}

	.latest-news h3 {
		font-size: 1rem;
	}

	.latest-news a {
		height: 100%;
	}

	.latest-news .block {
		background-color: #F6F6F3;
		height: 100%;
	}

	.latest-news img {
		width: 100%;
	}

	.latest-news .block p {
		margin: 0;
		color: #212529;
	}

@media screen and (min-width: 576px) {
	.latest-news h3 {
		font-size: 1.125rem;
	}
}

@media screen and (min-width: 992px) {
	.latest-news {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
}

@media screen and (min-width: 1200px) {
	.latest-news {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

@media screen and (min-width: 1700px) {
	.latest-news {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

		.latest-news h3 {
			font-size: 1.25rem;
		}
}

/* 
***************************************************************************************************************************************************
Latest-case-section
***************************************************************************************************************************************************
*/

.latest-case-section .padding-x-space {
	padding-left: 0;
}

.latest-case-section .case-image {
	min-height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.latest-case-section .pad-left {
	padding-left: 15px;
	margin: 2rem 0px;
}

.latest-case-section p {
	font-size: 1.125rem;
	font-weight: 400;
	margin-bottom: 2rem;
	color: #2F6436;
}

.red .latest-case-section p {
	color: #642C29;
}

.latest-case-section .col-md-6:first-child {
	min-height: 250px;
}

.latest-case-section .col-md-6:last-child > div {
	text-align: center;
}


@media(min-width: 768px) {


	.latest-case-section .col-md-6:last-child > div {
		text-align: left;
	}
}

@media(min-width: 992px) {


	.latest-case-section p {
		font-size: 1.5rem;
	}
}

@media(min-width: 1200px) {

	.latest-case-section > .row {
		min-height: 50vh
	}
}

@media(min-width: 1700px) {

	.latest-case-section p {
		font-size: 1.625rem;
	}

	.latest-case-section .pad-left {
		padding-left: 4rem;
		margin: 0;
	}
}
/* 
***************************************************************************************************************************************************
Tab section
***************************************************************************************************************************************************
*/
.tab-controllers {
	padding-top: 0;
}

	.tab-controllers .nav-tabs {
		border: none;
	}

.nav-tabs .nav-item {
	width: 100%;
}

.nav-tabs .nav-link {
	border: none;
	border-radius: 0;
	margin-right: 0;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	padding: 0.5rem;
	text-align: center;
	font-size: .95rem;
	border-bottom: 1px solid #ffffff;
}

	.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
		border-color: #ffffff;
	}

	.nav-tabs .nav-link.active {
		color: #2F6436;
	}

	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		background-color: rgba(255,255,255,0.8);
	}

.rte-image-section {
	padding: 1rem 0;
}

	.rte-image-section:nth-child(2n) {
		background: #F6F6F3;
	}

		.rte-image-section:nth-child(2n) .row {
			flex-direction: row-reverse;
		}

.tabs-slide-section h2.tab-headline {
	margin-left: 1rem;
}

.tabs-slide-section h2 {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 1.5rem;
}

.tabs-slide .rte-image-section {
	background: #F6F6F3;
	margin: 1rem;
	padding: 0;
}

	.tabs-slide .rte-image-section .rte-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		aspect-ratio: 3/2;
	}

	.tabs-slide .rte-image-section .rte-text {
		padding: 2rem;
	}

.tabs-slide .slick-prev:before, .tabs-slide .slick-next:before {
	color: #87A087;
}

.tabs-slide .slick-next {
	right: -10px !important;
}

.tabs-slide .slick-prev {
	left: -10px !important;
}

@media (min-width: 768px) {
	.tabs-slide .slick-next {
		right: -20px !important;
	}

	.tabs-slide .slick-prev {
		left: -20px !important;
	}
}


.tab-content .image-gallery-section {
	padding: 1rem 0;
}

.modal.image-gallery-section {
	padding: 0;
}

.image-gallery-section .col-md-4 p {
	color: #212529;
	margin: 1rem 0 1.5rem;
}

.image-gallery-section .modal-header,
.image-gallery-section .modal-content {
	border: none;
	background: none;
	padding: 0;
	border-radius: 0;
}

.image-gallery-section .close {
	color: #fff;
	color: #fff;
	font-size: 3rem;
	padding: 0;
	font-weight: 400;
}

	.image-gallery-section .close:focus {
		outline: 0;
	}


.features-section .flex-column {
	height: 135px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.features-section .feature-item {
	/*background: #F6F6F3;*/
	height: 100%;
	padding: 1rem;
}

.features-section h3 {
	text-transform: uppercase;
	font-size: 1.375rem;
	margin: 1rem 0;
}


.features-more-info button {
	background: transparent;
	border: none;
	outline: none;
	padding: 0;
	margin-top: 1rem;
	color: #000;
}

	.features-more-info button p {
		margin-bottom: 0;
		margin-right: 0.5rem;
		font-weight: 500;
	}

	.features-more-info button.collapsed svg.fa-chevron-up {
		display: none;
		font-weight: 900;
	}

	.features-more-info button:not(.collapsed) svg.fa-chevron-down {
		display: none;
	}

.features-more-info .card-body {
	padding: 1rem 0 0;
}

@media (max-width: 768px) {
	.tab-controllers .padding-x-space {
		padding-left: 0;
		padding-right: 0;
	}
}


@media(min-width: 768px) {

	.nav-tabs .nav-link {
		padding: 1.125rem 1.625rem;
		border: none;
		margin-right: 2px;
	}

		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
			background-color: #ffffff;
		}

	.tab-controllers {
		padding-top: 1rem;
	}

	nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
		border: none;
	}

	.nav-tabs .nav-item {
		width: auto;
	}


	.rte-image-section {
		padding: 4rem 0;
	}

	.tab-content .image-gallery-section {
		padding: 4rem 0 3rem;
	}
}

@media (min-width: 1370px) {
	.nav-tabs .nav-link {
		padding: 1.1rem 3.6rem;
		min-width: 225px;
	}
}
/* 
***************************************************************************************************************************************************
Get in toutch section
***************************************************************************************************************************************************
*/
.get-in-toutch-section {
	padding: 3rem 0;
	background: #fff;
}

	.get-in-toutch-section .image {
		display: block;
		width: 80%;
		max-width: 250px;
		margin: 0 auto 2rem;
		border-radius: 50%;
	}

	.get-in-toutch-section .text {
		color: #000;
		margin-bottom: 0.5rem;
		font-weight: 400;
		font-size: 1.125rem;
		text-align: center;
	}

	.get-in-toutch-section .button {
		text-align: center;
	}

.red .get-in-toutch-section .text {
	color: #642C29;
}


@media(min-width: 440px) {
	.get-in-toutch-section .text {
	}
}

@media(min-width: 576px) {
	.get-in-toutch-section .text {
		font-size: 1.25rem;
	}
}

@media(min-width: 768px) {

	.get-in-toutch-section {
		padding: 3.5rem 0;
	}

		.get-in-toutch-section .button {
			text-align: left;
		}

		.get-in-toutch-section .text {
			text-align: left;
		}

		.get-in-toutch-section .image {
			width: 90%;
		}
}

@media(min-width: 992px) {

	.get-in-toutch-section {
		padding: 4rem 0;
	}

		.get-in-toutch-section .text {
			font-size: 1.5rem;
		}
}

@media(min-width: 1200px) {
	.get-in-toutch-section .image {
		width: 80%;
		max-width: 300px;
	}
}

@media(min-width: 1700px) {

	.get-in-toutch-section {
		padding: 6rem 0;
	}

		.get-in-toutch-section .image {
			width: 80%;
			max-width: 384px;
		}

		.get-in-toutch-section .text {
			font-size: 1.625rem;
		}
}



.get-in-toutch-section .contact-name {
	color: #000;
	font-size: 1rem;
	margin-bottom: 2rem;
	text-align: center;
}

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

	.get-in-toutch-section .contact-name {
		text-align: left;
	}
}

/* 
***************************************************************************************************************************************************
Coworkers-section
***************************************************************************************************************************************************
*/


.coworkers-section img {
	width: 100%;
}

.coworkers-section .coworker-container {
	background-color: #F6F6F3;
	height: 100%;
}

.coworkers-section .name {
	font-size: 1.125rem;
	line-height: 1.2;
	font-weight: 700;
}

.coworkers-section .position {
	border-bottom: 1px solid #ccc;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}

.coworkers-section p {
	font-size: .875rem;
}

.coworkers-section .coworker-container a:hover {
	text-decoration: underline;
}
/* 
***************************************************************************************************************************************************
Footer
***************************************************************************************************************************************************
*/


footer {
	padding: 0;
	color: var(--light-beige);
}
footer li img {
	margin-right: 0.5em;
}

footer a, footer a:visited, footer a:active {
	color: var(--light-beige);
}

footer a:hover {
	color: var(--light-beige);
	text-decoration: underline;
}

footer p {
	margin: 0;
}

footer .nav {
	padding: 0;
}

.footer-left-column {
	background-color: #2F6436;
}

.footer-right-column {
	background-color: #44744a;
}

@media screen and (min-width: 992px) {

	.footer-right-column .col-md-6:nth-child(1)  {
		padding-right: 1rem;
	}

	.footer-right-column .col-md-6:nth-child(2)  {
		padding-left: 1rem;
	}
}

@media screen and (min-width: 1200px) {

	.footer-left-column {
		padding-right: 2rem;
	}

	.footer-right-column {
		padding-left: 2rem;
	}
}

@media screen and (min-width: 1700px) {

	.footer-left-column {
		padding-right: 3rem;
	}

	.footer-right-column {
		padding-left: 3rem;
	}

	.footer-right-column .col-md-6:nth-child(1)  {
		padding-right: 1.5rem;
	}

	.footer-right-column .col-md-6:nth-child(2)  {
		padding-left: 1.5rem;
	}
}

footer h3 {
	text-transform: none;
	font-weight: 600;
	color: var(--light-beige);
	font-size: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(246, 246, 243, 0.3);
	margin-bottom: 1rem;
}

.footer-right-column-divider {
	border-top: 1px solid rgba(246, 246, 243, 0.3);
}

ul.footer-contact-list li {
	line-height: 1.8;

}

ul.footer-shortcuts {
	list-style: none;
	padding: 0;
}

ul.footer-shortcuts li:has(+li) {
	margin-bottom: 1em;
}

ul.footer-social-media-icons svg {
	font-size: 2rem;
	color: var(--light-beige)
}

ul.footer-social-media-icons li:has(+li) svg {
	margin-right: 0.75rem;
}

footer a.data {
	font-size: 0.875rem;
}

/* 
***************************************************************************************************************************************************
Google maps
***************************************************************************************************************************************************
*/
.gm-style .gm-style-iw-c {
	padding: 1rem !important;
}

	.gm-style .gm-style-iw-c button {
		top: 0 !important;
		right: 0 !important;
		width: 35px !important;
		height: 35px !important;
	}

		.gm-style .gm-style-iw-c button img {
			width: 20px !important;
			height: 20px !important;
		}

	.gm-style .gm-style-iw-c .gm-style-iw-d {
		margin-top: 9px;
		margin-left: 20px;
		text-align: center;
		margin-bottom: -7px;
		max-width: 260px !important;
	}

		.gm-style .gm-style-iw-c .gm-style-iw-d span {
			display: block;
			font-size: 1rem;
		}

		.gm-style .gm-style-iw-c .gm-style-iw-d .green-btn {
			display: block;
			font-size: .875rem;
			margin-top: .875rem;
			padding: 1rem 1rem;
		}


/* Google map for projects */

#map {
    height: 100%;
    width: 100%;
    max-height: 300px;
}

@media screen and (min-width: 768px) {
	#map {
		margin: 0;
        padding-bottom: 55%;
	}
}

@media screen and (min-width: 2100px) {
        #map {
        max-height: 400px;
    }
}
#map .gm-style .gm-style-iw-c {
	padding: 1rem 2.25rem 1rem 1rem !important;
	border-radius: 0;
}

	#map .gm-style .gm-style-iw-c button img {
		width: 20px !important;
		height: 20px !important;
	}

	#map .gm-style .gm-style-iw-c .gm-style-iw-d {
		margin: 0;
		text-align: left;
		max-width: 215px !important;
		display: block;
		font-size: 0.875rem;
		line-height: 1.6;
		font-family: 'Montserrat', sans-serif;
	}

		#map .gm-style .gm-style-iw-c .gm-style-iw-d strong {
			margin-bottom: 0.25rem;
			font-size: 1rem;
			font-weight: 600;
			display: inline-block;
		}

.map-projects {
	padding-bottom: 0;
}

@media (min-width: 992px) {
	.map-projects {
		padding-bottom: 2.5rem;
	}
}

@media (min-width: 1200px) {
	.map-projects {
		padding-bottom: 4rem;
	}
}

.map-project-boxes {
}

.map-project-box {
	margin: 0;
	flex-basis: 100%;
}

.map-project-text {
	padding: 1rem;
}

@media screen and (max-width: 767px) {
	#map {
		height: 300px;
	}
}

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


	.map-project-boxes {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.map-project-box {
		margin: 0 0 1.5rem;
		border-top: none;
		flex-basis: calc(50% - 0.5rem);
	}

	.map-project-focus {
		flex-basis: 100%;
	}

	.map-project-text {
		padding: 1rem 0 0;
	}
}

@media screen and (min-width: 992px) {

	.map-project-box {
		flex-basis: 100%;
	}
}

@media screen and (min-width: 1200px) {
	.map-categories .advancedFilter {
		display: block;
	}
}

@media screen and (min-width: 1400px) {
	.map-project-box {
		flex-basis: calc(50% - 0.5rem);
	}

	.map-project-focus {
		flex-basis: 100%;
	}
}

.map-projects .map-categories .category-list-item {
	border-top: 1px solid #33322E50;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

	.map-projects .map-categories .category-list-item:last-child {
		border-bottom: 1px solid #33322E50;
	}

.map-project-box h3 {
	color: #212529;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.map-project-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.map-project-box .btn {
	padding: 0;
	background-color: none;
	color: #2F6436;
	font-weight: 600;
	margin-top: 1rem;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

	.map-project-box .btn:focus {
		outline: none;
		box-shadow: none;
	}

.map-project-box .gm-style-iw-d span,
.map-project-box .gm-style-iw-d a,
.map-project-box .gm-style-iw-d p {
	font-size: .875rem !important;
	margin-bottom: 0;
}

.map-project-box li a {
	font-weight: 600;
}

.map-paginator {
	background-color: #F6F6F3;
	padding: 1rem;
	margin: 0 -15px;
}

	.map-paginator ul {
		width: 100%;
		display: flex;
		justify-content: center;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.map-paginator li a {
		color: #000000;
		font-weight: 500;
		font-size: 1rem;
		padding: 0 0.25rem;
	}

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

	.map-paginator {
		flex-basis: 100%;
		margin: 0;
		background-color: transparent;
	}
}

.map-categories {
	padding: 1rem 1rem 0.25rem;
	margin: 0;
	flex-basis: 100%;
}

@media screen and (min-width: 768px) {
	.map-categories {
		margin: 0 0 1.5rem;
	}
}

.map-categories h3 {
	color: #212529;
	text-transform: uppercase;
}


.map-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

	.map-categories ul .flex-column ul {
		margin: 0 -15px;
		flex-direction: row;
		flex-wrap: wrap;
	}

		.map-categories ul .flex-column ul input {
			height: 12px;
			width: 12px;
		}

		.map-categories ul .flex-column ul label {
			font-weight: 600;
			font-size: .875rem;
		}

.map-categories li {
	display: flex;
	align-items: center;
	margin-bottom: 0.25rem;
}

.map-categories label {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0.25rem 0;
	display: inline-block;
	margin-bottom: 0;
	line-height: 1.2;
	font-weight: 900;
}

	.map-categories label.category-soil {
		color: #2f6436;
	}

	.map-categories label.category-ground-tiles {
		color: #462600;
	}

	.map-categories label.category-wall-bench {
		color: #bc6907;
	}

	.map-categories label.category-wall-bench {
		color: #bc6907;
	}


.map-categories input[type="checkbox"] {
	margin-right: 0.5rem;
	width: 17px;
	height: 17px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	font-size: 0.875em;
	text-align: center;
	background: #ffffff;
	border: 2px solid #ffffff;
	outline: 2px solid #666666;
	border-radius: 1px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 2px;
	margin-left: 2px;
}


	.map-categories input[type="checkbox"]#category-all:checked {
		background-color: #666666;
	}

	.map-categories input[type="checkbox"].category-soil {
		outline-color: #2f6436;
	}

		.map-categories input[type="checkbox"].category-soil:checked,
		.map-categories ul .flex-column ul input:checked {
			background-color: #2f6436;
		}

	.map-categories input[type="checkbox"].category-ground-tiles {
		outline-color: #462600;
	}

		.map-categories input[type="checkbox"].category-ground-tiles:checked {
			background-color: #462600;
		}

	.map-categories input[type="checkbox"].category-wall-bench {
		outline-color: #bc6907;
	}

		.map-categories input[type="checkbox"].category-wall-bench:checked {
			background-color: #bc6907;
		}

.map-categories a {
	text-transform: uppercase;
	font-weight: 500;
	color: #33322E;
}

#categoryTabs.nav-tabs .nav-link.active {
	background: #F6F6F3;
	border: 1px solid #33322E;
	border-bottom: 1px solid #F6F6F3;
	color: #33322E;
	margin-right: 0;
}

#categoryTabs.nav-tabs .nav-link.lista img {
	content: url("/media/1hoe51ay/list-ul-sharp-light-1.svg");
}

#categoryTabs.nav-tabs .nav-link.karta img {
	content: url("/media/dy5jxo3v/map-location-dot-sharp-light-1.svg");
}

#categoryTabs.nav-tabs .nav-link.active.lista img {
	content: url("/media/nkjfkk52/list-ul-sharp-light.svg");
}

#categoryTabs.nav-tabs .nav-link.active.karta img {
	content: url("/media/naykkdm2/map-location-dot-sharp-light.svg");
}

#categoryTabs.nav-tabs {
	border-bottom: 1px solid #33322E;
}


@media screen and (max-width: 768px) {
	#categoryTabs.nav {
		flex-wrap: nowrap;
	}
}


#categoryTabs.nav-tabs .nav-link {
	background: #F6F6F3;
	border: 1px solid #33322E50;
	border-bottom: 1px solid #33322E;
	color: #33322E50;
	margin-right: 0;
}

.card-body.specs h3 {
	font-weight: 800;
	color: #33322E;
}

	.card-body.specs h3 p {
		margin-bottom: 0;
	}

@media screen and (min-width: 992px) {
	.card-body.specs h3 {
		font-size: 1.375rem;
	}
}

.card-body.specs .specs-data {
	font-weight: 600;
	color: #33322E;
}

	.card-body.specs .specs-data p {
		display: inline;
		font-weight: 400;
		color: #33322E;
	}

	.card-body.specs .specs-data a:hover,
	.card-body.specs .specs-data a {
		color: #33322E;
	}

.nav-item {
	position: relative;
}


@media screen and (min-width: 992px) {
	.map-categories label {
		padding: 0 1rem 0 0;
	}
}

@media screen and (min-width: 1200px) {

	.map-categories ul {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.tab-content .order-menu-item p {
	text-align: left;
}

.green-text,
.green-text a {
	color: #2F6436 !important;
}

.red-text,
.red-text a {
	color: #462600 !important;
}

.orange-text
.orange-text a {
	color: #bc6907 !important;
}


/* 
***************************************************************************************************************************************************
Forms
***************************************************************************************************************************************************
*/

.umbraco-forms-field-wrapper {
	margin-bottom: 1rem;
}

.umbraco-forms-form .checkboxlist label {
	float: none !important;
}

.umbraco-forms-form .umbraco-forms-field-wrapper input.text.form-control, .umbraco-forms-form textarea.form-control {
	max-width: 100% !important;
}

.reference .umbraco-rte h4:first-of-type {
	margin-top: 0;
}

.reference h1 {
    text-transform: none;
}

.reference h2:first-child {
	margin-top: 1rem;
}

.reference-image-container .padding-x-space {
	padding: 0;
}

@media (min-screen: 992px) {
	.reference h2:first-child {
		margin-top: 0;
	}
}

.tab-content label.umbraco-forms-label,
.kontakt label.umbraco-forms-label {
	font-weight: 500;
	margin-bottom: 0.25rem;
}

.tab-content .umbraco-forms-field-wrapper,
.kontakt .umbraco-forms-field-wrapper {
	margin-bottom: 1.75rem;
}

	.tab-content .umbraco-forms-field-wrapper input.text.form-control,
	.kontakt.umbraco-forms-form .umbraco-forms-field-wrapper input.text.form-control {
		margin-top: 0;
	}

.tab-content .umbraco-forms-navigation,
.kontakt.umbraco-forms-form .umbraco-forms-navigation {
	padding: 0;
}
.umbraco-forms-default label.umbraco-forms-label {
	font-weight: 400;
	display: block;
	background: transparent !important;
}

.umbraco-forms-default legend.umbraco-forms-legend {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	display: block;
}

.umbraco-forms-default .btn.primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.umbraco-forms-default .btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.umbraco-forms-default fieldset {
	padding: 0 !important;
	margin: 0 0 1.5em;
	border: none !important;
}

.umbraco-forms-default .umbraco-forms-field-wrapper input.text,
.umbraco-forms-default .umbraco-forms-field-wrapper textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 6px 12px;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.umbraco-forms-default .umbraco-forms-field-wrapper input.text:focus,
.umbraco-forms-default .umbraco-forms-field-wrapper textarea:focus {
	outline: none;
	border-color: #80bdff;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.umbraco-forms-default .umbraco-forms-navigation.row-fluid > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
	text-align: left;
}

.umbraco-forms-default .umbraco-forms-navigation {
	margin-top: 1rem;
}

.umbraco-forms-default .umbraco-forms-field-wrapper .checkboxlist,
.umbraco-forms-default .umbraco-forms-field-wrapper .radiobuttonlist {
	padding: 0;
	margin-top: 0.25rem;
	float: none;
}

.umbraco-forms-default .umbraco-forms-field-wrapper .checkboxlist > div,
.umbraco-forms-default .umbraco-forms-field-wrapper .radiobuttonlist > div {
	margin-bottom: 0.25rem;
}

.umbraco-forms-default legend.umbraco-forms-legend {
	margin-bottom: 0.25rem;
}
/*
***************************************************************************************************************************************************
Calculator
***************************************************************************************************************************************************
*/
.calculator-section {
	background-color: #F6F6F3;
}

#calc-form h2 {
	font-size: 1.25rem;
	text-transform: uppercase;
	text-align: center;
}


.clicked {
	background: #C0D0C2 !important;
}

button.green-btn.calc-btn {
	background-color: #F6F6F3;
	text-align: center;
	font-weight: 500;
	border-radius: 2px;
	text-transform: uppercase;
	transition: all .5s;
	font-size: 1rem;
}

	button.green-btn.calc-btn:focus {
		box-shadow: none;
	}

	button.green-btn.calc-btn:hover {
		background: #C0D0C2 !important;
		border: 1px solid #C0D0C2;
		color: #212529;
	}



.result h2 {
	color: #2F6436;
	text-transform: uppercase;
	font-size: 1.25rem;
}

button#calc {
	background: transparent;
	color: #997326;
	border: 1px solid #947435;
	border-radius: 74px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500;
}

#focus {
	display: flex;
	justify-content: end;
}

input#volym,
input#kvm {
	border-radius: 0;
	background: #F6F6F3;
	border: none;
}


.custom-control-input-green:focus ~ .custom-control-label::before {
	border-color: #ccc !important;
	box-shadow: none;
}

.custom-control-input-green:checked ~ .custom-control-label::before {
	border-color: #2F6436 !important;
	background-color: #2F6436 !important;
}

.custom-control-input-green:focus:not(:checked) ~ .custom-control-label::before {
	border-color: #ccc !important;
}

.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
	background-color: transparent !important;
	border-color: #ccc !important;
}



button {
	-webkit-appearance: none;
}

.button-row {
	margin-top: 1rem;
}

@media screen and (min-width: 768px) {
	.form-control.calc {
		width: 17%;
	}
}

@media screen and (max-width: 768px) {
	.form-control.calc {
		width: 40%;
	}
}

@media screen and (max-width: 992px) {
	.calc-section {
		margin-right: 15px;
		margin-left: 15px;
	}

	.calculator-section {
		padding-right: 3rem;
		padding-left: 3rem;
	}
}

span.lower-text {
	bottom: -1.75em;
	position: relative;
	line-height: 0;
	vertical-align: baseline;
}

.umbraco-forms-container.col-md-12 {
	padding-left: 0;
	padding-right: 0;
}

input#ac03e3ba-1266-4bc2-e80c-da9a668be9b7 {
	border-radius: 2px;
	border: none;
}

#umbraco_form_9e9760d02c93450f82b84e3445861adf {
	padding-top: 0 !important;
}

[type="button"] {
	-webkit-appearance: none;
}


.calculator-modal-header {
	border: 0;
}

.calculator-modal-content {
	border: 0;
	border-radius: 0;
}

@media (min-width: 992px) {
	.calculator-modal-body {
		padding: 3rem 3rem 0rem 3rem;
	}
}

a.calc-button.green-btn {
	background: transparent;
	color: #997326;
	border: 1px solid #947435;
	border-radius: 74px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 500;
}

	a.calc-button.green-btn:hover {
		color: #947435;
	}

.result {
	display: none;
}

	.result p {
		margin: 0;
	}

.result-display {
	display: block !important;
}

.sum-modal-body {
	padding: 0rem;
	background: #E9EFEA;
	padding: 3rem;
}



.to-top {
	background: #2F6436;
	color: #fff;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	line-height: 1rem;
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 1;
}

	.to-top:hover {
		background: #87A087;
	}

	.to-top a {
		color: #fff !important;
		text-decoration: none;
	}

.knowledge-menu-item h3, .order-menu-item h3 {
	text-transform: uppercase;
	text-align: center;
}

.order-menu-item p {
	text-align: center;
}

.knowledge-menu-item {
	margin-top: 15px;
	margin-bottom: 15px;
	aspect-ratio: 3/2;
}

.knowledge-menu-content {
	background-color: #F6F6F3;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.knowledge-menu {
	box-shadow: 0px 2px 3px #00000029;
}

.knowledge-icon {
	max-height: 100px;
	width: auto;
}

@media screen and (min-width: 576px) {

	.knowledge-icon {
		max-height: 60px;
	}
}

@media screen and (min-width: 992px) {

	.knowledge-icon {
		max-height: 40px;
	}
}

@media screen and (min-width: 1300px) {

	.knowledge-icon {
		max-height: 60px;
	}
}

@media screen and (min-width: 1700px) {

	.knowledge-icon {
		max-height: 80px;
	}
}

.order-menu-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #F6F6F3;
	margin-bottom: 2rem;
}

.product-data-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
}

	.order-menu-content h3, .product-data-content h3 {
		margin: 1.5rem 2rem 1.5rem 2rem;
	}

.order-menu-item.pick-form h3 {
	margin: 1.5rem 2rem 0rem 2rem;
}

html {
	scroll-behavior: smooth;
}

.calculator-section {
	background: #F6F6F3;
}

.knowledge-headline {
	text-align: center;
	font-size: 1.5rem;
	margin-top: 1rem;
}

@media screen and (max-width: 992px) {
	.knowledge-headline {
		font-size: 1.5rem;
	}
}


.product-data-section {
	background: #F6F6F3;
}


/* ========= Hero Block ========= */
.hero-block {
	min-height: 60vh;
	background-image: url(../images/header_image.png);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.video-hero-block {
	min-height: 60vh;
	background-color: #F6F6F3;
	background-image: url(../images/header_image.png);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}

.video-holder {
	border: 16px solid #FFFFFF;
	max-width: 1140px;
	box-shadow: -38px 45px 71px -1px rgba(0, 0, 0, 0.09);
}

.video-answer p {
	margin-bottom: 2rem;
}

.video-question h4 {
	margin-top: 0rem;
}


@media screen and (min-width: 992px) {

	.video-section {
		margin-top: -15rem;
	}


	.video-caption {
		margin-top: 6rem;
	}
}




.video-info-person img {
	border-radius: 50%;
	width: 12vw;
	height: 12vw;
}

@media screen and (max-width: 992px) {

	.video-info-person img {
		width: 24vw;
		height: 24vw;
	}
}

@media screen and (max-width: 568px) {

	.video-info-person img {
		width: 40vw;
		height: 40vw;
	}
}


.video-preamble {
	box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.08);
	text-align: center;
	padding: 2rem;
	margin-top: 2rem;
	background: #fff;
}

.question-section:nth-child(even) {
	background: #F6F6F3;
}


.hero-caption, .video-caption {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

@media screen and (max-width: 992px) {

	.video-caption {
		margin-top: 8rem;
	}

	.video-hero-block {
		min-height: 50vh;
	}
}

.hero-caption h1, .video-caption h1 {
	color: #fff;
	font-size: 2.25rem;
	line-height: 1.1;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0rem;
}

.hero-caption p, .video-caption p {
	color: #fff;
	font-size: 1.125rem;
	margin: 1rem 0;
	text-align: center;
	max-width: 840px;
}

.chevron-down {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

	.chevron-down a {
		color: #fff;
		font-size: 2.5rem;
	}

	.chevron-down p {
		color: #fff;
		font-size: 1.25rem;
		margin-bottom: 0rem;
	}

i.fas.fa-chevron-right {
	font-size: 0.875rem;
}

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

	.chevron-down {
		bottom: 1.5rem;
	}
}

@media screen and (min-width: 1200px) {

	.chevron-down {
		bottom: 2rem;
	}
}



@media (min-width: 992px) {
	.hero-caption h1, .video-caption h1 {
		font-size: 2.25rem;
	}

	.hero-caption p, .video-caption p {
		font-size: 1.25rem;
	}
}

@media (min-width: 1200px) {
	.hero-caption h1, .video-caption h1 {
		font-size: 3rem;
	}

	.hero-caption p, .video-caption p {
		font-size: 1.5rem;
	}
}

/*

@media (min-width: 993px) {
	.video-info {
		margin-top: 35rem;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.video-info {
		margin-top: 20rem;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.video-info {
		margin-top: 15rem;
	}
}
@media (min-width: 480px) and (max-width: 599px) {
	.video-info {
		margin-top: 12rem;
	}
}


@media (max-width: 479px) {
	.video-info {
		margin-top: 8rem;
	}
}

*/
.knowledge-menu-headline {
	font-size: 1rem;
	margin-top: 1rem;
}




@media (min-width: 576px) {

	.knowledge-menu-headline {
		font-size: 0.75rem;
	}
}

@media (min-width: 1700px) {

	.knowledge-menu-headline {
		font-size: 1rem;
	}
}

.map-projects-section {
	background: #F6F6F3;
	padding-bottom: 0;
}

.orderform-modal-header {
	border-bottom: 0;
	border-radius: 0;
	padding-bottom: 0;
}

	.orderform-modal-header .close {
		font-size: 3rem;
		font-weight: 400;
	}

.orderform-modal-content {
	border-radius: 0;
}

.orderform-modal-body {
	padding: 0rem 5rem 3rem 5rem;
}


.umbraco-forms-form .knowledge-form input.text, .umbraco-forms-form .knowledge-form input.title, .umbraco-forms-form .knowledge-form textarea, .umbraco-forms-form .knowledge-form select {
	border-bottom: 1px solid #bbb !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	background: transparent;
	margin: 0;
	padding: 0;
}

@media (min-width: 992px) {
	.umbraco-forms-page.knowledge-forms-page {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
}

@media (max-width: 992px) {
	.order-menu-item {
		margin-top: 1rem;
	}
}

.umbraco-forms-form .knowledge-form textarea {
	width: 100%;
	max-width: 100% !important;
}

	.umbraco-forms-form .knowledge-form textarea:focus, .umbraco-forms-form .knowledge-form textarea:focus-visible, .umbraco-forms-form .knowledge-form input.text:focus-visible {
		outline: none;
	}

.knowledge-form label.umbraco-forms-label {
	font-weight: 400 !important;
}

@media (min-width: 992px) {
	.umbraco-forms-form .knowledge-forms-page fieldset {
		width: 600px;
		padding: 1em 0em 0em 0em;
	}
}


.knowledge-form-button {
	padding-right: 0;
	padding-left: 0;
}

#umbraco_form_9e9760d02c93450f82b84e3445861adf .knowledge-form-button {
	justify-content: start !important;
}

.umbraco-forms-form .umbraco-forms-navigation {
	padding: 0 !important;
}

.knowledge-contact-form-section {
	background-color: #F6F6F3;
	background-image: url(../images/header_image.png);
	background-size: cover !important;
	background-position: center !important;
}

.knowledge-contact-form {
	background: #fff;
	padding: 2rem 3rem;
	max-width: 992px;
}

.umbraco-forms-field-wrapper .knowledge-field-wrapper {
	margin-bottom: 0 !important;
}


/* Dots */

#knowledge-slide .slick-dots,
.image-gallery-slide .slick-dots,
.js-reference-slider .slick-dots {
	position: absolute;
	bottom: -30px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

	#knowledge-slide .slick-dots li,
	.image-gallery-slide .slick-dots li,
	.js-reference-slider .slick-dots li{
		position: relative;
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}

		#knowledge-slide .slick-dots li button,
		.image-gallery-slide .slick-dots li button,
		.js-reference-slider .slick-dots li button{
			font-size: 0;
			line-height: 0;
			display: block;
			width: 12px;
			height: 12px;
			padding: 5px;
			cursor: pointer;
			color: transparent;
			border: 1px solid #87A087;
			border-radius: 50%;
			outline: none;
			background: #87A087
		}

			#knowledge-slide .slick-dots li.slick-active button,
			#knowledge-slide .slick-dots li button:hover,
			#knowledge-slide .slick-dots li button:focus {
				background: transparent;
				border: 1px solid #87A087;
			}

.image-gallery-slide .slick-prev:before,
.image-gallery-slide .slick-next:before {
	color: #87A087;
}


.card.order-menu-item.video, .card.order-menu-item.reference {
	border: none;
	border-radius: 0;
	margin: 1rem;
	background: #F6F6F3;
}

.card.order-menu-item.projects {
	border: none;
	border-radius: 0;
	margin: 1rem 0rem;
	background: #F6F6F3;
	width: 100%;
}

.card.order-menu-item .card-body {
	background: #F6F6F3;
	border: none;
}

.card-img-top .reference-img img {
	border: 1px solid #fff;
}

.card.order-menu-item.reference {
	border: 1px solid #fff !important;
}

@media (min-width: 992px) {
	.reference-img img {
		max-height: 230px;
	}
}

.order-menu-item.pick-form {
	margin-bottom: 2rem;
}


.slick-track {
	display: flex !important;
}

.slick-slide {
	height: inherit !important;
}

.slick-next {
	right: 20px !important;
}

.slick-prev {
	left: 20px !important;
}

.video-img {
	height: 240px;
}

	.video-img img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

.play-btn {
	position: absolute;
	top: 0;
	bottom: 25%;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	-webkit-mask: url(/media/bmaosrgl/webinar.svg) no-repeat center;
	mask: url(/media/bmaosrgl/webinar.svg) no-repeat center;
}

.scroll-to {
	display: block;
	position: relative;
	top: -99px;
	visibility: hidden;
}

.zoom {
	transition: transform .2s;
}

	.zoom:hover {
		-ms-transform: scale(1.05); /* IE 9 */
		-webkit-transform: scale(1.05); /* Safari 3-8 */
		transform: scale(1.05);
	}

.img-zoom {
	transition: transform .5s;
}

	.img-zoom:hover {
		-ms-transform: scale(1.1); /* IE 9 */
		-webkit-transform: scale(1.1); /* Safari 3-8 */
		transform: scale(1.1);
	}

.reference-projects {
	background: #F6F6F3;
}

.card-img-top {
	border-radius: 0 !important;
}

.back-link {
	text-transform: uppercase;
	font-weight: 600;
}

.fa-chevron-left.fa-w-10.back {
	color: #2F6436;
	font-size: 0.875rem;
}


#map-projects .reference-img-holder img,
.latest-section .reference-img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
	object-position: top;
}


.latest-section h2 {
	font-weight: 800;
}

.slick-track {
	display: flex !important;
}

.slick-slide {
	height: inherit !important;
}


/* Subpage text sections */

.text-sections {
	overflow-x: hidden;
}

.text-section > div {
	position: relative;
}

.text-section:nth-child(even) {
	background: #F6F6F3;
}

.text-section > div > div {
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	margin-bottom: 1.5rem;
}

.text-section:last-child > div {
	padding-bottom: 0;
}

.text-image .section-image figure {
	position: relative;
	margin-bottom: 0;
}

.text-image .section-image img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

.text-image .section-image figure::after {
	content: "";
	display: block;
	padding-bottom: 73%;
}

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

	.text-image-section .text-image .section-text {
		order: 2;
	}

	.text-image-section .text-image .section-image {
		order: 1;
	}
}

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

	.text-sections {
		padding-left: 0;
		padding-right: 0;
	}

	.text-section > div > div {
		flex-basis: 50%;
		margin-bottom: 0;
	}

	.text-image-section:nth-child(odd) .text-image .section-text {
		padding-right: 2rem;
	}

	.text-image-section:nth-child(even) .text-image .section-text {
		order: 2;
	}

	.text-image-section:nth-child(even) .text-image .section-image {
		order: 1;
		padding-left: 0;
		padding-right: 2rem;
	}
}

@media screen and (min-width: 992px) {


	.text-image-section:nth-child(odd) .text-image .section-text {
		padding-right: 3rem;
	}

	.text-image-section:nth-child(even) .text-image .section-image {
		padding-right: 3rem;
	}
}

@media screen and (min-width: 1400px) {


	.text-image-section:nth-child(odd) .text-image .section-text {
		padding-right: 4rem;
	}

	.text-image-section:nth-child(even) .text-image .section-image {
		padding-right: 4rem;
	}
}

@media screen and (min-width: 1700px) {


	.text-image-section:nth-child(even) .text-image .section-image {
		padding-right: 5.5rem;
	}
}

.section-text h2 {
	font-size: 1.125rem;
	margin-bottom: 0.75rem;
	color: #3D3D3C;
	text-transform: uppercase;
}

.section-text p {
	line-height: 1.9;
}

	.section-text p:last-child {
		margin-bottom: 0;
	}

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

	.section-text p:last-child {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1200px) {

	.section-text h2 {
		font-size: 1.5rem;
	}

	.section-text p {
		font-size: 1.125rem;
	}
}

@media screen and (min-width: 1400px) {

	.section-text .theme-btn {
		margin-top: 0.5rem;
	}
}

@media screen and (min-width: 1700px) {

	.section-text h2 {
		margin-bottom: 1rem;
	}

	.section-text p {
		font-size: 1.25rem;
	}

	.section-text .theme-btn {
		margin-top: 1rem;
	}
}

@media screen and (min-width: 992px) {
	main.subpage .subpage-banner {
		min-height: 30vw;
		padding-top: 40px;
	}
}

main.subpage .subpage-banner {
	display: flex;
	padding-top: 76px;
	align-items: center;
	min-height: 70vw;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	justify-content: center;
	text-align: center;
}

	main.subpage .subpage-banner h1 {
		color: #fff;
		font-size: 1.5rem;
	}

main.subpage .subpage-banner-content {
	max-width: 400px;
}


@media screen and (min-width: 400px) {
	main.subpage .subpage-banner {
		min-height: 60vw;
	}
}

@media screen and (min-width: 568px) {
	main.subpage .subpage-banner {
		min-height: 50vw;
	}
}

@media screen and (min-width: 768px) {
	main.subpage .subpage-banner {
		justify-content: flex-start;
		text-align: left;
		min-height: 40vw;
	}

		main.subpage .subpage-banner h1 {
			font-size: 2rem;
		}

	main.subpage .subpage-banner-content {
		max-width: 500px;
	}
}

@media screen and (min-width: 992px) {
	main.subpage .subpage-banner {
		padding-top: 99px;
		min-height: 30vw;
		justify-content: flex-start;
		text-align: left;
	}

		main.subpage .subpage-banner h1 {
			font-size: 2.5rem;
		}
}


@media screen and (min-width: 1200px) {


	main.subpage .subpage-banner-content {
		max-width: 700px;
	}
}

@media screen and (min-width: 1700px) {


	main.subpage .subpage-banner-content {
		max-width: 900px;
	}
}


main.subpage .subpage-banner p {
	color: #fff;
}

main.subpage .breadcrumb-nav {
	margin-top: 0;
}


.business-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.intro-section h2 {
	color: #3D3D3C;
}


.hotspots {
	position: relative;
}

	.hotspots img {
		width: 100%;
		height: auto;
		display: block;
	}

.hotspot.theme-btn {
	background: #F6F6F3;
	border: 1px solid #F6F6F3;
	color: #000 !important;
	padding: 0.25rem 0.5rem 0.25rem 1rem;
	border-radius: 75px;
	transition: none;
}

	.hotspot.theme-btn:hover {
		color: #fff !important;
	}

.hotspot span.plus {
	padding: 0.5rem;
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	border-radius: 50%;
	margin-left: 10px;
	background: #F6F6F3;
	transition: none;
	color: #000;
}

.hotspot.theme-btn:hover span.plus {
	border: 1px solid #F6F6F3;
	background: #2F6436;
	color: #F6F6F3;
}




.hs-button {
	position: absolute;
}

#hsres-1 {
	top: 7%;
	left: 13%;
}

#hsres-2 {
	top: 12%;
	left: 13%;
}

#hsres-3 {
	top: 15%;
	left: 17%;
}

#hsres-4 {
	top: 20%;
	left: 30%;
}

#hsres-5 {
	top: 8%;
	left: 40%;
}

#hsres-6 {
	top: 13%;
	left: 50%;
}

#hsres-7 {
	top: 15%;
	left: 40%;
}

#hsres-8 {
	top: 7%;
	left: 74%;
}

#hsres-9 {
	top: 13%;
	left: 63%;
}

#hsres-10 {
	top: 15%;
	left: 80%;
}

#hsres-11 {
	top: 20%;
	left: 55%;
}

@media screen and (min-width: 432px) {

	#hsres-1 {
		top: 11%;
		left: 10%;
	}

	#hsres-2 {
		top: 16%;
		left: 16%;
	}

	#hsres-3 {
		top: 24%;
		left: 17%;
	}

	#hsres-4 {
		top: 28%;
		left: 30%;
	}

	#hsres-5 {
		top: 10%;
		left: 40%;
	}

	#hsres-6 {
		top: 19%;
		left: 48%;
	}

	#hsres-7 {
		top: 23%;
		left: 40%;
	}

	#hsres-8 {
		top: 11%;
		left: 74%;
	}

	#hsres-9 {
		top: 20%;
		left: 65%;
	}

	#hsres-10 {
		top: 25%;
		left: 80%;
	}

	#hsres-11 {
		top: 30%;
		left: 60%;
	}
}

@media screen and (min-width: 567px) {

	#hsres-1 {
		top: 20%;
		left: 13%;
	}

	#hsres-2 {
		top: 23%;
		left: 16%;
	}

	#hsres-3 {
		top: 34%;
		left: 17%;
	}

	#hsres-4 {
		top: 40%;
		left: 30%;
	}

	#hsres-5 {
		top: 14%;
		left: 40%;
	}

	#hsres-6 {
		top: 23%;
		left: 50%;
	}

	#hsres-7 {
		top: 31%;
		left: 42%;
	}

	#hsres-8 {
		top: 14%;
		left: 75%;
	}

	#hsres-9 {
		top: 23%;
		left: 65%;
	}

	#hsres-10 {
		top: 31%;
		left: 85%;
	}

	#hsres-11 {
		top: 40%;
		left: 60%;
	}
}

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

	#hsres-1 {
		top: 18%;
		left: 13%;
	}

	#hsres-2 {
		top: 25%;
		left: 16%;
	}

	#hsres-3 {
		top: 40%;
		left: 17%;
	}

	#hsres-4 {
		top: 48%;
		left: 30%;
	}

	#hsres-5 {
		top: 14%;
		left: 40%;
	}

	#hsres-6 {
		top: 23%;
		left: 50%;
	}

	#hsres-7 {
		top: 35%;
		left: 42%;
	}

	#hsres-8 {
		top: 14%;
		left: 75%;
	}

	#hsres-9 {
		top: 30%;
		left: 65%;
	}

	#hsres-10 {
		top: 36%;
		left: 85%;
	}

	#hsres-11 {
		top: 42%;
		left: 60%;
	}
}

@media screen and (min-width: 992px) {


	#hs-1 {
		top: 25%;
		left: 4%;
	}

	#hs-2 {
		top: 35%;
		left: 9%;
	}

	#hs-3 {
		top: 55%;
		left: 8%;
	}

	#hs-4 {
		top: 70%;
		left: 13%;
	}

	#hs-5 {
		top: 16%;
		left: 24%;
	}

	#hs-6 {
		top: 30%;
		left: 35%;
	}

	#hs-7 {
		top: 50%;
		left: 25%;
	}

	#hs-8 {
		top: 20%;
		left: 59%;
	}

	#hs-9 {
		top: 40%;
		left: 57%;
	}

	#hs-10 {
		top: 50%;
		left: 69%;
	}

	#hs-11 {
		top: 60%;
		left: 42%;
	}
}

@media screen and (min-width: 1200px) {


	#hs-1 {
		top: 25%;
		left: 7%;
	}

	#hs-2 {
		top: 35%;
		left: 12%;
	}

	#hs-3 {
		top: 58%;
		left: 10%;
	}

	#hs-4 {
		top: 70%;
		left: 20%;
	}

	#hs-5 {
		top: 16%;
		left: 28%;
	}

	#hs-6 {
		top: 30%;
		left: 40%;
	}

	#hs-7 {
		top: 50%;
		left: 30%;
	}

	#hs-8 {
		top: 20%;
		left: 62%;
	}

	#hs-9 {
		top: 40%;
		left: 59%;
	}

	#hs-10 {
		top: 50%;
		left: 73%;
	}

	#hs-11 {
		top: 60%;
		left: 48%;
	}
}

@media screen and (min-width: 1700px) {

	#hs-1 {
		top: 25%;
		left: 9%;
	}

	#hs-2 {
		top: 35%;
		left: 18%;
	}

	#hs-3 {
		top: 58%;
		left: 12%;
	}

	#hs-4 {
		top: 70%;
		left: 23%;
	}

	#hs-5 {
		top: 16%;
		left: 28%;
	}

	#hs-6 {
		top: 30%;
		left: 45%;
	}

	#hs-7 {
		top: 50%;
		left: 35%;
	}

	#hs-8 {
		top: 20%;
		left: 65%;
	}

	#hs-9 {
		top: 40%;
		left: 63%;
	}

	#hs-10 {
		top: 50%;
		left: 80%;
	}

	#hs-11 {
		top: 60%;
		left: 50%;
	}
}

@media screen and (min-width: 1900px) {

	#hs-1 {
		top: 25%;
		left: 12%;
	}

	#hs-2 {
		top: 35%;
		left: 15%;
	}

	#hs-3 {
		top: 58%;
		left: 15%;
	}

	#hs-4 {
		top: 70%;
		left: 24%;
	}

	#hs-5 {
		top: 17%;
		left: 31%;
	}

	#hs-6 {
		top: 30%;
		left: 45%;
	}

	#hs-7 {
		top: 50%;
		left: 35%;
	}

	#hs-8 {
		top: 20%;
		left: 68%;
	}

	#hs-9 {
		top: 40%;
		left: 63%;
	}

	#hs-10 {
		top: 50%;
		left: 80%;
	}

	#hs-11 {
		top: 60%;
		left: 55%;
	}
}

.hotspot.theme-btn:hover {
	border: 1px solid #2F6436;
	background: #2F6436;
	animation-play-state: paused;
	color: #F6F6F3;
}

.hotspot.theme-btn .collapse {
	max-width: 240px;
	border-radius: 10px;
}

.hs-button .dropdown-menu::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid #FFFFFF;
	position: absolute;
	top: -12px;
	left: 70px;
}

.hs-button .dropdown-menu {
	position: absolute;
	top: 4rem !important;
	background-color: #FFFFFF;
	white-space: nowrap;
	padding: 1rem;
	border-radius: 10px;
	width: 260px;
	white-space: normal;
	z-index: 1;
}

	.hs-button .dropdown-menu p {
		max-width: 400px;
	}

.rotate {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.hotspots .more-link {
	text-decoration: underline;
}

.hotspots h4 {
	color: #3D3D3C;
	font-size: 1rem;
	margin-top: 0.75rem;
}

.hotspot-links {
	column-count: 2;
	column-width: 200px;
	column-gap: 32px;
}

	.hotspot-links a {
		break-inside: avoid;
		display: inline-block;
		width: 100%;
	}

/* 
-----------------------------------------
Homepage text section
-----------------------------------------
*/
.homepage-content .text-section:nth-child(odd) {
	background: #F6F6F3;
}

.homepage-content .text-section:nth-child(even) {
	background: #FFF;
}

.text-section .preheadline {
	color: #7B7B79;
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 600;
}


.contact-box {
	background: #F6F6F3;
	padding: 2rem;
	column-count: 2;
	column-width: 300px;
	column-gap: 32px;
}

.contact-box .contact-box-item {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	border-bottom: 1px solid #ccc;
}

.contact-box-headline {
	font-weight: 600;
	margin-bottom: 0;
	padding-top: 1rem;
}

.contact-box a {
	color: #212529;
	text-decoration: underline;
}

.slick-dots li {
	display: inline-block;
}

	.slick-dots li:only-child {
		display: none;
	}

#knowledge-productmenu .knowledge-submenu {
	background: rgb(255,255,255, 0.9);
}





@media screen and (min-width: 992px) {


	#knowledge-productmenu.knowledge-menu .row.m-0 {
		background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	}

	#knowledge-productmenu .knowledge-submenu {
		background: transparent;
	}
}


#knowledge-productmenu .knowledge-menu-headline {
	font-size: 0.6125rem;
}

#knowledge-productmenu .knowledge-menu-content {
	background: transparent;
}

@media screen and (min-width: 480px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.75rem;
	}
}

@media screen and (min-width: 768px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.875rem;
	}
}


@media screen and (min-width: 1200px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.6125rem;
	}
}

@media screen and (min-width: 1400px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.75rem;
	}
}

@media screen and (min-width: 1700px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.875rem;
	}
}

/* 
-----------------------------------------
Home page
-----------------------------------------
*/

.scroll-to {
	top: -77px;
}

@media screen and (min-width: 1200px) {
	.scroll-to {
		top: -118px;
	}
}

.home-page.hero-block {
	height: 100vh;
	position: relative;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

	.home-page.hero-block video {
		width: 100%;
		height: 100%;
		position: absolute;
		object-fit: cover;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		z-index: -1;
		filter: brightness(70%);
	}

.business-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.intro-section p {
	max-width: 800px;
}

.intro-section h2 {
	color: #3D3D3C;
}

/* 
-----------------------------------------
Homepage text section
-----------------------------------------
*/
.homepage-content .text-section:nth-child(odd) {
	background: #F6F6F3;
}

.homepage-content .text-section:nth-child(even) {
	background: #FFF;
}

.text-section .preheadline {
	color: #7B7B79;
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 600;
}

.slick-dots li {
	display: inline-block;
}

	.slick-dots li:only-child {
		display: none;
	}

#knowledge-productmenu .knowledge-submenu {
	background: rgb(255,255,255, 0.9);
	padding: 3rem;
}

@media screen and (min-width: 992px) {


	#knowledge-productmenu.knowledge-menu .row.m-0 {
		background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
	}

	#knowledge-productmenu .knowledge-submenu {
		background: transparent;
	}
}

#knowledge-productmenu {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.6125rem;
	}

	#knowledge-productmenu .knowledge-menu-content {
		background: transparent;
	}

@media screen and (min-width: 480px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.75rem;
	}
}

@media screen and (min-width: 768px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.875rem;
	}
}


@media screen and (min-width: 1200px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.6125rem;
	}
}

@media screen and (min-width: 1400px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.75rem;
	}
}

@media screen and (min-width: 1700px) {
	#knowledge-productmenu .knowledge-menu-headline {
		font-size: 0.875rem;
	}
}

.order-menu .order-menu-col {
	margin-bottom: 2rem;
}


.order-menu .card {
	border-radius: 0;
	height: 100%;
	border: 1px solid rgba(0,0,0,.125);
}

	.order-menu .card .card-img-top {
		height: 220px;
	}

		.order-menu .card .card-img-top img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	.order-menu .card .card-header {
		border: none;
		padding-bottom: 0;
	}

.order-menu .card-body,
.order-menu .card-header {
	padding: 1rem;
	background: #fff;
}

.order-menu .card .product-box.pdf-box img {
	margin: 0;
	height: auto;
}



.order-menu .card-header h3 {
	border-bottom: 1px solid rgba(0,0,0,.125);
	padding-bottom: 1rem;
	margin-bottom: 0;
}


.card .product-box .box-image {
	aspect-ratio: 1/1;
	height: 44px;
	padding: 0;
}


.alert-warning-box {
	background-color: #cc452d;
	color: #fff;
	padding: 3rem 1rem;
}

	.alert-warning-box p,
	.alert-success-box p {
		color: #fff;
		margin: 0;
		text-align: center;
		text-transform: uppercase;
	}

#umbraco_form_da8961d55af24b5ab4d1a357ac8e126d {
	background: #F6F6F3;
	padding: 1.25rem;
}


.alert-success-box {
	background-color: #295830;
	color: #fff;
	padding: 3rem 1rem;
}


@media screen and (min-width: 1700px) {
	.alert-success-box,
	.alert-warning-box {
		padding: 3rem;
	}
}

#umbraco_form_da8961d55af24b5ab4d1a357ac8e126d input.theme-btn {
	background: #2F6436;
	margin: 0 auto;
	color: #fff;
	border-color: #2F6436;
}

/* 
-----------------------------------------
ImageGallery
-----------------------------------------
*/

.gallery-img {
	display: block;
	height: 100%;

}

.gallery-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 300px;
	object-position: top;
}

@media screen and (min-width: 2100px) {
    .gallery-img img{
    	max-height: 400px;
    }
}



.video-container a {
	color: #33322E;
}


.video-img-holder {
	width: 100%;
	height: 100%;
}

.video-img-holder .card-img-top {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
}

.video-img-holder .play-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	-webkit-mask: url(/media/bmaosrgl/webinar.svg) no-repeat center;
	mask: url(/media/bmaosrgl/webinar.svg) no-repeat center;
}

.image-gallery-section .gallery-img.bg-green {
	background-color: #2F6436;
	color: #fff;
}

.image-gallery-section .gallery-img.bg-green p {
	color: #fff;
	text-align: center;
}

.flag-icon {
	width: 20px;
	margin-right: 0.25rem;
}

#main-menu .dropdown-menu .product-dropdown-item {
	padding: 0.75rem 0;
	font-weight: 400;
	font-size: 0.875rem;
	color: #000;
	white-space: normal;
	cursor: auto;
	display: block;
	width: 100%;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	background-color: transparent;
}

@media screen and (min-width: 1200px) {
	#main-menu .dropdown-menu .product-dropdown-item {
		margin-top: 0.75rem;
		border-top: 1px solid rgba(0, 0, 0, .25);
	}
}

#main-menu .dropdown-menu .product-dropdown-item h5 {
	font-size: 1.125rem;
	margin-bottom: 0;
	white-space: normal;
	text-transform: uppercase;
	font-weight: 600;
	transition: all .5s;
	margin-top: 0;
	color: #2F6436;
}

/* 
-----------------------------------------
HOMEPAGE
-----------------------------------------
*/

/* ------- Section header ------- */

.section-header h2 {
	font-size: clamp(1.25rem, 1.034rem + 0.909vw, 2rem);
	margin-bottom: 0.75em;
	text-transform: none;
	font-weight: 700;
}

/* ------- Hero section ------- */

.hero-section {
	margin-top: 76px;
	min-height: 100vh;
	position: relative;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;	
}


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

	.hero-section {
		min-height: 50vw;
	}
}

@media screen and (min-width: 992px) {

	.hero-section {
		min-height: 40vw;
	}
}

@media screen and (min-width: 1200px) {

	.hero-section {
		margin-top: 118px;
		min-height: 60vh;
	}
}

.hero-section video {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
	filter: brightness(70%);
}

.hero-section .hero-caption {
	display: block;
	text-align: left;
}

.hero-section .hero-caption h1 {
	text-align: left;
	max-width: 20ch;
	line-height: 1.1;
}

.hero-section .hero-caption p {
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0;
}

.hero-section a.btn {
	margin-top: 1.25em;
}

@media screen and (min-width: 450px) {
    .hero-section a.btn {
        margin-right: 1rem;
    }
}
/* ------- Intro text ------- */

.intro-text-section p {
	font-size: clamp(1.125rem, 1.053rem + 0.303vw, 1.375rem);
	max-width: 50ch;
	margin: 0 auto;
}

/* ------- Linked image blocks ------- */

.linked-image-blocks-section .section-header h2 {
	text-transform: uppercase;
}

.linked-image-blocks > a {
	flex: 0 0 100%;
	margin-bottom: 1.5rem;
	aspect-ratio: 3 / 2;
}

@media screen and (min-width: 450px) {

	.linked-image-blocks > a {
		aspect-ratio: 5 / 2;
	}	
}

@media screen and (min-width: 576px) {

	.linked-image-blocks {
		margin: 0 -0.5rem -1rem;
	}

	.linked-image-blocks > a {
		flex: 0 0 calc(50% - 1rem);
		margin: 0 0.5rem 1rem;
		width: calc(50% - 1rem);
		aspect-ratio: 1 / 1;
	}	
}

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

	.linked-image-blocks > a {
		flex: 0 0 calc(33.33% - 1rem);
		width: calc(33.33% - 1rem);
		margin: 0 0.5rem 1rem;
	}	
}

@media screen and (min-width: 1400px) {

	.linked-image-blocks > a {
		flex-basis: calc(25% - 1rem);
		width: calc(25% - 1rem);
		margin: 0 0.5rem 1rem;
	}	

	.linked-image-blocks > a:nth-child(1),
	.linked-image-blocks > a:nth-child(5) {
		flex-basis: calc(50% - 1rem);
		width: calc(50% - 1rem);
		aspect-ratio: unset;
	}	
}

a.linked-image-block {
	text-decoration: none;	
	background-size: cover;
	background-position: center;
	color: #FFFFFF;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 576px) {

	a.linked-image-block {
		aspect-ratio: 1 / 1;
	}
}

a.linked-image-block > img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.linked-image-block-caption {
	backdrop-filter: blur(8px);
	background-color: rgba(0,0,0,0.2);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	transition: background-color ease 0.2s;
}

.linked-image-block-inner-caption {
	padding: 1rem;
}

.linked-image-block-caption h3 {
	color: #FFFFFF;
}

.linked-image-block-caption p {
	margin-bottom: 0;
}

@media (pointer: fine) {

	a.linked-image-block:hover .linked-image-block-caption {
		background-color:rgba(47, 100, 54, 1);
	}
}

/* Mobile accordion */

.linked-image-blocks-btn {
	text-align: center;
	color: var(--bara-green);
	display: flex;
	align-items: center;
	font-weight: 700;
	text-transform: uppercase;
	justify-content: center;
	width: 100%;
}

.linked-image-blocks-btn:hover,
.linked-image-blocks-btn:focus,
.linked-image-blocks-btn:active {
	color: var(--bara-green);
	text-decoration: none;
}

.linked-image-blocks-btn img {
	transform: rotate(90deg);
	margin-right: 0.25rem;
}

.linked-image-blocks-btn:not(.collapsed) img {
	transform: rotate(-90deg);
}

.linked-image-blocks-btn .btn-see-less{
	display: none;
}

.linked-image-blocks-btn:not(.collapsed) .btn-see-less {
	display: inline;
}

.linked-image-blocks-btn:not(.collapsed) .btn-see-more {
	display: none;
}


/* ------- Focus articles ------- */

.focus-articles-boxes > a {
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 1.5rem;
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 576px) {

	.focus-articles-boxes {
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}

	.focus-articles-boxes > a {
		flex-basis: calc(50% - 1rem);
		max-width: calc(50% - 1rem);
		margin: 0 0.5rem 1rem;
	}
}

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

	.focus-articles-boxes {
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.focus-articles-boxes > a {
		flex-basis: calc(33.33% - 1rem);
		max-width: calc(33.33% - 1rem);
		margin: 0 0.5rem 0;
	}
}

@media screen and (min-width: 1400px) {

	.focus-articles-boxes > a {
		flex-basis: calc(33.33% - 2rem);
		max-width: calc(33.33% - 2rem);
		margin: 0 1rem 0;
	}
}

.focus-article-box {
	transition: all ease-in-out .1s;
}


	.focus-article-box:hover {
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	}
	
.focus-article-box .focus-article-img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}
	
.focus-article-caption {
	background-color: #FFFFFF;
	padding: clamp(1rem, -0.939rem + 8.163vw, 2rem);
	max-width: 100%;
}

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

	.focus-article-caption {
		padding: clamp(1rem, 0.176rem + 1.717vw, 2rem);
	}
}

.focus-article-caption p {
	color: #33322E;
}

.focus-article-caption p.focus-article-tag {
	margin: 0 0 0.125em;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--bara-green);
}

.focus-article-caption {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.focus-article-caption h3 {
	margin: 0 0 0.25em;
	text-transform: none;
	font-size: clamp(1.25rem, 1.034rem + 0.909vw, 2rem);
	font-weight: 700;
	hyphens:auto;
	-webkit-hyphenate-limit-before: 4; /* For Safari */
	-webkit-hyphenate-limit-after: 4; /* For Safari */
	hyphenate-limit-chars: 15 4 4;
}

.focus-article-caption h3 + p {
	font-weight: 500;
	margin-bottom: 0.5em;
}

p.focus-article-link {
	font-size: 0.875rem;
	display: flex;
	align-items: center;
	font-weight: 700;
	text-transform: uppercase;
	width: fit-content;
	margin: 1rem 0 0;
	color: var(--bara-green);
}

.focus-article-link img {
	margin-left: 0.25rem;
	font-size: 0.875rem;
	transition: all ease 0.15s;
}

.focus-article-box:hover p.focus-article-link img {
	margin-left: 0.5rem;
}

/* ------- Reference projects ------- */

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

	.reference-projects-section .section-header h2 {
		margin-bottom: 1.5em;
	}
}

.reference-project-box {
	margin-bottom: 2rem;
}

.reference-project-box:last-child {
	margin-bottom: 0;
}

.reference-project-box > div {
	flex: 0 0 100%;
}
.reference-project-box > div {
	flex: 0 0 100%;
}

.reference-project-box > div:first-child {
	margin-bottom: 1rem;
}

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

	.reference-project-box {
		margin-bottom: 0;
	}
	
	.reference-project-box > div {
		flex-basis: 50%;
	}

	.reference-project-box > div:first-child {
		margin-bottom: 0;
	}

	.reference-project-box:nth-child(2n) > div:first-child {
		order: 2;
	}

	.reference-project-box:nth-child(2n) > div:last-child {
		order: 1;
	}
}

.reference-project-image img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}

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

	.reference-project-image img {
		aspect-ratio: unset;
		height: 100%;
	}
}

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

	.reference-project-text {
		padding: clamp(1.5rem, -1.384rem + 6.009vw, 5rem);
	}
}

.reference-project-text h3 {
	margin: 0 0 0.5em;
	text-transform: none;
	font-size: clamp(1.25rem, 1.034rem + 0.909vw, 2rem);
	font-weight: 700;
}

p.reference-project-tag {
	margin: 0 0 0.25em;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--bara-green);
}

.reference-project-text h3 + p {
	font-weight: 500;
	margin-bottom: 0;
}

ul.reference-project-products-list {
	list-style: none;
	padding: 0;
	margin: 1.125rem 0 0;
	display: flex;
	flex-wrap: wrap;
}

ul.reference-project-products-list li {
	font-weight: 400;
	text-decoration: underline;
}

ul.reference-project-products-list li:has(+ li) {
	margin-right: 1em;
}

.reference-project-text a.btn {
	margin-top: 1.5rem;
}

.reference-project-text a.btn:focus {
	box-shadow: none;
}

/* ------- Knowledge categories ------- */

.knowledge-categories-section {
	position: relative;
	background-size: cover;
	background-position: center;
}

.knowledge-categories-section .section-header h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 1em;
}

.knowledge-categories-section video {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}

.knowledge-categories-boxes > a {
	flex: 0 0 100%;
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 576px) {

	.knowledge-categories-boxes {
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}

	.knowledge-categories-boxes > a {
		flex-basis: calc(50% - 1rem);
		margin: 0 0.5rem 1rem;
	}
}

@media screen and (min-width: 992px) {

	.knowledge-categories-boxes > a {
		flex-basis: calc(25% - 1rem);
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1200px) {

	.knowledge-categories-boxes {
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.knowledge-categories-boxes > a {
		flex-basis: calc(25% - 2rem);
		margin: 0 1rem;
	}
}

.knowledge-category-box {
	padding: 2rem 1rem;
}

@media screen and (min-width: 1400px) {

	.knowledge-category-box {
		padding: 3rem 2rem;
	}
}

.knowledge-category-box img {
	transition: all ease 0.3s;
}

@media screen and (pointer: fine) {
	.knowledge-category-box:hover img {
		scale: 1.25;
	}
}

.knowledge-category-box h3 {
	margin-bottom: 0;
}


/* ------- Contact buttons ------- */

.contact-buttons-wrap {
    justify-content: center;
    flex-wrap: wrap;
	margin-bottom: -1rem;
}

a.contact-button {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: var(--light-beige);
    border-radius: 84px;
    padding: 0.5rem;
    align-items: center;
    margin: 0 0 1rem;
	color: #33322E;
}

@media screen and (min-width: 360px) {

	a.contact-button {
		padding: 1rem;
	}
}

@media screen and (min-width: 400px) {

	a.contact-button {
        flex-basis: 340px;
        margin: 0 0.5rem 1rem;
    }
}

@media screen and (min-width: 768px) {
	
	.contact-buttons-wrap {
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (min-width: 1700px) {

	.contact-buttons-wrap {
		max-width: 100%;
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}

	a.contact-button {
        flex-basis: calc(25% - 1rem);
		max-width: 380px;
    }
}


a.contact-button:hover {
    text-decoration: none;
}

.contact-button-image {
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
}

.contact-button-image img {
    height: 100%;
    width: 100%;
}

.contact-button-img {
    display: block;
}

.contact-button-img-hover {
    display: none;
}

.contact-button:hover .contact-button-img {
    display: none;
}

.contact-button:hover .contact-button-img-hover {
    display: block;
}

.contact-button-text {
    padding-left: 1rem;
}

.contact-button-text h3 {
    color: var(--offblack);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1.125rem;
}

.contact-button-text p {
    font-size: 1rem;
	margin-bottom: 0;
}

@media screen and (min-width: 360px) {
	
	.contact-button-image {
		height: 80px;
		width: 80px;
	}

	.contact-button-text p {
		margin-bottom: 0;
	}
}



/* ------- Accordion ------- */


.faq-section {
	background: #F6F6F3;
}


.faq-section .intro-headline{
	font-weight: 700;
	text-transform: unset;
	margin-bottom: 2rem;
}

.accordion-item {
	border: 0;
	margin-bottom: 1rem;
	border-radius: 0;
}

.accordion-headline:first-child {
	margin-top: 0;
}

.accordion-headline {
	margin-top: 1.5rem;
}



.accordion-item .accordion-button {
	border-radius: 0 !important;
	color: #fff;
	font-weight: 600;
	padding: 1rem;
	border: none;
	border-bottom: 3px solid #F6F6F3;
	background: #fff;
	text-align: left;
}

.accordion-item.faq-item .accordion-button,
.accordion-item.faq-item .accordion-button h3 {
	color: #191E23;
}

	.accordion-item.faq-item .accordion-button h3 {
		padding-right: 2rem;
		font-weight: 600;
	}

.accordion-item .accordion-button:focus {
	outline: none;
	box-shadow: none;
}

.accordion-item .accordion-button h3 {
	color: #fff;
	font-weight: 700;
	text-transform: unset;
}

.accordion button svg.fa-plus,
.accordion button svg.fa-minus {
	font-size: 1.25rem;
}

.accordion button:not(.collapsed) svg.fa-plus {
	display: none;
}

.accordion button.collapsed svg.fa-minus {
	display: none;
}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {
	content: none;
}

.accordion .faq-item {
	background: #fff;
	margin-bottom: 0.5rem;
}

	.accordion .faq-item:last-child {
		margin-bottom: 0;
	}

	.accordion .faq-item .accordion-body p:last-child {
		margin-bottom: 0;
	}

.accordion .accordion-body {
	padding: 1rem;
}


	#collection-accordion button {
		background: #2B2B2B;
	}


	/* ==========================================================================
   Ground bricks main page
   ========================================================================== */
	/* ------- Banner ------- */

	.bricks-banner {
		max-width: 1400px;
		margin: 0 auto;
	}

		.bricks-banner .banner-text {
			padding: 1rem;
		}

	@media screen and (min-width: 992px) {

		.bricks-banner .banner-text {
			padding: 3rem;
		}
	}
	/* ------- Benefits ------- */


	.benefits-title {
		text-align: center;
		font-size: clamp(1.25rem, 1.07rem + 0.89vw, 1.75rem);
		font-weight: 700;
		margin-bottom: 2.5rem;
	}

	.benefits-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 1.5rem;
		justify-content: center;
	}

	@media (min-width: 640px) {
		.benefits-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (min-width: 1024px) {
		.benefits-grid {
			grid-template-columns: repeat(4, 1fr);
		}

			.benefits-grid > :nth-child(5) {
				grid-column: 2;
			}

			.benefits-grid > :nth-child(6) {
				grid-column: 3;
			}
	}

	.benefits-card {
		background-color: #ffffff;
		padding: 2.5rem 1.5rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		border-radius: 2px;
	}

	.benefits-icon-wrapper {
		width: 64px;
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.benefits-icon {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}

	.benefits-card-title {
		font-size: 1rem;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		margin-bottom: 0.5rem;
	}

	.benefits-card-text {
		font-size: 0.875rem;
		margin: 0;
		line-height: 1.4;
	}
	/* ------- Support ------- */

	.support-banner {
		position: relative;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding: 5rem 1.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		isolation: isolate;
	}

	.support-banner-overlay {
		position: absolute;
		inset: 0;
		background-color: rgba(43, 79, 53, 0.88);
		z-index: -1;
	}

	.support-banner-container {
		max-width: 800px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.support-banner-heading {
		font-size: 2rem;
		font-weight: 700;
		margin: 0 0 1rem 0;
		line-height: 1.2;
	}

	.support-banner-description {
		font-size: 1.125rem;
		margin: 0 0 2rem 0;
		line-height: 1.5;
		max-width: 680px;
	}

	.support-banner-actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 1rem;
		width: 100%;
	}



	@media (max-width: 640px) {
		.support-banner {
			padding: 3.5rem 1rem;
		}

		.support-banner-heading {
			font-size: 1.5rem;
		}

		.support-banner-description {
			font-size: 1rem;
		}

		.support-banner-actions {
			flex-direction: column;
			align-items: stretch;
		}

		.support-banner-button {
			width: 100%;
		}
	}
	/* ------- Product catagories ------- */

	.ground-bricks-title {
		text-align: center;
		font-size: clamp(1.25rem, 1.07rem + 0.89vw, 1.75rem);
		font-weight: 700;
		margin-bottom: 2.5rem;
	}

	.ground-bricks-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 1.5rem;
	}

	@media (min-width: 640px) {
		.ground-bricks-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (min-width: 1024px) {
		.ground-bricks-grid {
			grid-template-columns: repeat(4, 1fr);
		}
	}

	.ground-bricks-card {
		display: flex;
		flex-direction: column;
		border-radius: 4px;
		overflow: hidden;
		height: 100%;
	}

	.ground-bricks-media {
		margin: 0;
		width: 100%;
		aspect-ratio: 4 / 3;
		overflow: hidden;
	}

	.ground-bricks-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.ground-bricks-content {
		padding: 1.25rem 1rem 1.5rem 1rem;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.ground-bricks-heading {
		font-size: 0.95rem;
		font-weight: 800;
		text-transform: uppercase;
		color: #2b2b2b;
		margin: 0 0 0.5rem 0;
		letter-spacing: 0.05em;
	}

	.ground-bricks-text {
		font-size: 0.875rem;
		line-height: 1.45;
		color: #555555;
		margin: 0 0 1.25rem 0;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.ground-bricks-link {
		margin-top: auto;
		display: inline-flex;
		align-items: center;
		gap: 0.35rem;
		font-size: 0.75rem;
		font-weight: 700;
		text-transform: uppercase;
		color: #2e5a36;
		text-decoration: none;
		letter-spacing: 0.05em;
		transition: opacity 0.2s ease;
	}

		.ground-bricks-link:hover,
		.ground-bricks-link:focus-visible {
			opacity: 0.75;
		}

	.ground-bricks-icon {
		width: 1em;
		height: 1em;
	}

	.ground-bricks-actions {
		margin-top: 3rem;
		text-align: center;
	}
	/* ------- Tab section ------- */
	.tab-section {
		background-color: #f7f8f6;
	}

	.tab-section-heading {
		font-size: clamp(1.25rem, 1.07rem + 0.89vw, 1.75rem);
		font-weight: 700;
		color: #2b2b2b;
	}
	/* Tab Navigation */
	.tab-section-nav {
		gap: 0.5rem;
	}

		.tab-section-nav .nav-item {
			margin-bottom: 0;
		}

	.tab-section-tab-btn {
		background-color: #D5E0D7;
		color: #33322E !important;
		font-size: 0.75rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		padding: 0.75rem 1.25rem;
		border: none;
		border-radius: 0;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	}

		.tab-section-tab-btn:focus {
			border: none;
			outline: none;
		}

		.tab-section-nav .nav-link.tab-section-tab-btn.active,
		.tab-section-tab-btn:hover,
		.tab-section-tab-btn:focus {
			background-color: #ffffff;
			color: #2b2b2b !important;
			border: none;
		}

		.tab-section-tab-btn:focus-visible {
			outline: 2px solid #334e38;
			outline-offset: -2px;
		}
	/* Responsive Tab Adjustments */
	@media (max-width: 1200px) {
		.tab-section-nav {
			flex-direction: column;
			gap: 0.25rem;
		}

		.tab-section-nav-item,
		.tab-section-tab-btn {
			width: 100%;
			text-align: center;
		}
	}
	/* Tab Content */
	.tab-section-content {
		border-radius: 0;
	}

	.tab-section-pane-heading {
		font-size: 1.5rem;
		font-weight: 700;
		color: #2b2b2b;
		border-bottom-color: #e5e5e5 !important;
	}

	.tab-section-text {
		font-size: 0.9375rem;
		line-height: 1.6;
		color: #4a4a4a;
	}

		.tab-section-text p:last-child {
			margin-bottom: 0;
		}

		.tab-section-text ul {
			padding-left: 1.25rem;
			margin-bottom: 0;
		}

		.tab-section-text li {
			margin-bottom: 0.5rem;
		}

			.tab-section-text li:last-child {
				margin-bottom: 0;
			}



		.reference-slider .slick-list {
			padding-right: 10% !important;
			overflow: hidden;
		}

	.reference-slider-item {
		padding: 15px 0;
		outline: none;
	}
	
	
.reference-slider.d-lg-flex .reference-slider-item {
	flex-basis: 33.33%;
}

@media (min-width: 992px) {
	.reference-slider-item {
		padding: 0 15px;
		outline: none;
	}
		.reference-slider {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

}

	.reference-slider-card {
		border: none;
		border-radius: 0;
		height: 100%;
		background-color: #f7f8f6;
		display: flex;
		flex-direction: column;
	}

	.reference-slider-img-holder {
		position: relative;
		overflow: hidden;
	}

		.reference-slider-img-holder img {
			width: 100%;
			height: 240px;
			object-fit: cover;
			border-radius: 0;
		}

	.reference-slider-card-body {
		padding: 1.5rem;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.reference-slider-card-title {
		font-size: 1.125rem;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 0.75rem;
	}

	.reference-slider-card-text {
		font-size: 0.875rem;
		line-height: 1.5;
		margin-bottom: 1.5rem;
	}

	.reference-slider-card-link {
		margin-top: auto;
		font-size: 0.75rem;
		font-weight: 700;
		text-transform: uppercase;
		color: #334e38;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
	}

		.reference-slider-card-link:hover,
		.reference-slider-card-link:focus {
			color: #1a281d;
			text-decoration: none;
		}

	.reference-projects-section h2 {
		font-weight: 700;
		font-size: clamp(1.25rem, 1.07rem + 0.89vw, 1.75rem);
	}

	.ground-bricks-main .benefits-grid,
	.ground-bricks-main .ground-bricks-grid,
	.ground-bricks-main .reference-slider {
		list-style: none;
		margin: 0;
		padding: 0
	}

	.ground-bricks-main .contact-buttons-wrap {
		list-style: none;
	}
	/* 
-----------------------------------------
News Cards Container
-----------------------------------------
*/
	.cards-container .news-item {
		flex-basis: 100%;
	}

	.cards-container > div {
		gap: 1.5rem;
	}

	.cards-container .small-cards {
		justify-content: center;
	}

	.news-item {
		border-radius: 0;
		border: none;
	}

		.news-item .card-body {
			background-color: #F6F6F3;
			padding: 1rem;
		}

			.news-item .card-body p {
				color: #33322E;
			}

		.news-item .card-img-top {
			width: 100%;
			height: auto;
			aspect-ratio: 3/2;
			object-fit: cover;
			object-position: center;
		}

		.news-item .card-body.with-product-count {
			padding: 1.75rem 1rem;
		}

	@media (min-width: 768px) {
		.cards-container .card {
			flex-basis: calc(50% - .75rem);
		}

		.news-item .card-body {
			padding: 1.5rem;
		}

			.news-item .card-body.with-product-count {
				padding: 1.75rem 1.5rem;
			}
	}

	@media (min-width: 1200px) {
		.cards-container .news-item {
			flex-basis: calc(33% - 1rem);
		}

		.cards-container .small-cards .news-item {
			flex-basis: 33%;
		}
	}

	@media (min-width: 1600px) {
		.cards-container .news-item {
			flex-basis: calc(33% - .75rem);
		}

		.cards-container .small-cards .news-item {
			flex-basis: calc(25% - 1.5rem);
		}

			.cards-container .small-cards .news-item .card-body {
				padding: 1rem;
			}
	}


	.limit-3-lines {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.news-page .news-item {
		transition: all ease-in-out .1s;
	}

		.news-page .news-item:hover, a.card:hover {
			box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
		}

	.news-item-page {
		max-width: 1200px;
		margin: 0 auto;
	}