body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background-size: cover !important;
}
@media (min-width: 1200px) {
	#sp-header.full-header {
		margin-bottom: 107px;
	}
	#sp-header.full-header,
	#sp-header .container-fluid,
	#sp-header .container-fluid .row>* {
		padding-left: 0;
		padding-right: 0;
	}
	#sp-logo.has-border {
		position: fixed;
		top: 0;
		left: 0;
		height: 107px;
		width: 387px;
		display: block;
	}
	#sp-logo.has-border .sp-column {
		display: block;
		height: 107px;
		width: 387px;
	}
	#sp-header .logo {
		height: 107px;
		display: block;
		margin: 0;
	}
	#sp-header #sp-menu {
		margin-left: 400px;
	}
	.sp-megamenu-parent>li>a, 
	.sp-megamenu-parent>li>span {
		line-height: 60px;
	}
}
@media (max-width: 1199.99px) {
	#sp-header {
		background: #ffffff;
		box-shadow: none;
	}
	#sp-header.full-header,
	#sp-header .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	#sp-logo.has-border {
		padding-right: 0;
	}
	#sp-header .logo {
		display: block !important; 
		height: 60px !important;
	}
	.logo-image-phone {
		height: 60px !important;
	}
	#offcanvas-toggler {
		display: block !important;
	}
	body.ltr #offcanvas-toggler.offcanvas-toggler-right {
		float: right;
		margin-left: 20px;
	}
	#sp-menu .sp-megamenu-parent {
		display: none !important;
	}
	body.ltr.offcanvs-position-right .offcanvas-menu {
		right: -100%;
		top: 0;
	}
	.offcanvas-menu {
		width: 100%;
	}
	.offcanvas-menu .pt-4 {
		padding-top: 0!important;
	}
	.offcanvas-menu .p-3 {
		padding: 0!important;
	}
	.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
		border-bottom: 0 !important;
	}
	.offcanvas-menu .offcanvas-inner .sp-contact-info, 
	.offcanvas-menu .offcanvas-inner .social-icons {
		font-size: 2em;
	}
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, 
body.ltr .sp-megamenu-parent>li.sp-has-child>span:after,
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
	display: none;
}
.sp-megamenu-parent>li.active>a {
	font-weight: 700;
}
.sp-module-content-bottom {
	clear: both;
	padding-top: 30px;
}
.sp-page-title {
	padding: 15px 0;
}
#sp-bottom {
	padding: 30px 0;
}
#sp-main-body {
	padding: 60px 0;
}
#sp-main-body .container-inner {
	background-color: #fff;
	padding: 20px;
}

