/* [ALGEMEEN] */
body {
	background: #FFF;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 1.5em;
	line-height:1.5em;
	color: #333333;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

.row.align-middle > [class*="col-"] {
	display: inline-block;
	vertical-align: middle; 
	float: none;
}
.row > [class*="col-"].align-middle {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.menulogo{
	max-width: 180px;
}

a {
	color: #ff9000;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}

.anbi{
	width:60% !important;
	margin-left:20%;
}

.bigh2{
	font-size:300%;
}

.brdrradius{
	border-radius: 50px 0px 0px 0px;
}

#projects{
	padding:60px 0px;
}

#ourfloors{
	background: url(img/m4back.svg) no-repeat #F2F5E1;
	background-size: 60%;
	padding:100px 0px;

	 background-position: 50px 90px;
}

.whitebgzoeken {
    background: #fff;
    padding: 15px 30px;
    margin-bottom: 30px;
    border-radius: 10px 0px 0px 0px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 730px;
}

/* Visuals */
.footer-topper {
	margin: 0px -5px -5px;
	width: 101%;
}

.white-bottom {
	position: absolute;
	bottom: 59px;
	width: 100vw;
	margin: 0px 0px;
	z-index: 1;
}

.white-topper {
	position: absolute;
	top: -48px;
	width: 100vw;
	margin: 0px 0px;
	z-index: 1;
}

#search{
	padding:40px 0px;
	background:#f5f5f5;
}

#footer .btn-link{
	padding:6px 0px;
}

.menu h3{
	color:#fff;
	margin-bottom: 10px;
}

#leftmenu{
	list-style: none;
	padding:0;
}

#leftmenu li{
	margin-bottom:8px;
}

#leftmenu li:first-child a{
	color:#972067;
}

#leftmenu a{
	color:#333;
	font-weight: bold;
	font-size: 15px
}

#leftmenu svg{
	color:#972067;
}


.header{
	padding:30px 0px 40px;
	position: fixed;
	z-index: 50;
	left:0px;
	right:0px;
	border-bottom: 0;
	background: rgb(179,181,167);
    background: -moz-linear-gradient(180deg, rgba(179,181,167,0.9) 37%, rgba(179,181,167,0.5) 77%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(179,181,167,0.9) 37%, rgba(179,181,167,0.5) 77%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(179,181,167,0.9) 37%, rgba(179,181,167,0.5) 77%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b5a7",endColorstr="#ffffff",GradientType=1);
}
.header {
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
.bottombord {
	/* border-bottom: 1rem solid #b6b7aa; */
}
.scrolled .header:not(.bottombord) {
	border-bottom: 0rem solid #2e403c;
}

@media(min-width: 576px) {
	.bottombord {
		border-bottom: 0rem solid #b5b7aa;
	}
	.scrolled .header:not(.bottombord) {
		border-bottom: 0rem solid #972067;
	}
}
.header_logo {
	position: absolute;
	z-index: 60;
	margin-top: -30px;
}
.sublogo {
	height: 140px;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	object-position: 0% 0%;
}

#footer .list-unstyled {
    padding-left: 0;
    margin-bottom:0;
    list-style: none;
}

#footer .form-group label {
	display: none;
}

#footer .form-group .form-control {
	border-radius: 8px;
}

#footer .form-group .btn-formbuilder {
	background: #98AD4A;
	border-color: #98AD4A;
	border-radius: 50px;
}

#footer ::placeholder {
	color: #444!important;
}

#logos{
	padding: 30px 0px;
}


.textblok{
	padding:0px 30px;
}

.textblok h2{
	font-size: 33px;
	font-weight: bold;
	margin-bottom:25px;
}

@media(min-width: 992px) {
	.abso {
		position: absolute;
		z-index: 30;
		top:100px;
	}
}

.whitebg {
	background:#fff;
	padding:50px;
	box-shadow: 0px 4px 5px 0px rgba(68, 68, 68, 0.4);
	font-size:120%;
}

.rel, .relative {
	position: relative;
}

.socialmediaicon{
	color:#fff;
	background: #3C3C3B;
	margin-right: 10px;
	padding:10px;
	border-radius: 100%;
	font-size: 120%;
	margin-top:5px;
	display: inline-block;
}

.socialmediaicon:hover{
	color:#fff;
	background: #007c9e;
}


h1, h2, h3, h4, h5, h6 {

}

h1 {
	font-size: 40px;
}

h2 {
	
}

h3 {
	
}

h4, h5, h6 {
	font-size: 18px;
	font-weight: 900;
}

.bottombar{
	background: #3C5550;
	color: #fff;
}

.page {
	font-size:115%;
}

.navbar-nav {
	float: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 0.75rem 0;
	
	color:#fff;
	
	font-size: 1.25em;
	line-height: 1.05em;
    font-weight: bold;
}
@media(min-width: 576px) {
	.nav > li > a {
		font-size: 1.5em;
		line-height: 1.05em;
	}
}
@media(min-width: 992px) {
	.nav > li > a {
		font-size: 2em;
		line-height: 1.05em;
	}
}


#wrap {
	min-height: 100%;
	height: auto !important;
}

body.noscroll {
    overflow: hidden !important;
}

/* Webshop */
#catalogus-sectie-detail {
	padding-bottom: 60px;
}
#catalogus-sectie-detail .brochure {
	top: 80px;
}

#catalogus-sectie .beheerbalk {
	margin-top: 90px;
}

#filterform .collapse {
	display: block;
}

#filterform .sortering svg {
	display: none;
}

#filterform a.sortering {
	color: inherit;
	/*pointer-events: none;*/
	text-decoration: none;
	cursor: default;
}

.orangy {
	background: #F57736;
	color: #fff;
	border-top-left-radius: 50px;
}