/* CONTENT */
.sp-module-content-top {
	display: flex;
	background: #0061a9;
	/* -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; */
	padding: 20px;
	margin-bottom: 40px;
}
.sp-module-content-top .alonzeprojecten {
	background: #c1c900;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0 10px 0 20px;
	/* min-height: 335px; */
	width: 25%;
}
.sp-module-content-top .alonzeprojecten .menu > li > a {
	color: #FFF;
	font-weight: 700;
	line-height: 2;
	padding: 3px 0;
}
.sp-module-content-top .alonzeprojecten .menu > li > a:hover {
	color: #0061a9;
}
.sp-module-content-top .alonzeprojecten .menu > li > a:after {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	position: absolute;
	right: 0;
}
.sp-module-content-top .alonzeprojecten .menu > li {
	list-style-type: none !important;
	position: relative;
}
.sp-module-content-top .alonzeprojecten .menu {
	padding-left: 0;
	margin-top: 1em;
}
.sp-module.homeslider {
	width: 75%;
	padding-right: 20px;
}
@media (max-width: 991.99px) {
	.sp-module-content-top {
		display: block;
	}
	.sp-module.homeslider {
		width: 100%;
		padding-right: 0;
		display:block;
	}
	.sp-module-content-top .alonzeprojecten {
		margin-top: 20px;
		display: block;
		width: 100%;
	}
}
.sp-module-content-top .n2-ow {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.sp-module.homeslider .nextend-bar.n2-ow-all>div{
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-radius-bottomright: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.article-list .article {
	border: 0;
	padding: 0 20px 20px !important;
}
.article-list .article .article-intro-image.float-left {
	width: 47%;
	float: left;
	margin-right: 3%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 0; 
}
.article-list .article .article-featured-video {
	width: 47%;
	float: left;
	margin-right: 3%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 0; 	
}
.article-list .article .article-intro-image.float-left img {
	width: 100%;
}
.article-details .article-full-image img {
	/* border-radius: 10px; */
}
.article-details.nieuws .article-featured-video,
.article-details.nieuws .article-full-image {
	width: 47%;
	float: right;
	margin-left: 3%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 0; 	
}
.article-details.nieuws div[itemprop="articleBody"] {
	max-width: 50%;
}

.article-list .article .article-header h1, 
.article-list .article .article-header h2 {
	font-size: 1em;
	margin: 0 0 10px 0;
}
.article-list .article .article-header h1 a,
 .article-list .article .article-header h2 a {
	color: #0061a9;
}
.article-list .article .readmore a {
	color: #c1c900 !important;
}
.blog.portfolio h2 {
	color: #0061a9;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 0;
	letter-spacing: 0.02em;
	font-weight: 700;
}
.blog.portfolio .category-desc img {
	float: right;
	width: 33.3333%;
	margin-left: 10%;
}
.overniche .article-details.overniche {
	background: #c1c900;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 20px 20px 20px;
	margin-bottom: 30px;
}
.overniche.overniche .article-details.overniche .article-header h1 {
	color: #ffffff;
	font-size: 2em;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 700;
	letter-spacing: 0.02em;
}
h3, h3.page-header.item-title {
	font-size: 1.35em;
	line-height: 1.2;
	margin-bottom: 0;
	font-weight: bold;
	font-style: normal;
	color: #0061a9;
	letter-spacing: 0.02em;
	margin-top: 10px;
}
#sp-right .nichewerkers img {
	width: 100%;
	border-radius: 10px;
}
#sp-right .nichewerkers h2 {
	color: #0061a9;
	font-size: 2em;
	margin-top: 0;
	line-height: 1.5;
	margin-bottom: 0;
	font-weight: 700;
}
#sp-left .sp-module, 
#sp-right .sp-module {
	border: 0;
	padding: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
	border-bottom: 0;
}
#sp-right .bestelformulier h3 {
	font-size: 2em !important;
	margin-bottom: 30px !important;
	padding-top: 10px !important;
	border-bottom: 0 !important;
}
.article-list .article .article-intro-image.float-right {
	float: right;
	max-width: 23%;
	margin-left: 2%;
}
.bestellen .blog.bestellen .article-list .article {
	padding: 0 20px 20px 0 !important;
	border: 0;
	border-bottom: 1px dotted #000;
}
.blog.bestellen .article-header h2 {
	color: #0061a9;
	font-size: 1.35em;
	font-weight: bold;
	letter-spacing: 0.03em;
}
.blog.nieuws .article-header h2 {
	font-size: 1.5em;
	color: #0061a9;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-decoration: none;
}
.contact .adres img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 10px 0;
}
.article-details.contact img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 10px 0;
}