.orangy h3 {
	font-weight: 200;
	font-size: 1.6em;
}

.orangy li {
	list-style: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13.5px;
}

.orangy li:before {
	content: url(img/check.svg);
    position: absolute;
    left: 26px;
}

.gray:hover{
	text-decoration: none;
	background:#333;

}

.usp{
	background: url(img/uspback.jpg) no-repeat #2E403C;
	background-size: cover;
	color:#fff;
	padding:15px;
}

.noeffect:hover .orangy{
	background:#f75f11;
}

.noeffect:hover{
	text-decoration: none;
}

.gray {
	background: #656565;
	color: #fff;

}

.gray h3 {
	font-weight: 200;
	font-size: 1.6em;
}

.gray li {
	list-style: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13.5px;
}

.gray li:before {
	content: url(img/check.svg);
    position: absolute;
    left: 26px;
}

.shopheader img {
	width: 100vw;
}

.product_link {
	border-top-left-radius: 50px; 
	overflow: hidden;
}

a.product_link .product_img {
    position: relative;
    display: block;
    overflow: hidden;
    height: 265px !important;
    width: 100%;
}

.product-info h1.title {
	margin-top: 0px;
}

.product_desc ul li {
	list-style: none;
}

.product_desc ul li:before {
	content: url(img/check-black.svg);
    position: absolute;
    left: 13px;
}



#catalogus-sectie {
	padding: 0px 0px 50px;
	margin-bottom: -40px;
	background: rgb(110,200,207);
	background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	background: linear-gradient(90deg, rgba(110,200,207,1) 25%, rgba(255,255,255,1) 25%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ec8cf",endColorstr="#ffffff",GradientType=1);
}

@media (min-width: 576px) {
	.normaallogo {
		max-width: 80%;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		margin-top: 6px;
	}
	.smallerlogo {
		max-width: 50% !important;
	}
	.header-text-smaller {
	    font-size: 12px;
	    margin-top: -13px;
	    margin-right: 50px;
	    -webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
}

p.header-text {
	float: right;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.menu .middle .navbar-form {
	margin-left: 0px;
	margin-right: 0px;
}

.rel {
	position: relative;
}

.spacer {
	height: 30px;
}

.spacer2 {
	height: 15px;
}

.spacer3 {
	height: 6px;
}

.menulogo{
	max-width: 250px
}

.boxshadow {
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
       -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
        -ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
         -o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
            box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
}

/* [PRELOADER] */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #b3b5a7;
	z-index: 999999;
}

#preloader__status {
	width: 259px;
	height: 249px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url('img/logo.svg');
	background-repeat: no-repeat;
	background-position: center;
	margin: -125px 0 0 -130px;
}

/* [HEADER] */
.topbarfixed{
	background: #fff;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index: 80;
}

.logo{
	margin-top:0px;	
	position: absolute;
	margin-bottom:0px;	
	z-index:80;
}

/* [MENU] */

.name_container {
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	        transition: opacity 1s ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.name_container small {
	position: absolute;
	bottom: -11px;
	font-size: 12px;
	letter-spacing: 3px;
	color: #fff;
	font-weight: 800;
	left: 8px;
}

#menu_name {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	color: #3B336A;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	-webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
}

#open_name {
	position: absolute;
	left: 10%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	color: #3B336A;
	opacity: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	-webkit-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: transparent;
	color: #fff
}
.nav .open > a:focus,
.nav .open > a:hover {
	padding-left: 15px;
}
.nav .dropdown-menu {
	padding: 0;
	border: 0;
	border-radius: 0;

	background-color: #3B336A;
}
.nav .dropdown-menu > li {
	padding: 0.5rem;
}
.nav .dropdown-menu > li > a {
	color: #fff;

	font-weight: 700;
}
.nav .dropdown-menu > li {
	font-size: 1.25em;
}
@media(min-width: 576px) {
	.nav .open > li > a:focus,
	.nav .open > li > a:hover {
		padding-left: 20px;
	}
	.nav .dropdown-menu > li {
		font-size: 1.5em;
	}
}
@media(min-width: 768px) {
	.nav .dropdown-menu > li {
		font-size: 1.75em;
	}
	.nav .open > li > a:focus,
	.nav .open > li > a:hover {
		padding-left: 30px;
	}
}

.button_container:hover #menu_name {
	left: 75%;
	opacity: 0;
}

.button_container:hover #open_name {
	left: 52%;
	opacity: 1;
}

#line_one,
#line_two {
	width: 0px;
	height: 2px;
	background: #3B336A;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
}

#line_one {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	        transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

#line_two {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	        transform: translate(-50%, -50%) rotate(-45deg);
	-webkit-transition: all 0.5s 0.5s ease;
         	transition: all 0.5s 0.5s ease;
}

.button_container.active #line_one {
	width: 50px;
	opacity: 1;
}

.button_container.active #line_two {
	width: 50px;
	opacity: 1;
}

.button_container.active .name_container {
	opacity: 0;
}

.menu .button_container {
	width: 50px;
	height: 50px;
}
.button_container {
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 110;
	overflow: hidden;
}

.menu #line_one,
.menu #line_two {
	background: #FFF;
}

.menu.adminspace {
	top: 26px
}

.menu {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	display: block;
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100vh;
	padding: 15px;
	top: 0;
	left: 0;
	background: rgb(179, 181, 167);
	overflow-y: scroll;
	overflow-x: hidden;
}


.toggle-menu i {
  position: absolute;
  display: block;
  height: 4px;
  background: #fff;
  width: 40px;
  left: 9px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.toggle-menu i:nth-child(1) {
  top: 11px;
}
.toggle-menu i:nth-child(2) {
  top: 23px;
}
.toggle-menu i:nth-child(3) {
  top: 34px;
}

.menu.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.menu img.footerbgimg {
	position: absolute;
	display: block;
	z-index: 0;
	pointer-events: none;
	width: auto;
	height: 350px;
	bottom: 60px;
	left: -120px;
}

.menu .top {
	display: block;
	width: 100%;
}

.menu ul.headlist {
	margin: 0;
}

.menu ul.headlist li.gratis a {
	padding: 6px 30px;
}

.menu ul.headlist li.tel .svg-inline--fa {
	color: #FFF;
	margin: 0 15px 0 0;
}

.menu ul.headlist li.tel a {
	position: relative;
	color: #FFF;
}

.menu ul.headlist li.tel a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 1px;
    background: #FFF;
    transition: all 0.4s ease;
}

.menu ul.headlist li.tel a:hover:before,
.menu ul.headlist li.tel a:focus:before,
.menu ul.headlist li.tel a:active:before {
    width: 100%;
}

.menu .middle {
	margin: 1rem 0;
	display: block;
}

.menu .middle ul.mainmenu {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	display: block;
	width: 100%;
}

.menu .middle ul.mainmenu li {
	display: inline-block;
	vertical-align: top;
	margin: 0 75px 0 0;
}

.menu .middle ul.mainmenu li a {
	position: relative;
	color: #FFF;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
}

.menu .middle ul.mainmenu li a .svg-inline--fa {
	font-size: 12px;
	margin: 0 0 2px 5px;
}

.menu .middle ul.mainmenu li a:hover,
.menu .middle ul.mainmenu li a:focus,
.menu .middle ul.mainmenu li a:active {
	text-decoration: none;
}

.menu .middle ul.mainmenu li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 1px;
    background: #FFF;
    transition: all 0.4s ease;
}

.menu .middle ul.mainmenu li a:hover:before,
.menu .middle ul.mainmenu li a:focus:before,
.menu .middle ul.mainmenu li a:active:before {
    width: 100%;
}

.menu .middle ul.mainmenu li a.active:before {
	width: 100%;
}

.menu .middle ul.mainmenu li a.active:hover:before,
.menu .middle ul.mainmenu li a.active:focus:before,
.menu .middle ul.mainmenu li a.active:active:before {
    width: 0%;
}

.menu .middle ul.mainmenu li ul.mainmenu_sub {
	display: block;
	list-style-type: none;
	padding-left: 0;
	margin: 30px 0;
}

.menu .middle ul.mainmenu li ul.mainmenu_sub li {
	display: block;
	margin: 0 0 5px 0;
}

.menu .middle ul.mainmenu li ul.mainmenu_sub li a {
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
}

.menu .bottom {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 60px;
	left: 0;
}

.menu .footer_bottom_txt {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #FFF;
	margin: 0 0 30px 0;
}

ul.socials {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

ul.socials li {
	display: inline-block;
	margin: 0 15px 0 0;
}

ul.socials li a {
	display: inline-block;
	color: #FFF;
	font-size: 40px;
	line-height: 40px;
}

ul.socials li a:hover,
ul.socials li a:focus,
ul.socials li a:active {
	text-decoration: none;
	color: #615898 !important;
}

/* [CONTENT] */
section.page {
	padding: 40px 0;
}

/* [FOOTER] */
#footer {
	padding: 30px 0;
	min-height: 150px;
	background: #2E403C;
	color: #fff;
	padding-bottom:0px;
	position: relative;
	z-index: 2;
	overflow-y: hidden;
}

#footer  a {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.6em;
}

#footer .title {

font-weight: 100;

margin-bottom: 20px;

font-size: 1.6em;
}

/* [GOOGLEMAP] */
.googlemap {
	height: 32rem;
}
@media(min-width: 768px) {
	.googlemap {
		height: 40rem;
	}
}
@media(min-width: 992px) {
	.googlemap {
		height: 48rem;
	}
}
@media(max-width: 767px) {
	.googlemap {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -120px;
	}
}
.gm-style-iw h5,
.gm-style-iw a {
	color: #4f523d;
	font-weight: 700;
}

/* [MUI FORM] */
.mui-textfield--float-label > label {
    font-size: 14px;
}

/* [TAAL SWITCHER] */
.taal .flag-icon {
	font-size: 20px;
	margin-left: 5px;
}

.taal dropdown {
	position: relative;
	display: inline-block;
}

.taal dropdown label, 
.taal dropdown ul li {
	display: block;
	width: 175px;
	background: #FFF;
	padding: 5px 10px;
	margin-bottom: 0;
}

.taal dropdown label:hover, 
.taal dropdown ul li:hover {
	background: #DCEFDD;
	color: #2F2F2F;
	cursor: pointer;
}

.taal dropdown label {
	color: #3E3E3E;
	border-left: 4px solid #FEDE30;
	position: relative;
	z-index: 2;
	font-weight: 400;
}

.taal dropdown label svg {
	float: right;
	font-size: 24px !important;
	padding: 5px;
}

.taal dropdown input {
	display: none;
}

.taal dropdown input ~ ul {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: -20px;
	z-index: 1;
	padding-left: 0;
}

.taal dropdown input:checked + label {
	background: #F2F2F2;
	color: #0573AA;
	margin-bottom: 0;
}

.taal dropdown input:checked ~ ul {
	visibility: visible;
	opacity: 1;
	top: 25px;
}

.taal dropdown ul li a {
	display: block;
	color: #3E3E3E;
}

.taal dropdown ul li:hover a,
.taal dropdown ul li:focus a,
.taal dropdown ul li:active a {
	color: #FFF;
	text-decoration: none;
}

/* Nederlands */
.taal dropdown ul li:nth-child(1) {
	border-left: 4px solid #FF9A34;
}

.taal dropdown ul li:nth-child(1):hover {
	background: #FF9A34;
	color: white;
}