/* PORTFOLIO ITEMS BELOW CONTENT*/
.portfolio .sp-module-content-bottom .mod-custom {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 -20px;
}
.portfolio .sp-module-content-bottom .portfolio-overview-item {
	width: 100%;
	padding: 20px;
}
.portfolio .sp-module-content-bottom .portfolio-overview-item .cat-image {
	width: 100%;
	float: none;
}
.portfolio .sp-module-content-bottom .portfolio-overview-item .cat-image img {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.portfolio .sp-module-content-bottom .portfolio-overview-item h3 a {
	color: #0061a9;
}
.portfolio .sp-module-content-bottom .portfolio-overview-item .rightcolumn {
	width: 100%;
	float: none;
	padding-left: 0;
}
.portfolio .sp-module-content-bottom .portfolio-item {
	width: 100%;
	padding: 20px;
}
@media (min-width: 768px) {
	.portfolio .sp-module-content-bottom .portfolio-overview-item {
		width: 50%;
		padding: 20px;
	}
	.portfolio .sp-module-content-bottom .portfolio-overview-item .cat-image {
		width: 50%;
		float: left;
	}
	.portfolio .sp-module-content-bottom .portfolio-overview-item .rightcolumn {
		width: 50%;
		float: left;
		padding-left: 20px;
	}
	.portfolio .sp-module-content-bottom .portfolio-item {
		width: 50%;
		padding: 20px;
	}
}
@media (min-width: 1200px) {
	.portfolio .sp-module-content-bottom .portfolio-overview-item {
		width: 50%;
		padding: 20px;
	}
	.portfolio .sp-module-content-bottom .portfolio-overview-item .cat-image {
		width: 50%;
		float: left;
	}
	.portfolio .sp-module-content-bottom .portfolio-overview-item .rightcolumn {
		width: 50%;
		float: left;
		padding-left: 20px;
	}
	.portfolio .sp-module-content-bottom .portfolio-item {
		width: 25%;
		padding: 20px;
	}
}
.portfolio .sp-module-content-bottom .portfolio-item img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.portfolio .sp-module-content-bottom .portfolio-item h3, 
.portfolio .sp-module-content-bottom .portfolio-item h3 a, 
.portfolio .sp-module-content-bottom .portfolio-item h3 a:visited {
	font-weight: normal;
	color: #c1c900;
	font-size: 1em;
}

/* PORTFOLIO DETAILS */
.portfolio .article-details {
	background: #c1c900;
	border-radius: 10px;
	margin-bottom: 20px;
	width: 100%;
}
.portfolio .article-details::after {
  content: "";
  clear: both;
  display: table;
}
.portfolio .article-details .article-header h1 {
	padding: 20px 20px 0 20px;
	color: #ffffff;
	font-size: 1.5em;
}
.portfolio .article-details figcaption.caption {
	display: none;
}
.portfolio .article-details a {
	color: #ffffff;
}
@media (max-width: 991.98px) {
	.portfolio .article-details .article-full-image,
	.portfolio .article-details .article-featured-video,
	.portfolio .article-details .article-feature-gallery {
		width: 100%;
		float: none;
		margin-bottom: 0;
	}
	.portfolio .article-details .article-full-image img,
	.portfolio .article-details .article-feature-gallery .carousel-inner {
		width: 100%;
		height: auto;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.portfolio .article-details div[itemprop="articleBody"] {
		padding: 0 20px;
		max-width: 100%;
	}
}
@media (min-width: 992px) {
	.portfolio .article-details .article-full-image,
	.portfolio .article-details .article-featured-video,
	.portfolio .article-details .article-feature-gallery {
		width: calc(50% - 20px);
		float: right;
		margin-top: 0; 
		text-align: right;  
		min-width: calc(50% - 20px);
		margin-bottom: 0;
	}
	.portfolio .article-details .article-full-image img,
	.portfolio .article-details .article-featured-video iframe,
	.portfolio .article-details .article-feature-gallery .carousel-inner {
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		-webkit-border-top-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		height: 100%;
		width: 100%;
	}
	.portfolio .article-details div[itemprop="articleBody"] {
		padding: 0 20px;
		max-width: 50%;
	}
}
.productblad .download {
	margin: 30px 0;
}
.productblad .download a {
	background: #ee7f01;
	padding: 10px;
	color: #ffffff;
	font-weight: 700;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* FOOTER */
#sp-footer {
	text-align: center;
}
#sp-footer img {
	display: inline-flex;
	margin: 0 30px;
}
#sp-bottom .sp-module .sp-module-title {
	margin-bottom: 15px;
}
#sp-bottom .sp-module ul>li {
	margin-bottom: 0.5em;
	position: relative;
}
#sp-bottom .sp-module ul>li>a {
	font-weight: 700;
}
#sp-bottom .sp-module ul>li>a:after {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	position: absolute;
	right: 0;
}
.fa-envelope:before {
	content: "\f0e0";
}
.fa-facebook-square:before {
	content: "\f09a" !important;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
	font-weight: 700 !important;
}