/* English */
.taal dropdown ul li:nth-child(2) {
	border-left: 4px solid #f00000;
}

.taal dropdown ul li:nth-child(2):hover {
  	background: #f00000;
	color: white;
}

/* Deutsch */
.taal dropdown ul li:nth-child(3) {
	border-left: 4px solid #000;
}

.taal dropdown ul li:nth-child(3):hover {
	background: #000;
	color: white;
}

.animate {
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
	-webkit-backface-visibility: hidden;
	 -moz-backface-visibility: hidden;
	  -ms-backface-visibility: hidden;
	   -o-backface-visibility: hidden;
	      backface-visibility: hidden;
}

.taal dropdown ul li .flag-icon {
	float: right;
	margin-left: 10px;
	padding: 4px;
}

/* [CAROUSEL] */
.carousel-inner> .item > img, 
.carousel-inner> .item > a > img {
	margin: 0;
	width: 100vw;
}

.carousel-indicators {
	bottom: -10%;
}

.carousel:hover .carousel-indicators {
	bottom: 2%;
}

.carousel-control, .carousel-indicators {
	-webkit-transition: all 300ms ease-out;
	   -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	     -o-transition: all 300ms ease-out;
	        transition: all 300ms ease-out;
}

.carousel-control.left {
	left: -10%;
	opacity: 0;
}
.carousel:hover  .carousel-control.left {
	left: 0%;
	opacity: 0.5;
}
.carousel-control.right {
	right: -10%;
	opacity: 0;
}
.carousel:hover .carousel-control.right {
	right: 0%;
	opacity: 0.5;
}

.carousel {
	overflow: hidden;
}

.carousel-caption {
	position: absolute;
    left: 0%;
    right: 0%;
	bottom: 0%;
	padding: 1rem;
	
    text-align: left;
}
.carousel-caption .btn:first-child {
	margin-left: 0;
}
.carousel-caption .btn:last-child {
	margin-right: 0;
	background: none;
	border: 0px;
	text-shadow: 1px 2px 2px #000;
	color: #fff;
	font-weight: 600;
	font-size: 1.2em;
}

@media (min-width: 576px) {
	.carousel-caption {
		position: absolute;
		left: 0%;
		right: 0%;
		bottom: 0%;
		padding: 2.5rem;
		padding-bottom: 6rem;
	
		text-align: left;
	}
	.carousel-caption .btn {
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 2rem;
	}
}
@media (min-width: 992px) {
	.carousel-caption {
		padding: 4rem;
		padding-bottom: 12rem;
		/* max-width: 720px; */
	}
}

.carousel.fade{
	opacity: 1
}

.fade .carousel-inner .item {
	opacity: 0;
  	transition-property: opacity;
}

.fade .carousel-inner .active {
	opacity: 1;
}

.fade .carousel-inner .active.left,
.fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.fade .carousel-inner .next.left,
.fade .carousel-inner .prev.right {
	opacity: 1;
}

.fade .carousel-control {
	z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {

    .fade .carousel-inner > .item.next,
    .fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		      transform: translate3d(0, 0, 0);
    }

    .fade .carousel-inner > .item.prev,
    .fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		      transform: translate3d(0, 0, 0);
    }
    .fade .carousel-inner > .item.next.left,
    .fade .carousel-inner > .item.prev.right,
    .fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		      transform: translate3d(0, 0, 0);
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes entrance {
	
	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

/* Standard syntax */
@keyframes entrance {

	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

@media (min-width:1200px) { 

	.carousel.vertical .carousel-inner {
		height: 100%;
		width: auto;
	}

	.carousel.vertical .carousel-inner > .item {
		width: auto;
		padding-right: 0px;
		-webkit-transition: 0.6s ease-in-out top;
		        transition: 0.6s ease-in-out top;
	}

	@media all and (transform-3d), (-webkit-transform-3d) {

		.carousel.vertical .carousel-inner > .item {
			-webkit-transition: 0.6s ease-in-out;
			        transition: 0.6s ease-in-out;
		}
		.carousel.vertical .carousel-inner > .item.next, .carousel.vertical .carousel-inner > .item.active.right {
			-webkit-transform: translate3d(0, 100%, 0);
			        transform: translate3d(0, 100%, 0);
			top: 0;
		}
		.carousel.vertical .carousel-inner > .item.prev, .carousel.vertical .carousel-inner > .item.active.left {
			-webkit-transform: translate3d(0, -100%, 0);
			    	transform: translate3d(0, -100%, 0);
			top: 0;
		}
		.carousel.vertical .carousel-inner > .item.next.left, .carousel.vertical .carousel-inner > .item.prev.right, .carousel.vertical .carousel-inner > .item.active {
			-webkit-transform: translate3d(0, 0, 0);
			    	transform: translate3d(0, 0, 0);
			top: 0;
		}

	}

	.carousel.vertical .carousel-inner > .active,
	.carousel.vertical .carousel-inner > .next,
	.carousel.vertical .carousel-inner > .prev {
		display: block;
	}

	.carousel.vertical .carousel-inner > .active {
		top: 0;
	}

	.carousel.vertical .carousel-inner > .next,
	.carousel.vertical .carousel-inner > .prev {
		position: absolute;
	  	top: 0;
	 	width: 100%;
	}

	.carousel.vertical .carousel-inner > .next {
		top: 100%;
	}

	.carousel.vertical .carousel-inner > .prev {
		top: -100%;
	}

	.carousel.vertical .carousel-inner > .next.left,
	.carousel.vertical .carousel-inner > .prev.right {
		top: 0;
	}

	.carousel.vertical .carousel-inner > .active.left {
		top: -100%;
	}

	.carousel.vertical .carousel-inner > .active.right {
		top: 100%;
	}

	.carousel.vertical .carousel-control {
		left: auto;
	  	width: 50px;
	}

	.carousel.vertical .carousel-control.up {
		top: 0;
	  	right: 0;
	  	bottom: 50%;
	}

	.carousel.vertical .carousel-control.down {
		top: 50%;
		right: 0;
		bottom: 0;
	}

	.carousel.vertical .carousel-control .icon-prev,
	.carousel.vertical .carousel-control .icon-next,
	.carousel.vertical .carousel-control .glyphicon-chevron-up,
	.carousel.vertical .carousel-control .glyphicon-chevron-down {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
	}

	.carousel.vertical .carousel-control .icon-prev,
	.carousel.vertical .carousel-control .glyphicon-chevron-up {
		left: 50%;
		margin-left: -10px;
		top: 50%;
		margin-top: -10px;
	}

	.carousel.vertical .carousel-control .icon-next,
	.carousel.vertical .carousel-control .glyphicon-chevron-down {
		left: 50%;
		margin-left: -10px;
		top: 50%;
		margin-top: -10px;
	}

	.carousel.vertical .carousel-control .icon-up,
	.carousel.vertical .carousel-control .icon-down {
		width: 20px;
		height: 20px;
		line-height: 1;
		font-family: serif;
	}

	.carousel.vertical .carousel-control .icon-prev:before {
		content: '\2039';
	}

	.carousel.vertical .carousel-control .icon-next:before {
		content: '\203a';
	}

}

/* Chrome, Safari, Opera */
@-webkit-keyframes entrance {

	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

/* Standard syntax */
@keyframes entrance {

	from {
		opacity: 0;
		margin-left: -10px;
	}

	to {
		opacity: 1;
		margin-left: 0px;
	}

}

/* [ADMIN] */
.modal-content {
    border-radius: 0px;
}

.modal-header .close {
    margin-top: -12px;
}

.close {
    font-size: 40px;
    font-weight: 400;
    color: #2F2F2F;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}

/* [LOGIN] */
.fancybox-skin {
    position: relative;
    background: #FFF !important;
    color: #2F2F2F;
    text-shadow: none;
    -webkit-border-top-left-radius: 0px;
       -moz-border-radius-topleft: 0px;
            border-top-left-radius: 0px;
}

.fancybox-skin h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.fancybox-skin .control-label {
	font-size: 14px;
}

.fancybox-skin .form-control {
    font-size: 14px;
    color: #2F2F2F;
    background-color: #FFF;
    border: 1px solid #1f5081;
    border-radius: 0px;
    outline: none;
}

.fancybox-skin .form-control:hover,
.fancybox-skin .form-control:focus,
.fancybox-skin .form-control:active {
	border: 1px solid #FEDE30;
}

.fancybox-skin .form .showAjax {
	font-size: 14px;
}

.fancybox-skin .form .mui-btn {
	font-weight: 400 !important;
}


.socialmediaicon{
	color: #f57736 !important;
	background: #2e403c;
	margin-right: 10px;
	padding:10px;
	border-radius: 100%;
	font-size: 120%;
	margin-top:5px;
	display: inline-block;
}

.socialmediaicon:hover{
	color: #2e403c;
	background: #ffffff;
}

.topbaricon{
	color:#fff !important;
	background: #972067;
	margin-right: 10px;
	padding:10px;
	border-radius: 100%;
	font-size: 120%;
	margin-top:5px;
	display: inline-block;
	float:left;
}

.topbaricon:hover{
	color:#fff;
	background: #007c9e;
}
.topbaricon2{
	color:#fff !important;
	background: #3C3C3B;
	margin-right: 5px;
	padding: 10px;
	border-radius: 100%;
	font-size: 120%;
	margin-top: 5px;
	display: inline-block;
	float: left;
}

.topbaricon2:hover{
	color:#fff;
	background: #007c9e;
}

.fadehead {
	position: relative;
	max-width: 2580px;
	margin: 0 auto;
}
@media(max-width: 575px) {
	.fadehead .carousel-caption .btn {
		display: none;
	}
	.fadehead .carousel-indicators {
		display: none;
	}
	.fadehead .carousel-control {
		display: none;
	}
}

.btn {
	white-space: normal;
	font-weight: 500;
}
.btn-link {
	white-space: normal;
}
.footer-logo {
	width: 75%;
	margin: 0 auto;
}
.footer-logo[src*="ANBI"] {
	width: 50%;
}

.navbar-form .form-control {
	height: 40px;
	border-radius: 20px 0px 0px 20px;
	border-right: 0;
	box-shadow:none;
}

.topbarbutton {
	margin-top: 9px;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 3px solid #b3b5a7;
}

blockquote h1,
blockquote h4,
blockquote h2 {
	margin:0;
}

blockquote h2 {
	font-size: 40px;
}

/* sections */
section#home {
	position: relative;
	margin-bottom: -120px;
	padding-top: 89px;
}

@media(max-width: 480px) {
	section#home {
		margin-bottom: 0 !important;
	}
}

section#watwijdoen, section.page-stylev2 {
	background: url(img/bg-img1.svg) no-repeat 99% 50% #B3B5A7;
	background-size: 58%;
	padding: 70px 0px;
	color: #fff;
	position: relative;
	overflow: hidden;
}

section#steps {
 	position: relative;
}

section#brochure {
	background: url(img/paars.jpg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
}

section#brochure h1 {
	font-size: 3.5em;
	font-weight: 200;
	margin-top: 16px;
}

section#brochure h2 {
	font-size: 2.4em;
	font-weight: 200;
	margin-bottom: 30px;
}

section#sample-gift {
	background: url(img/groen.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-bottom: -45px;
	padding-bottom: 102px;
	color: #fff;
	overflow: hidden;
}

section#sample-gift h2 {
	font-size: 3.5em;
    font-weight: 100;
}


section#sample-gift h3 {
	font-size: 1.9em;
    font-weight: 100;
}

.gift-box {
    position: absolute;
    bottom: -258px;
    width: 400px;
    z-index: 0;
    transform: rotate(8deg);
}

section.page-stylev3 {
	background: #2E403C;
	color: #fff;
}

section.page-brown {
	background: #B3B5A7;
	padding-top: 150px;
}

section#premium-e {
	background: #f9f9f9!important;
	color: #333333;
}

section#premium-d {
	background: #ececec!important;
	color: #333;
}

section#pro {
	background: #e0e0e0!important;
	color: #333;
}

section#premium-t {
	background: #cecece!important;
	color: #333;
}

section.breaker {
	background: url(img/breaker.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

section.breaker .overlayer {
    background: rgba(0, 0, 0, 0.24);
    padding: 30px 0px;
}

section.breaker .overlayer p {
    color: #ffffff;
    font-weight: 800;
    font-size: 2.6em;
    font-style: italic;
}

#catalogus-sectie section#steps {
	padding: 0px;
}

#catalogus-sectie .stappen .stap {
    position: absolute;
    bottom: -68px;
    z-index: 5;
}

#catalogus-sectie .stappen:last-child .stap {
    bottom: -87px;
}

#catalogus-sectie .stappen:nth-child(2) .stap {
    bottom: -77px;
}

#catalogus-sectie .stappen:nth-child(3) .stap {
    bottom: -57px;
}

#catalogus-sectie .stappen:nth-child(4) .stap {
    bottom: -47px;
}

.bg-color {
	background-color: #F5F5F5;
}
.bg-color-grey {
	background-color: #E6E6E6;
}
.bg-gradient {
	background: linear-gradient(0deg, #fff 25%, #E6E6E6 25%);
}
.bg-watermark {
	background: url(img/sectionmark.png) no-repeat left bottom #E6E6E6;
}

.navbar-form .btn-default{
	height: 40px;
	border-radius: 0px 20px 20px 0px;
	border-left: 0;
	background: #F5F5F5;
	border: 0;
}

.navbar-form{
	padding:0;
	float: left;
	margin-right: 15px;
}

.navbar-form .input-group>.form-control {
    width: 100%;
    background: #F5F5F5;
    border: 0;
}

.tophead {
	font-size: 18px;
	font-weight: 900;
	line-height: 100%;
	margin-bottom:10px;
}
.bottomhead {
	font-size: 16px;
	font-weight: 300;
	line-height: 100%;
	text-shadow: 1px 2px 3px #000;
}
@media(min-width: 576px) {
	.tophead {
		font-size: 24px;
	}
	.bottomhead {
		font-size: 20px
	}
}
@media(min-width: 992px) {
	.tophead {
		font-size: 46px;
		font-weight: 600;
		text-shadow: 1px 2px 4px #000;
	}
	.bottomhead {
		font-size: 28px;
	}
}


.fadeheadimg {
	position: absolute;
	right: 0;
	bottom: -1px;
	min-width: 101%;
	z-index: 5;
	pointer-events: none;
}

.carousel-caption h2 {
    font-size: 2.9em;
    font-weight: 600;
    text-shadow: 1px 2px 2px #000;
    line-height: 1em;
    max-width: 500px;
}

.carousel-caption p {
    font-size: 2em;
    line-height: 1.1em;
    text-shadow: 1px 2px 2px #000;
}

.purplebar {
	height: 30px;
	background: #972067;
}

.back-img {
	background: url(img/sectionmark.png) no-repeat right bottom;
	pointer-events: none;
}

/* Functionals */
.relative {
	position: relative;
}

.bewerk_title {
    margin: 30px 0px 10px 0px;
}

.z-fix {
	position: relative;
	z-index: 2;
}

.btn-formbuilder {
	border-radius: 50px;
}

a.linknone:hover {
	text-decoration: none;
	color: inherit;
}

.page .m4line {
	background: #fff;
}

.footer-hat {
	position: relative;
	z-index: 2;
	overflow-x: hidden;
	pointer-events: none;
}

.brochure {
    position: absolute;
    z-index: 3;
    top: -69px;
    max-width: 98%;
}

.width-100 {
	width: 100%;
}

a.green-color {
	float: left;
	font-weight: 600;
	color: #9aae4e;
	font-size: 1.3em;
}

hr.hrv1 {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.88);
	width: 97%;
}

.img-borderd img.img-responsive {
	border-bottom-right-radius: 50px;
	box-shadow: 0px 4px 5px 0px rgba(68, 68, 68, 0.4);
}

.btn-no-background {
	background: transparent!important;
	border: none;
	color: #2E403C;
}

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

.big-h2 {
	font-size: 3em;
	font-weight: 200;
}

.stappen {
	position: relative;
}

.stappen .stap {
    position: absolute;
    bottom: -41px;
    z-index: 5;
}

.stappen:last-child .stap {
	bottom: -15px;
}

.stappen:first-child .stap {
	bottom: -35px;
}

.whitebg-border {
	background: #fff;
	padding: 10px 10px 60px;
	border-top-left-radius: 20px;
	color: #111111;
	overflow: hidden;
	position: relative;
	margin-bottom: 13px;
}

.populair-product {
	width: 101%;
	position: absolute;
	left: 0;
	right: 0px;
	bottom: -1px;
	pointer-events: none;
}

.hulp {
	position: fixed;
	display: block;
	top: 75%;
	right: 0;
	margin-right: -195px;
	background: #2e403c;
	width: 300px;
	height: 102px;
	border-radius: 60px 0px 0px 60px;
	z-index: 999;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.hulp:hover,
.hulp:focus,
.hulp:active {
	margin-right: 0px;
}

.hulp .image {
	position: relative;
	float: left;
	display: inline-block;
	width: 105px;
	cursor: pointer;
}

.hulp .image .btn-hulp {
	position: absolute;
	bottom: 1px;
	right: -11px;
	display: block;
	color: #FFF;
	background: #b3b5a7;
	padding: 21px;
	cursor: pointer;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	-ms-border-radius: 22px;
	-o-border-radius: 22px;
	border-radius: 22px;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.hulp .image .btn-hulp svg {
	position: inherit;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	font-size: 18px;
	color: #FFF;
	-webkit-transition-duration: 0.6s;
       -moz-transition-duration: 0.6s;
        -ms-transition-duration: 0.6s;
         -o-transition-duration: 0.6s;
            transition-duration: 0.6s;
    -webkit-transition-property: -webkit-transform;
       -moz-transition-property:    -moz-transform;
        -ms-transition-property:     -ms-transform;
         -o-transition-property:      -o-transform;
            transition-property:         transform;
}

.hulp .image .btn-hulp:hover,
.hulp .image .btn-hulp:focus,
.hulp .image .btn-hulp:active {
	background: #f57736;
}

.hulp .image .btn-hulp:hover svg,
.hulp .image .btn-hulp:focus svg,
.hulp .image .btn-hulp:active svg {
	color: #ffffff;
}

.hulp:hover .image .btn-hulp svg,
.hulp:focus .image .btn-hulp svg,
.hulp:active .image .btn-hulp svg {
	-webkit-transform:rotate(180deg);
       -moz-transform:rotate(180deg); 
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg);	
}

.hulp .text {
	float: left;
	display: inline-block;
	width: 195px;
	padding: 15px;
}

.hulp .text .headline {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	padding: 5px 0;
}

.hulp .text .subline {
	font-size: 16px;
	font-weight: 100;
	color: #ffffff;
	padding: 5px 0;
}

section.page select.form-control {
	border-radius: 50px;
}

section.page input#file-upload-button {
	border-radius: 50px!important;
	padding: 5px!important;
}

section.page input.form-control {
    border-radius: 45px!important;
}

form.navbar-form i.glyphicon {
	font-size: 12px;
	color: #000;
}

form.navbar-form .btn {
    padding: 4px 26px;
}

section#premium-e .m4line {
	background: #f9f9f9;
}

section#premium-d .m4line {
	background: #ececec;
}

section#pro .m4line {
	background: #e0e0e0;
}

section#premium-t .m4line {
	background: #cecece;
}

.m4line {
    position: relative;
    z-index: 2;
    padding: 5px;
    margin: 0 auto;
    max-width: 160px;
    text-align: center;
}

.m4liner-blog {
	background: #fff;
}

.m4liner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 0.5em;
    border-top: 2px solid #2e403c;
    z-index: 1;
    top: 30px;
}

.m4fourtje {
    margin: 0 auto;
    max-width: 50px;
    margin-top: 6px;
}

.img-shadow img.img-responsive {
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.6784313725490196);
}

/* Blog */
.blog-afbeelding img {
	width: 100%;
}

/* Fixes */
.content-footer-fix {
	margin-bottom: -40px;
}

/* [MUI BUTTONS] */
.mui-textfield textarea {
	min-height: 9.9rem;
	resize: vertical;
}

/* Agenda overzicht styling */
.agenda-item {}
.agenda-item .panel {
	border: none;
    box-shadow: 0px 4px 5px 0px rgba(68, 68, 68, 0.3803921568627451);
}
.agenda-item .panel-footer {
	background-color: transparent;
	border: none;
}
.agenda-item a {
	color: #000;
}
.agenda-item a:active,
.agenda-item a:focus,
.agenda-item a:hover {
	text-decoration: none;
}
.agenda-item .image {
	overflow: hidden;
}
.agenda-item .image > img {
	transition: 600ms;
}
.agenda-item:hover .image > img {
	transform: scale(1.03);
}

/* extra code steve */
/* [BLOG] */
.blog_wrap {
 position: relative;
}

.blog_wrap .img,
.blog_wrap .img a {
 min-height: 300px;
 max-height: 300px;
 overflow: hidden;
}

.related .blog_wrap .img,
.related .blog_wrap .img a {
 min-height: 270px;
 max-height: 270px;
 overflow: hidden;
}

.related_product .blog_wrap .img,
.related_product .blog_wrap .img a {
 min-height: 200px;
 max-height: 200px;
 overflow: hidden;
}

.blog_wrap .img a:last-child {
 position: relative;
 display: block;
 z-index: 1;
}

.blog_wrap .img a:last-child:before {
 position: absolute;
 display: block;
 content: "";
 width: 100%;
 height: 100%;
 z-index: 2;
 top: 0;
 left: 0;
 background: linear-gradient(180deg, rgba(69,108,216,0) 0%, rgba(34,209,203,0) 100%);
 -webkit-transition: all .3s;
    -moz-transition: all .3s;
     -ms-transition: all .3s;
      -o-transition: all .3s;
         transition: all .3s;
}

.blog_wrap .img a:last-child:hover:before,
.blog_wrap .img a:last-child:focus:before,
.blog_wrap .img a:last-child:active:before {
 /* background: linear-gradient(180deg, rgba(69,108,216,0.5) 0%, rgba(34,209,203,0.5) 100%); */
}

.blog_wrap .img a:last-child:after {
 position: absolute;
 display: block;
 font-family: "Font Awesome 5 Pro";
 font-weight: 700;
 font-size: 24px;
 content: "\f054";
 z-index: 3;
 right: 30px;
 bottom: 30px;
 border-radius: 300px;
 min-width: 54px;
 text-align: center;
 padding: 15px;
 background: #FFF;
 color: #babcaf;
 -webkit-box-shadow: 0px 2px 2px 0px rgba(56, 56, 56, 0.5);
 -moz-box-shadow: 0px 2px 2px 0px rgba(56, 56, 56, 0.5);
 box-shadow: 0px 2px 2px 0px rgba(56, 56, 56, 0.5);
}

.blog_wrap .img a:last-child:hover:after,
.blog_wrap .img a:last-child:focus:after,
.blog_wrap .img a:last-child:active:after {
 background: #babcaf;
 color: #FFF;
}

.blog_wrap h3.title {
 position: relative;
 color: #383838;
 font-size: 20px;
 font-weight: 300;
 margin: 15px 0 30px 0;
}

.blog_wrap .html {
 text-align: left;
}

.blog_wrap ul.adminlist {
 list-style-type: none;
 padding-left: 0;
 background: #E5E5E5;
 padding: 5px 10px;
 margin: 0 0 15px 0;
}

.blog_wrap ul.adminlist li {
 display: inline;
 margin: 0 5px 0 0;
}

.blog_wrap ul.adminlist li a {
 display: inline;
}

.file a {
 color: inherit;
 margin: 0 0 5px 0;
}

.file a:hover,
.file a:focus,
.file a:active {
 color: #DD9000;
 text-decoration: none;
}

.file a.downloadfile i {
 margin: 0 5px 0 0;
}

@media (min-width: 1290px) {
	#catalogus-sectie {
	    background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: linear-gradient(90deg, rgba(110,200,207,1) 27%, rgba(255,255,255,1) 27%);
	}
}

@media (min-width: 1541px) {
	#catalogus-sectie {
	    background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: linear-gradient(90deg, rgba(110,200,207,1) 29%, rgba(255,255,255,1) 29%);
	}
}

@media (min-width: 1665px) {
	#catalogus-sectie {
	    background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: linear-gradient(90deg, rgba(110,200,207,1) 31%, rgba(255,255,255,1) 31%);
	}
}

@media (min-width: 1871px) {
	#catalogus-sectie {
	    background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: linear-gradient(90deg, rgba(110,200,207,1) 33%, rgba(255,255,255,1) 33%);
	}
}

@media (min-width: 2110px) {
	#catalogus-sectie {
	    background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: linear-gradient(90deg, rgba(110,200,207,1) 36%, rgba(255,255,255,1) 36%);
	}
}

@media (min-width: 2450px) {
	#catalogus-sectie {
	    background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: linear-gradient(90deg, rgba(110,200,207,1) 38%, rgba(255,255,255,1) 38%);
	}
}

@media (max-width: 767px) {
	.normaallogo {
	    max-width: 80px;
    	margin-top: 5px;
	}

	.page .btn-block {
		margin-bottom: 5px;
	}

	.content-footer-fix {
	    margin-bottom: -21px;
	}

	.marg-fixv1 {
		margin-top: -20px;
	}

	.hulp {
		display: none;
	}

	p.header-text {
	    margin-top: -9px;
	}

	section#steps {
    	padding-top: 5px;
	} 

	section#steps p {
	    font-weight: 700;
	    padding-top: 20px;
	    font-size: 1.3em;
	    color: #646561;
	}

	.white-topper {
	    top: -12px;
	}

	.white-bottom {
	    bottom: 105px;
	}

	.carousel-caption h2 {
	    font-size: 1.1em;
	}

	.carousel-caption p {
	    font-size: 0.8em;
	}

	.stappen {
		padding: 0px;
	}

	.stappen .stap {
	    position: relative;
	    bottom: 0px!important;
	    max-height: 92px;
	    margin: 0 auto;
	}

	section#brochure h1 {
	    font-size: 3.2em;
	    line-height: 1em;
	    position: relative;
	    z-index: 2;
	}

	section#brochure h2 {
	    line-height: 1em;
	    position: relative;
	    z-index: 2;
	}

	.brochure {
	    position: absolute;
	    z-index: 0;
	    top: -241px;
	    max-width: 46%;
	    right: 27px;
	}

	.no-padding {
		padding: 0px;
	}

	.design-stap {
		width: 100%;
	}

	.gift-box {
		z-index: 0;
	}

	.footer-topper {
	    margin: 0px -3px -11px;
	    width: 103%;
	}

	.whitebg {
	    background: #fff;
	    padding: 22px 22px;
	}

	#catalogus-sectie {
	    padding: 0px 0px 50px;
	    margin-bottom: -40px;
	    background: rgb(110,200,207);
	    background: -moz-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: -webkit-linear-gradient(90deg, rgba(110,200,207,1) 28%, rgba(255,255,255,1) 28%);
	    background: linear-gradient(180deg, rgba(110,200,207,1) 32%, rgba(255,255,255,1) 25%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ec8cf",endColorstr="#ffffff",GradientType=1);
	}

	section#sample-gift h2 {
		line-height: 0.9em;
	}

	.custom-floor img.img-responsive {
		    width: 100%;
	}

	.mobile-spacer {
		height: 60px;
	}

	.product_btns a {
		margin-bottom: 5px;
		width: 100%;
	}

	section.page {
	    padding: 10px 0;
	}

	#filterform .collapse {
		display: none;
	}

	#filterform .in {
		display: block;
	}

	#filterform .sortering svg {
		display: initial;
	}

	#filterform a.sortering {
		color: inherit;
		pointer-events: ;
		text-decoration: none;
	}
}


.usp h2{
	font-size: 180%;
}

.usp li {
	list-style: none;
	/* font-weight: 700; */
	/* text-transform: uppercase; */
	font-size: 15.5px;
}

.usp li:before {
	content: url(img/check.svg);
	position: absolute;
	left: 33px;
}