/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
    ## Superfish
    ## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
/*@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

button {
    outline: none !important;
}
.fullsite {
    overflow: hidden;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background: url(/smarty/wireframe07/media/images/bg.svg) repeat-y top fixed;
    color: #e7e7e7;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    background-size: cover;
}
a {
    color: #2292aa;
     text-decoration:underline;
	-webkit-transition: all .4s;
    transition: all .4s;
	outline: none !important;
}
a:active, a:hover, a:focus {
    color: #eeeeee;
    text-decoration: none;
}

.image-right {
    float: right;
    margin: 0 0 20px 30px;
}
.image-left {
    float: left;
    margin: 0 30px 20px 0;
}
/* -------------------- 
	les titres
-------------------- */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
	font-weight: 500;
	font-family: "Open Sans", sans-serif;
	color:#fff;
}
h1 {
    font-size: 52px;
	font-weight: 500;
}
h2 {
	font-size: 42px;
	color: #19b1cd;
}
h3 {
    font-size: 29px;
}
h4 {
    font-size: 26px;
}
h5 {
    font-size: 23px;
}
h6 {
    font-size: 21px;
}
/* ------------- */
hr {
	border-color: rgba(255,255,255,0.3);
}

.fullsite {
    position: relative;
    background: none;
    z-index: 1;
}
.max-container1 {
	width: 100%;
	margin: auto;
	padding: 0 30px;
	max-width: 1440px;
}
.max-container{
	width:100%;
	margin:auto;
	padding:0 30px;
	max-width: 1440px;
	position: relative;
}
.whatsappfix {
    display: block;
    position: fixed;
    height: 70px;
    width: 70px;
    bottom: 80px;
    right: 0px;
    font-size: 20px;
    z-index: 10;
}

/**/
.header-grid {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 600px 1fr;
    z-index: 101;
    background: url(../images/bg-menu.png) no-repeat center 41px;
}
.logoblok{
 /* background: #171717;*/
  height: 120px;
  width: 600px;
  top: 0;
  left: 0;
  z-index:1;
  position: relative;
 /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 85% 100%, 15% 100%, 0 30%);*/
  /*clip-path: polygon(0 0, 100% 0, 100% 50%, 85% 50%, 70% 100%, 50% 100%, 30% 100%, 15% 50%, 0 50%);*/
  /*clip-path: polygon(0 0, 100% 0, 100% 30%, 85% 100%, 15% 100%, 0 30%);*/
}
.menu1 {
	margin-right: -200px;
	position: relative;
	z-index: 2;
	height: 100%;
	display: grid;
	align-items: center;
}
/*header.top::before,
.menu1::before,
.menu2::before */
/*header.top::before {
	content: '';
	background: #171717;
	clip-path: polygon(0 0, 100% 0, 100% 30%, 0 30%);
	height: 120px;
	display: block;
	position: absolute;
	width: 100%;
}*/
header.top.sticky .logoblok::after{
}
header.top.sticky {
	background: rgba(0,0,0,0.3);
}
.menu1 .sf-menu,
.menu2 .sf-menu {
margin-top: 37px;
}
	
.menu2 {
	margin-left: -200px;
	position: relative;
	z-index: 2;
	height: 100%;
	display: grid;
	align-items: center;
}
.menu1 .sf-menu li:nth-child(n+4) {
	display: none;
}
.menu2 .sf-menu li:nth-child(-n+3) {
	display: none;
}
@media only screen and (max-width:1199.98px){
	.menu1 {
		margin-right: 0;
              display: none;
	}
	.menu2 {
		margin-left: 0;
	}
}
@media only screen and (max-width:991.98px){
	.menu1,
	.menu2 {margin-left: 0; width:1px;}	
}
@media only screen and (max-width:767.98px){
	.header-grid {
	  grid-template-columns: 1fr calc(100vw - 2px) 1fr;
	}  
	.logoblok {
		width: auto;
	}  

}
/* -------------------- 
	header
-------------------- */
header.top {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    top: 0;
}
header.top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transform: translateY(-100%);
    transition: transform .6s;
}
header.top.sticky.sticky-appear {
    transform: translateY(0);
}
.has-lightbox header.top.sticky.sticky-appear {
    transform: translateY(-100%);
}
header.top .logo {
	height: 100px;
	width: 200px;
	text-align: center;
	display: grid;
	align-items: center;
	margin: 10px auto;
}
header.top .logo img {
	 max-width: 100%; 
}
header.top nav.main-nav {
    margin: auto;
}
/* --- */
header.top nav.mobile-nav {
    display: none;
}
/* -------------------- 
	banner
-------------------- */
section.banner {
	position: relative;
	height: calc(83vh - 101px);
	min-height: 530px;
}
section.banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: filter .8s;
}
section.banner:hover #slideshow {
	filter: grayscale(0);
}
section.banner #slideshow .next,
section.banner #slideshow .prev {
    width: 50px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border-radius: 0;
    background: #fff;
    color: #2292aa;
    font-size: 1em;
	top: auto;
    transform: none;
	bottom: 5px;
}
section.banner #slideshow .next {
    right: auto;
    left: 60px;
}
section.banner #slideshow .prev {
    left: 5px;
}
section.banner .max-container1 {
    position: relative;
    height: 100%;
    pointer-events: none;
}
section.banner.bnrvideo .max-container1 {
	position: relative;
	height: 100%;
	pointer-events: none;
	top: -100%;
	z-index: 10;
}
@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
section.banner .box-overlay {
	overflow: visible;
	margin: 0 0;
	width: 520px;
	height: 100%;
	padding: 30px 25px;
	background: none;
	color: #fff;
	pointer-events: auto;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position: relative;
	z-index: 1;
	text-align: left;
}
section.banner .box-overlay .logo-banner {
    margin: 0 0 90px 0;
}
section.banner .box-overlay .logo-banner img {
    max-width: 100%;
}
section.banner .box-overlay h3 {
    color: #fff;
    font-size: 47px;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 38px;
    animation: slide-in 1s;
    animation-fill-mode: forwards;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.34), 0px 0px 4px rgba(0, 0, 0, 0.54);
}
section.banner .box-overlay h3 small {
    color: #fff;
    text-transform: none;
    display: block;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 55%;
	font-family: 'Roboto', sans-serif;
}
section.banner .box-overlay a {
    position: relative;
    display: inline-block;
    color: #fff;
    line-height: 25px;
    text-decoration: none;
    font-weight: 500;
    background: #2292aa;
    padding: 10px 40px 10px 24px;
    font-size: 17px;
    transition: all .4s;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.34), 0px 0px 4px rgba(0, 0, 0, 0.54);
    border-radius: 30px;
}
section.banner .box-overlay a:hover {
    background: #272727;
}
section.banner .box-overlay a::after {
    content: '';
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateX(0) translateY(-50%) rotate(-45deg);
    opacity: 1;
    display: inline-block;
    transition: all .4s;
}


.muted-fixed {
	position: absolute;
	left: 10px;
	bottom: 30px;
	z-index: 100;
	color: #fff;
}
.muted-fixed a {
    color: #fff;
	font-size: 33px;
}
.muted-fixed a:hover {
    color:#c32aa3;
}
.muted-fixed > div {
	display: block;
	position: relative;
	font-size: 24px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
#movmuted .fa-volume-up{
	display: none;
}
#movmuted .fa-volume-off::after {
	content: '';
	display: block;
	position: absolute;
	top: 11px;
	font-size: 36px;
	color: #fff;
	height: 3px;
	width: 27px;
	line-height: normal;
	background: #fff;
	transform: rotate(35deg);
	left: -4px;
}
#movmuted.actief .fa-volume-off{
	display: none;
}
#movmuted.actief .fa-volume-up{
	display: block;
}
@media only screen and (max-width:480px) {
	.muted-fixed {
	  bottom: 60px;
	}  
}
.video {
	display: block;
	position: relative;
	width:100%;
	height: auto;
	overflow: hidden;
}
#instavideo.imgframe {
	max-height: 630px;
}
#instavideo.imgframe img{
  max-width: 100%;
  height: 100%;
}
/* -------------------- 
	boxes
-------------------- */
section.boxes {
    position: relative;
    border-bottom: 6px solid #2292aa;
    background: #fff;
    color: #000000!important;
}
section.boxes .boxes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
section.boxes .boxes-grid div[class*="box"] {
    position: relative;
}
section.boxes .content-bx{
	 position: relative;
    padding: 66px 46px;
	text-align:center;
	color:#000000;
	transition: background .4s, color .4s;
}
section.boxes .content-bx:hover{
	background:#2292aa;
	color:#000;
}
section.boxes .icon {
    position: relative;
	margin:0 auto 16px;
	width:70px;
	height:64px;
	background-position:center top;
	background-repeat:no-repeat;
	transition: background-position .4s;
}
section.boxes .box01 .icon{
	background-image:url(../images/icon1.png);
}
section.boxes .box02 .icon{
	background-image:url(../images/icon2.png);
}
section.boxes .box03 .icon{
	background-image:url(../images/icon3.png);
}
section.boxes .box04 .icon{
	background-image:url(../images/icon4.png);
}
section.boxes .content-bx:hover .icon{
	background-position:center bottom;
}
section.boxes h4 {
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #000000;
    transition: color .4s;
}
section.boxes .content-bx:hover h4{
	color:#000000;
}
/*section.boxes .content-bx:hover p{
	color:#000000;
}*/
section.boxes p.leesmeer {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 23px;
    padding: 4px 12px;
    display: inline-block;
    white-space: nowrap;
    background: #000;
    margin-bottom: 0 !important;
    margin-top: 20px;
    border-radius: 20px;
}
section.boxes:hover p.leesmeer {
   
    color: #ffffff;
    
    
}
section.boxes div[class*="box"] .link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-indent: -9999px;
    font-size: 0;
    z-index: 3;
}
/* -------------------- 
	content-wrapper
-------------------- */



.wrapper {
	color: #d7d7d7;
    position: relative;
      background: rgb(2, 10, 44);
    margin: 50px 0 0;
	overflow: hidden;
}
main.content-wrapper {

}
.homeTemplate main.content-wrapper {
	position: relative;
	padding: 30px 0 0;
}
.homeTemplate main.content-wrapper header.page-title {
	position: relative;
    margin-bottom: 30px;
}
.homeTemplate main.content-wrapper header.page-title h1 {
    margin: 0;
    text-transform: uppercase;
	font-size: 52px;
}
.homeTemplate main.content-wrapper header.page-title h1 span.subtitle {
	color:#19b1cd;
}
.pageTemplate main.content-wrapper {
	position: relative;
	padding-bottom: 50px;
	margin-top: -85px;
}
.pageTemplate.contactTemplate main.content-wrapper {
    padding-bottom: 0;
}
.pageTemplate main.content-wrapper header.page-title {
	margin-bottom: 0;
	background: url(../images/bg-title.jpg) center center no-repeat #2292aa;
	color: #fff;
	padding-bottom: 70px;
	position: relative;
	display: grid;
	align-items: flex-end;
	height: 450px;
	background-size: cover;
}
#page-7.pageTemplate main.content-wrapper header.page-title {
	background: url(../images/bg-over-ons.jpg) center center no-repeat #2292aa;
	height: 500px;
}
@media only screen and (max-width:480px){	
	#page-7.pageTemplate main.content-wrapper header.page-title {
  height: 300px;
  background-size: 230%;
	}
}
.pageTemplate main.content-wrapper header.page-title::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000;
	opacity: 0.4;
}
.pageTemplate.contactTemplate main.content-wrapper header.page-title {
    margin-bottom: 0;
}
.pageTemplate main.content-wrapper header.page-title h1 {
    margin: 0;
    text-transform: none;
    transform: translateX(-100%);
    animation: slide-in 1s;
    animation-fill-mode: forwards;
	color:white;
}
main.content-wrapper header.page-title h1 span.subtitle {
	font-weight: 400;
	display: block;
	letter-spacing: -0.02em;
	margin-bottom: 5px;
	text-transform: none;
	font-family: Roboto;
}

.fullwidthTemplate article.content {
    padding: 0 50px;
}
.fullwidthTemplate.contactTemplate article.content {
    padding: 0;
}
article.content::after {
    content: '';
    display: block;
    clear: both;
}

article.content p {
    margin: 0 0 20px;
}
article.content ul {
   padding-left: 15px;
	margin-bottom: 20px;
}
article.content ul li {
   position: relative;
    list-style: none;
    padding-left: 20px;
}
article.content ul li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
	font-weight: 700;
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 10px;
    color: #2292aa;
}
article.content ul ul li {
    padding-left: 15px;
}
section.page article.content ul ul li::before {
    content: '\f054';
}
article.content .table-style {
    position: relative;
}
article.content .table-style th {
    background: #464646;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #999;
    padding: 2px 5px;
}
article.content .mcePxmGallery {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 20px 50px 0;
}
article.content .contact-info-grid {
    font-size: 1.16em;
    padding: 30px 0;
    margin-bottom: 50px;
    background: #272727;
    border-bottom: 5px solid #2292aa;
    color: #fff;
}
article.content .contact-info-grid .contact-phone {
    white-space: nowrap;
}
article.content .contact-info-grid a {
    color: inherit;
    text-decoration: none;
}
article.content .contact-info-grid a:hover {
    color: #2292aa;
}
article.content .contact-info-grid .max-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
article.content .contact-info-grid .max-container > div {
    margin: 0 20px;
}
article.content .contact-info-grid .phone-responsive {
    display: none;
}
article.content .contact-info-grid i {
    -webkit-text-stroke: 1px #222;
    -webkit-text-fill-color: #f2f2f2;
    margin-right: 5px;
    font-size: 1.4em;
}
article.content .contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #272727;
	    margin-top: 20px;
}
article.content .contact-grid .maps .box_googlemapsv2 {
    height: 100%;
}
article.content .contact-grid .form {
    padding: 50px;
}
article.content .NewsPhoto {
    position: relative;
    margin-bottom: 50px;
    background: #222;
}
article.content .NewsPhoto img {
    width: 100%;
    max-height: 500px;
    height: auto;
    object-fit: cover;
    transition: opacity 1.25s;
}
article.content .NewsPhoto:hover img {
    opacity: .5;
}
article.content .NewsPhoto:hover::after {
    content: '';
    z-index: 3;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    
    background-size: 0;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%),
                        linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%);
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
}
section.home-news #AllNews figure.Item:hover .photo::after {
    animation: bg 1.25s;
    animation-fill-mode: forwards;
}
@keyframes bg {
    0% {
        background-size:    0 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    25% {
        background-size:    100% 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    50% {
        background-size:    100% 2px,
                            2px 100%,
                            0 2px,
                            2px 0;
    }
    75% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 0;
    }
    100% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 100%;
    }
}
/* --- */
.HomeImages {
    display: grid;
    grid-template-columns: 1.015fr 0.985fr;
    grid-gap: 48px;
    margin-bottom: 70px;
}
.HomeImages .homephoto{
	width: 100%;
    height: 100%;
}
.HomeImages img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
    transition: filter 1s;
}
.HomeImages .homephoto:nth-child(2) {
    transform: translateY(-132px);
}
.HomeImages .homephoto:hover img {
    filter: grayscale(0);
}
/**********************/
section.parallax {
	background: url(../images/parallax.jpg) no-repeat center fixed;
	position: relative;
	overflow: hidden;
	text-align: center;
	height: 450px;
	background-size: cover;
}

/**********usp****************/
section.prestations {
	position: relative;
	padding: 0 0 50px;
	color: #2292aa;
	text-align: center;
}
section.prestations h3 {
    color: #2292aa;
}


.usp-grid {
    display: grid;
    grid-template-columns: repeat(3,1Fr);
    text-align: center;
    grid-gap: 30px;
}

section.prestations .box .icon-bx {
    display: table;
    margin: 0 auto 0;
}
section.prestations .box .icon-bx img{
	filter: invert(1);
}

section.prestations .box h4 {
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    margin: 18px 0 0;
    display: grid;
    align-items: center;
    min-height: 42px;
}

/* -------------------- 
	boxe-full
-------------------- */
section.boxe-full {
    padding: 75px 0;
    background: url(../../images/new-images2/full-bg.jpg) no-repeat center center #100501 fixed;
    background-size: cover;
    color: white;
    position: relative;
}
section.boxe-full:before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	pointer-events:none;
	background:rgba(0,0,0,0.4);
}
section.boxe-full article .text{
	position:relative;

}
section.boxe-full article .icon {
	display:block;
	margin:0 0 30px;
	width:87px;
	height:87px;
	background: url(../../images/new-images2/icon5.png) no-repeat center center #b10b28;
	border-radius:4px;
	transition: background-color .4s;
}
section.boxe-full article .text:hover .icon{
	background-color:#2292aa;
}
section.boxe-full article h2{
	color:#fff;
	margin:0 0 26px 0;
	text-transform:uppercase;
}
section.boxe-full article .leesmeer{
	display:inline-block;
	color:#272727;
	background: #ffffff;
	padding:4px 14px;
	line-height:23px;
	margin-top:30px;
	font-size:14px;
	margin-bottom:0 !important;
	text-transform:uppercase;
	text-decoration:none !important;
	border-radius:20px;
	transition: background .4s;
}
section.boxe-full article .text:hover .leesmeer{
	background:#2292aa;
}

section.boxe-full article .link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-indent: -9999px;
    font-size: 0;
    z-index: 3;
}
.projecten {
	display: block;
	position: relative;
	padding: 0 0 50px;
}
@media only screen and (min-width:1400px){
	.projecten .container{
		width: 1280px;
	}
}
@media only screen and (min-width:1600px){
	.projecten .container{
		width: 1440px;
	}
}

/************ ven ******************/
.voor-en-na {
	background: #131728;
	padding: 50px 0;
	color: rgb(255, 255, 255);
	font-size: 18px;
}
.voor-en-na h2{
	font-size: 50px;
	color: #fff;
	font-family: "Source Sans Pro";
	font-weight: 700;
	font-style: normal;	
}
.ven-klein {
	font-size: 14px;
}
.ven-grid {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	align-items: center;
}
.ven-kolom {
	border: 0 none;
	display: flex;
	position: relative;
	overflow: hidden;
	height: 470px;
	margin: 10px;
}
.ven-kolom img {
	max-width: none !important;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	object-fit: cover;
	width: 100%;
	height: 100% !important;
	transform: translate3d(0,0,0);
}
.ven-voor {
	max-width: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: translate3d(0,0,0);
}
.ven-na {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  transform: translate(50%,0);
}
.ven-na--- {
	width: 586px;
	height: 490px;
	transform: translate(293px);
}
.ven-handgrip {
	color: #fff;
	width: 45px;
	height: 45px;
	background-color: transparent;
	cursor: ew-resize;
	border: 4px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.ven-handgrip::before,
.ven-handgrip::after {
	content: '';
	height: 200vh;
	width: 0;
	border: 2px solid #fff;
	position: absolute;
	top: -200vh;
	left: 50%;
	transform: translate(-50%,0);
}
.ven-handgrip::after {
	top: auto;
	bottom: -200vh;
}
.ven-pijl {
	content: '';
	border-style: solid;
	border-width: 7px 9px;
	border-color: transparent #fff;
	border-left: none;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	left: 6px;
}
.ven-pijl.ven-pijl-recht {
	left: auto;
	right: 6px;
	transform: translate(0,-50%) rotate(180deg);
}

.ven-labels {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	pointer-events: none;
	padding: 15px;
	transition: opacity .3s ease-in-out,transform .3s ease-in-out;
	opacity: 0;
}
.ven-kolom:hover .ven-labels {
	opacity: 1;
}
.ven-titel {
	background-color: rgba(122,122,122,0.6);
	color: #fff;
	padding: .4em 1.3em;
	max-width: calc(50% - 15px);
	text-align: left;
	border-radius: 3px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 0;
	font-weight: normal;	
}
.ven-kolom > div .ven-labels{
	wiidth: 100% !important;
	height: 100% !important;
	left: calc(100% - 97px);
}
.ven-titel.label-before{
	text-align: right;
	z-index: 2;
}
@media only screen and (max-width:767.98px){
	.ven-grid {
	  grid-template-columns: 1fr;
	}  
	.ven-kolom {
	  height: 350px;
	}  
}
@media only screen and (max-width:480px){ 
	.ven-kolom {
	  height: 270px;
	}  
}
.merken {
	position: relative;
	padding: 0 0 70px;
	background: #041e32;
	display: block;
}
.merken-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 0;
}
.merken-grid > div {
	padding: 0;
	background: #041e32;
}
.slick-slide img {
	display: block;
	padding: 0;
	position: relative;
	background: none;
	border: 1px solid #303030;
}
.slick-slide img.binnen {
	padding: 10px;
}
.slick-slide img.invert {
	filter: invert(1);
	border: 1px solid #d0d0d0;
}
.slick-slide {
	padding: 13px;
	background: #041e32;
}

section.vragen {
	position: relative;
	padding: 0 0 50px;
	font-size: 1.15em;
}
section.vragen h2{

}
section.vragen .panel-group * {
color: #fff;
padding: 0;
margin: 0;
transition: .8s;
border: 0;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
		border-radius: 0;
background: none; }
.panel-group .panel + .panel {
  margin-top: 0;
}
section.vragen .panel-group .hoofdmenu{
	padding: 10px 15px;
}
section.vragen .panel-group .panel-heading {
	background: none;
	border-radius: 15px;
	display: block;
	position: relative;
	padding: 0 7px;
}
section.vragen .panel-group .panel-title {

}
section.vragen .panel-group .hoofdmenu td{
	padding: 3px;
}
section.vragen .panel-group .hoofdmenu td:first-child{
	color: #575757;
}
section.vragen .panel-group .hoofdmenu strong {
  font-size: 20px;
  color: #000;
 }
 
section.vragen .panel-group .panel-title a {
	display: block;
	padding: 10px 0;
	outline: none;
	background: none;
	text-decoration: none;
	font-size: 22px;
	line-height: normal;
	text-transform: none;
	font-weight: 500;
	border-bottom: 1px dashed #7198a4;
	padding-left: 30px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
section.vragen .panel-group .panel-title a::before {
	display: block;
	position: absolute;
	margin: ;
	content: "\f068";
	font-family: 'Font Awesome 5 Free';
	margin-left: -30px;
	margin-top: 5px;
	width: 20px;
	height: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: 900;	
}
section.vragen .panel-group .panel-title a.collapsed::before {
	content: "\f067";
}
section.vragen .panel-group .panel-heading h5{
	font-size: 18px;
}
  section.vragen .panel-group .panel-title a.collapsed {
	background: none; }
  section.vragen .panel-group .panel-title a:hover {
	background:none;
	text-decoration: none; color:#1cb4d4;}
	
section.vragen .panel-group .panel-collapse {
	padding: 10px 37px 7px;
	line-height: normal;
	color: #555;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 300;
	transition: height .4s;
}	
section.vragen .panel-group table {
font-size: 18px;
border-color: #000 !important; }
section.vragen .panel-group table * {
  border: 0; }
section.vragen .panel-group table th {
  font-size: 20px;
  text-transform: uppercase; }
section.vragen .panel-group table td:first-child {
  width: 75%; }
section.vragen .panel-group table td:nth-child(2) {
  text-align: right; }
section.vragen .panel-group table tr:nth-child(odd) {
  background: none; }
section.vragen .panel-group table tr:nth-child(2n) {
	background: rgba(218, 160, 106, 0.2);
}
section.vragen .panel-group ul {
margin-left: 20px; }
section.vragen::after {
	content: '';
	clear: both;
	display: block;
}
section.vragen .menu-item {
	position: relative;
	margin: 15px 0 0;
	font-weight: 400;
	font-size: 1.25em;
}
section.vragen .menu-item::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 2px dotted #ddd;
}
section.vragen .menu-item .price {
	float: right;
}
section.vragen .menu-item ~ p {
	margin-top: 0;
	font-size: .9em;
}

.zwartblock,
.kleurblock {
	/*background:#3b393a;*/
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 50px;
	margin-top:0;
	margin-bottom:0;
}
.grid-boxes img {
    width: 100%;
    margin: 0 0 20px;
}
.grid-boxes {
    display: grid;
	position: relative;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.zwartblock {
    background: url(/smarty/wireframe07/media/images/bg.svg) repeat-y top fixed;
    margin-top: 60px;
}
@media only screen and (max-width : 767.98px) {
	.zwartblock,
	.kleurblock {
		padding: 50px 15px;
	}
}
.kleurtitel h2{
	color: #19b1cd;
	font-size: 47px;
}

.imgframe {
	display: flex;
	height: auto;
	overflow: hidden;
	width: 100%;
	margin-top: 25px;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	max-width: 100%;
	margin: 0 auto;
}
.row.equalheight {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.row.equalheight > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
@media only screen and (max-width : 767.98px) {
   .row.equalheight {
        display: block;
	}	
    .phone-responsive {
        display: inline-block;
    }
}

.lijnblok {
	display: block;
	transform-origin: 0 0;
	transform: scale(1);
	position: relative;
	z-index: 10;
	height: 4px;
	width: 100vw;
	margin: 0 auto;
	max-width: 100vw;
	transition: all .4s;
}

.lijn {
	display: block;
	min-height: 1px;
	min-width: 1px;
	overflow: visible;
	position: absolute;
	width: 10%;
	height: 4px;
	transition: all .8s;
	transition-delay: 0.4s;
	transform: scale(1);
}
.lijnblok.aos-animate .lijn {
	width: 100%;
}
.padding-bottom-50{
	padding-bottom: 50px;
}
.padding-bottom-70{
	padding-bottom: 50px;
}
.padding-bottom-100{
	padding-bottom: 100px;
}
.img-box {
	width: 280px;
	display: block;
	position: relative;	
}
.img-box.img1 {
	margin: 0 0 0 auto;
}
.img-box.img2 {
	margin: -80px auto 0 0;
}
.img-box.img3 {
	margin: -80px 0 0 auto;
}
.werkwijzeblok {
	display: block;
	position: relative;
	padding: 50px 0;
}
.werkwijzeblok h2 {
	font-size: 47px;
	color: #19b1cd;
}
.werkwijzeblok p {
  font-size: 22px;
}
.sec-werkwijze {
	display: block;
	position: relative;
	height: 100%;
	width: 100vw;
	min-height: 500px;
}

.werkwijze {
	display: flex;
	position: relative;
	height: 500px;
	width: 100%;
	align-items: center;
}
.werkwijze > div:first-child {
	margin-left: 15px;
	z-index:10;
}
.werkwijze > div:nth-child(2) { z-index: 9;}
.werkwijze > div:nth-child(3) { z-index: 8;}
.werkwijze > div:nth-child(4) { z-index: 7;}
.werkwijze > div:nth-child(5) { z-index: 6;}
.werkwijze > div:nth-child(6) { z-index: 5;}
.werkwijze > div:nth-child(7) { z-index: 4;}
.werkwijze > div:nth-child(8) { z-index: 3;}
.werkwijze > div:nth-child(9) { z-index: 2;}

.werkwijze > div:nth-child(1) .svgdiv,
.werkwijze > div:nth-child(2) .svgdiv,
.werkwijze > div:nth-child(3) .svgdiv,
.werkwijze > div:nth-child(4) .svgdiv,
.werkwijze > div:nth-child(5) .svgdiv,
.werkwijze > div:nth-child(6) .svgdiv,
.werkwijze > div:nth-child(7) .svgdiv,
.werkwijze > div:nth-child(8) .svgdiv,
.werkwijze > div:nth-child(9) .svgdiv {
	background-size: 100px auto !important;
	background-position-x: 200px !important;
	background-repeat: no-repeat !important;
	background-position-y: center !important;
}

.werkwijze > div:nth-child(1) .svgdiv {
	background-image: url(/media/images/icon1.svg) !important;
}
.werkwijze > div:nth-child(2) .svgdiv {
	background-image: url(/media/images/icon2.svg) !important;
}
.werkwijze > div:nth-child(3) .svgdiv {
	background-image: url(/media/images/icon3.svg) !important;
}
.werkwijze > div:nth-child(4) .svgdiv {
	background-image: url(/media/images/icon4.svg) !important;
}
.werkwijze > div:nth-child(5) .svgdiv {
	background-image: url(/media/images/icon5.svg) !important;
}
.werkwijze > div:nth-child(3) .svgdiv {
	background-image: url(/media/images/icon3.svg) !important;
}
.werkwijze > div:nth-child(6) .svgdiv {
	background-image: url(/media/images/icon6.svg) !important;
}
.werkwijze > div:nth-child(7) .svgdiv {
	background-image: url(/media/images/icon7.svg) !important;
}
.werkwijze > div:nth-child(8) .svgdiv {
	background-image: url(/media/images/icon8.png) !important;
}
.werkwijze > div:nth-child(9) .svgdiv {
	background-image: url(/media/images/icon9.svg) !important;
}

.icoonblk {
	display: inline-block;
	position: relative;
	transform-origin: top left;
	margin-right: 0;
}
.svgblk{
	position: absolute; height:0; width:0;
}

	
.pijl-block {	
  height: 2px;
  transform: rotate(90deg);
  cursor: auto;
  outline: none;
  position: absolute;
}
.pijl {
	height: 100%;
	width: 100%;
	transform-origin: 0 0;
}
.pijl-1 {
	width: 104.709px;
}
.bgwerkwijze {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.svgww {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}
.kleurww {
	height: 100%;
	width: 100%;
}
.bgkleurww {
	transition: transform .3s ease;
	height: 100%;
	width: 100%;
}
.bgkleurww div{
	display: flex;
	position: relative;
}
.bgkleurww div img {
	display: block;
	position: relative;
	width: 100vw;
	height: 100%;
	object-position: center center;
	object-fit: cover;
}
.bgkleur1 {
	background: #2abb9e;
}
.bgkleur2 {
	background: #5fd8c3;
}
.bgkleur3 {
	background: #1e8171;
}
.bgkleur4 {
	background: #2f6b85;
}
.bgkleur5 {
	background: #547a96
}	
.bgkleur6 {
	background: #3eb3eb
}
.bgkleur7 {
	background: #65d0e8
}	
.bgkleur8 {
	background: #7788d8
}
.bgkleur9 {
	background: #6c78cf
}

.svg-pijl {
	display: block;
	min-height: 1px;
	min-width: 1px;
	overflow: visible !important;
	position: absolute;
}
.divsvg-pijl {
	height: 100%;
	width: 100%;
	position: absolute;
	transform: scale(1) rotate(90deg);
	width: 114px;
	height: 2px;
	bottom: 137px;
	left: 0;
	right: 0;
	overflow: visible;  
  }
.divsvg-pijl.pijl1 { left: 30px;} 
.divsvg-pijl.pijl2 { left: 144px; transform: scale(1) rotate(-90deg); top: 137px; bottom: 0;}  
.divsvg-pijl.pijl3 { left: 258px;}
.divsvg-pijl.pijl4 { left: 372px; transform: scale(1) rotate(-90deg); top: 137px; bottom: 0;}
.divsvg-pijl.pijl5 { left: 486px;}
.divsvg-pijl.pijl6 { left: 600px; transform: scale(1) rotate(-90deg); top: 137px; bottom: 0;}
.divsvg-pijl.pijl7 { left: 714px;}
.divsvg-pijl.pijl8 { left: 828px; transform: scale(1) rotate(-90deg); top: 137px; bottom: 0;}
.divsvg-pijl.pijl9 { left: 942px;}

.wwtitel {
	display: block;
	position: absolute;
	width: 165px;
	height: auto;
	text-align: center;
	font-size: 18px;
	font-family: 'Roboto Condensed', serif;
	text-transform: uppercase;
	letter-spacing: 0.056em;
	padding: 2px 10px;
	font-weight: 600;
	border-radius: 15px;
	color: #fff;
}
.wwtitel1 { bottom: 118px; left: 5px;}
.wwtitel2 {top: 100px;	left: 119px;}
.wwtitel3 { bottom: 80px; left: 233px;}
.wwtitel4 {top: 130px;	left: 347px;}
.wwtitel5 { bottom: 118px; left: 461px;}
.wwtitel6 {top: 100px;	left: 575px;}
.wwtitel7 { bottom: 80px; left: 689px;}
.wwtitel8 {top: 130px;	left: 803px;}
.wwtitel9 { bottom: 118px; left: 917px;}


.diensten {
	display: block;
	position: relative;
	padding: 0 0 50px;
	background: #041e32;
}
.diensten ul li {
	font-size: 22px;
}
#contactopnemen.container {
	padding: 50px 0;
}
@media only screen and (max-width: 1191.98px) {
	.werkwijze {
	  height: 480px;
	}
}
@media only screen and (max-width: 991.98px) {
	.bgkleurww div{
		height: 2000px !important;
	}	
  .svgww {
		width: 1920px;
		height: 100%;
		left: -50%;
	}	
	.werkwijze {
	  height: 460px;
	}	
	.werkwijzeblok p {
	  font-size: 20px;
	}	
}
@media only screen and (max-width: 767.98px) {
	.imgframebox {
		width: 370px;
		margin: 0 auto;
	}
	.bgkleurww div{
		height: 2500px !important;
	}
	.svgww {
	  width: 2000px;
	  height: 100%;
	  left: -50%;
	}  
	.wwtitel {
	  width: 120px;
	  font-size: 14px; 
	}
	section.parallax {
		background-attachment:inherit;
		background-repeat:no-repeat;
		background-size:cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-position: center center;	
	}		
}
@media only screen and (max-width: 480px) {
	 .bgkleurww div {
		height: 2700px !important;
	  }	
	.wwtitel {
	  width: 100px;
	  font-size: 12px; 
	}
}
.socmed {
	position: absolute;
	right: 0;
	top: 28px;
}

/*--------------------*/

.dienste .grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	position: relative;
	width: 100%;
	grid-gap: 15px;
}
.img-bx {
	position: relative;
}
.img-bx h3 {
	display: inline-block;
	position: absolute;
	bottom: 24px;
	left: calc(50% - 115px );
	width: 230px;
	text-align: center;
}

/* -------------------- 
	footer
-------------------- */
footer.bottom {
	color: #d7d7d7;
	padding: 0 0 100px;
}
footer.bottom h3 {
	text-transform: uppercase;
	margin: 0 0 44px 0;
	padding: 0 0 25px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	position: relative;
}
footer.bottom h3:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 5px;
    left: 0;
    bottom: -1px;
    background: #2292aa;
}
footer.bottom .footer-grid {
    display: grid;
    grid-template-columns: 1.3fr 3.6fr;
    grid-gap: 50px;
}
footer.bottom .logo-footer {
    margin-top: 45px;
}
footer.bottom .logo-footer img {
    max-width: 100%;
}
footer.bottom .box-adres{
	/*padding-left:56px;*/
	
}
footer.bottom .box-infos {
   /* padding-left: 56px;*/
    /* background: url(../../images/new-images2/icon-tel.png) no-repeat left 5px; */
    /* float: right; */
}
footer.bottom span.phone-responsive {
    display: none;
}
footer.bottom a, footer.bottom .googlemaps_v2 label.modal-label {
    color: #2292aa;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-decoration: underline;
}
footer.bottom a:hover, footer.bottom .box-adres .googlemaps_v2 label.modal-label:hover{
	color: #eee;
    text-decoration:none;
}

footer.bottom .social {
	text-align:right;
	float: right;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0 0 0 7px;
    width: 34px;
    height: 34px;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #b10b28;
    background: transparent;
	border:2px solid #fff;
    text-decoration: none;
    border-radius: 50%;
    transition: color .6s;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b:hover {
    color: #fff;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b::before {
    position: relative;
    z-index: 5;
    font-family: "Font Awesome 5 Brands";
	font-weight:400;
    speak: none;
    font-size: 17px;
    line-height: 34px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b:first-child {
    margin-left: 0px;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b > span{
    display: none;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_email::before {
        content: "\f2b6";
		font-family: "Font Awesome 5 Free";
	font-weight:900;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_facebook::before {
    content: "\f39e";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_twitter::before {
    content: "\f099";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_linkedin::before {
    content: "\f0e1";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_google_plusone_share::before {
    content: "\f0d5";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_google_plusone_share {
    position: relative;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_google_plusone_share #___plusone_0,
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_google_plusone_share iframe {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 3px!important;
    opacity: 0;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_pinterest_share::before {
    content: "\f231";
}

/* -------------------- 
	ggg
-------------------- */
a#scrollTopBtn {
    border-radius: 0;
    right: 35px;
    bottom: 50px;
    background: #3a3a3a;
}
a#scrollTopBtn:hover {
    background: #2292aa;
}

div#footerSlideContainer {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    text-align: center;
    padding: 5px;
    background: #272727;
}
div#footerSlideContainer #footerSlideButton {
    position: relative;
    color: #999;
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
    display: flex;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	/*float: left;*/
	display: inline-block;
	padding-left: 4px;
	background:url(../../images/new-images2/nav-seperator.png) no-repeat left center;
}
.sf-menu > li:first-child{
	background:none;
	padding-left: 0;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu a {
    font-weight: 700;
	line-height:24px;
	padding: 9px 15px;
	font-size: 15px;
	letter-spacing:0.12em;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
      text-shadow: 0 0 5px #000;
}
.sf-menu li {
	white-space: nowrap;
}

.sf-menu > li > a {
    position: relative;
    z-index: 1;
}
.sf-menu > li > a:hover,
.sf-menu > li.sfHover > a, .sf-menu > li.selected > a, .sf-menu > li.active > a {
	color:#fff;
}

.sf-menu > li > a::after{
	content:'';
	background: #2292aa;
	display: block;
	position: absolute;
	height: 3px;
	width: 0;
	top: 0;
	left: 50%;
	transition: all .4s;
}
.sf-menu > li > a:hover::after,
.sf-menu > li.sfHover > a::after,
.sf-menu > li.selected > a::after, .sf-menu > li.active > a::after {
	width: calc(100% - 30px);
	left: 15px;
}
.sf-menu ul {
    background: rgba(26,26,26,0.8);
    padding: 0;
    min-width: calc(100% - 4px);
    text-align: center;
    margin-top: 30px;
    margin-left: 4px;
	border-top:7px solid #5e0818;
}
.sf-menu ul li:not(:first-child) {
    border-top: 1px solid rgba(255,255,255,0.4);
}
.sf-menu ul a {
    padding: 6px;
	font-size:13px;
	font-weight:400;
	color:#fff;
	margin:2px 8px;
}
.sf-menu ul a:hover,
.sf-menu ul .selected a, .sf-menu ul .active a {
    color: #fff !important;
	background:#2292aa
}
.sf-menu ul a:hover::before,
.sf-menu ul .selected a::before, .sf-menu ul .active a::before {
}
.sf-menu li a:hover,
.sf-menu li.sfHover a, .sf-menu li.selected a, .sf-menu li.active a {
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -6px;
    font-size: 14px;
}
nav.main-nav .sf-menu #menu_1 {
	display: none;
}
/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #222;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: 14px;
}
.mobile-menu ul ul {
    font-size: 1em;
	background: rgba(0,0,0,.15);
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile-menu a {
    text-transform: uppercase;
	padding: 5px 10px;
	display: block;
    color: #fff;
	text-decoration: none;
	font-weight: 400;
	transition: background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
    background: #2292aa;
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* Language menu */
.mobile-menu .language {
    text-align: center;
    margin-top: 15px;
}
.mobile-menu .language a {
    text-transform: uppercase;
	padding: 5px 10px;
	display: inline-block;
    color: #fff;
	text-decoration: none;
	font-weight: 400;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}

/* -------------------- 
	Responsive
-------------------- */
@media only screen and (max-width : 1699.98px) {
	.sf-menu a{
		padding: 9px 15px;
		letter-spacing: 0.07em;
	}
}
@media only screen and (max-width : 1519.98px) {
	header.top{
		grid-template-columns: 211px auto;
	}
	section.banner .box-overlay{
		padding: 30px 15px;
	}
}
@media only screen and (max-width : 1369.98px) {
	.sf-menu a{
		padding: 9px 12px;
		letter-spacing: 0.02em;
	}
	section.banner .box-overlay{
		/*width: calc(2 * (100% / 5) + 55px);*/
	}
	
	section.boxes .content-bx{
		padding: 66px 20px;
	}
	
}
@media only screen and (max-width : 1199.98px) {
 	.sf-menu a {
		padding: 9px 10px;
		letter-spacing: 0;
		font-size: 14px;
	}
	.header-grid {
    background: none;
              grid-template-columns: 1fr auto;
}
	section.banner .box-overlay h3 {
		font-size: 50px;
	}
	section.banner .box-overlay {
		/*width: calc(2 * (100% / 5) + 85px);*/
	}
	section.banner {
		min-height: 480px;
	}
	/* --*/
	section.boxes .boxes-grid{
		grid-gap: 10px;
	}
	section.boxes .content-bx {
		padding: 45px 15px;
	}
	section.boxes .content-bx h4 {
		font-size: 22px;
	}
	/*-- */
	.homeTemplate main.content-wrapper {
		padding: 80px 0 60px;
	}
	main.content-wrapper header.page-title h1 span.subtitle{

	}
	.homeTemplate main.content-wrapper header.page-title h1{
		font-size: 52px;
	}
	/*--*/
	article.content .contact-info-grid{
		font-size: 1em;
	}
	article.content .contact-info-grid i {
		display: block;
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}
	/* ---- */
	footer.bottom .footer-grid {
		grid-gap: 30px;
	}
	footer.bottom .box-adres, footer.bottom .box-infos{
		padding-left: 60px;
	}
	footer.bottom .box-infos{
		margin-right: -30px;
	}
	footer.bottom {
	
	}
	footer.bottom .box-adres .sep {
		display: block;
		font-size: 0;
	}
	/* --- */
	h1 {
		font-size: 42px;
	}
	h2 {
		font-size: 34px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 25px;
	}
	h5 {
		font-size: 22px;
	}
	h6 {
		font-size: 20px;
	}
}
@media only screen and (max-width : 1191.98px) {
	 header.top nav.main-nav {
        display: none;
    }
	header.top nav.mobile-nav {
		display: block;
		text-align: left;
		font-size: 2em;
		padding-right: 15px;
		position: relative;
		margin-left: -80px;
	}
	.socmed {
		top: 41px;
	}
	header.top nav.mobile-nav a {
		color: #fff;
	}
	header.top nav.mobile-nav a:hover {
		color: #2292aa;
	}
}
@media only screen and (max-width : 991.98px) {
	.max-container1, .max-container{
		padding: 0 15px;
	}
    section.banner .box-overlay h3 {
		font-size: 42px;
	}
	section.banner{
		height: calc(79vh - 101px);
	}
	section.banner {
		min-height: 400px;
	}
	/* -- */
	section.boxes .boxes-grid {
		grid-gap: 30px;
		grid-template-columns: repeat(2, 1fr);
	}
    /* -- */
    .homeTemplate main.content-wrapper {
        padding: 60px 0;
    }
    .fullwidthTemplate article.content {
        padding: 0 30px;
    }
    article.content .mcePxmGallery {
        padding: 0 15px;
    }
    article.content .contact-info-grid > div {
        margin: 0 10px;
    }
    article.content .contact-grid .form {
        padding: 30px;
    }
	/* --- */
	.photos-home {
		width: 400px;
		margin-right: auto;
		margin-top: 0;
		height: 485px;
		margin-bottom: 20px;
		margin-left: auto;
		float: none;
	}
	p.photo2 {
		right: 20%;
		left: -10%;
	}
	.homeTemplate main.content-wrapper header.page-title {
		margin-left: 0;
	}
	main.content-wrapper header.page-title h1 span.subtitle {
		font-size: 42px;
	}
	.homeTemplate main.content-wrapper header.page-title h1 {
		font-size: 42px;
	}
	.HomeImages{
		margin-bottom: 40px;
	}

  /* -- */
    footer.bottom {
 
    }
   footer.bottom .footer-grid {
		display: block;
		grid-template-columns: none;
		grid-gap: 0;
	}
	footer.bottom .logo-footer {
		margin-top: 0;
		margin-bottom: 40px;
	}
	
	h1 {
		font-size: 39px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 27px;
	}
	h4 {
		font-size: 24px;
	}
	h5 {
		font-size: 21px;
	}
	h6 {
		font-size: 19px;
	}
	
	a#scrollTopBtn {
		right: 15px;
		bottom: 42px;
	}

}
@media only screen and (max-width : 767.98px) {
    .image-right,
    .image-left {
        float: none;
        margin: 20px auto;
        display: block;
        max-width: 100%;
        height: auto;
    }
   .grid-boxes {
    grid-template-columns: repeat(2, 1fr);
}
	header.top .logo {
		width: 120px;
	}
	section.banner {
		height: 370px;
		min-height: inherit;
	}	
	section.banner .box-overlay {
		width: calc(100vw - 20% - 30px);
		display: grid;
		height: 100%;
		align-items: flex-end;
	}
	
	section.banner .box-overlay h3 {
		font-size: 34px;
		margin: 0 0 30px;
	}
	/*---*/
	section.boxes .content-bx {
		padding: 35px 15px;
	}
	section.boxes .boxes-grid {
		grid-gap: 10px;
	}	
	/* -- */
	.homeTemplate main.content-wrapper {
		padding: 40px 0;
	}
	main.content-wrapper header.page-title h1 span.subtitle {
		font-size: 37px;
	}
	.homeTemplate main.content-wrapper header.page-title h1 {
		font-size: 37px;
	}
    .fullwidthTemplate article.content {
        padding: 0 15px;
    }
    article.content .mcePxmGallery {
        padding: 0 15px;
    }
    article.content .contact-info-grid {
        padding: 10px 0
    }
    article.content .contact-info-grid .max-container {
        display: block;
    }
    article.content .contact-info-grid .max-container > div {
        margin: 20px 0;
    }
    article.content .contact-info-grid .phone {
        display: none;
    }
    article.content .contact-info-grid .phone-responsive {
        display: inline-block;
    }
    article.content .contact-grid {
		grid-template-columns: none;
		display: block;
	}
    article.content .contact-grid .maps {
        height: 300px;
    }
    article.content .contact-grid .form {
        padding: 30px 15px;
    }
	
	.homeTemplate main.content-wrapper header.page-title {
		margin-bottom: 30px;
		width: 100%;
	}
	.HomeImages {
		margin-bottom: 30px;
		grid-gap: 15px;
	}
	.HomeImages .homephoto:nth-child(2) {
		transform: none;
	}
	
    /* --- */
	section.boxe-full {
		padding: 60px 0;
		text-align: center;
	}
	section.boxe-full article .icon{
		margin: 0 auto 30px;
	}
	section.boxe-full::before{
		background: rgba(0,0,0,0.7);
	}
	/* --- */
	footer.bottom {

		text-align: center;
	}
	footer.bottom h3 {
		margin: 0 0 30px 0;
		padding: 0 0 15px 0;
	}
	footer.bottom h3::after {
		left: 50%;
		margin-left: -21px;
	}
	footer.bottom .box-adres, footer.bottom .box-infos {
		padding-left: 0;
		background-position: center top;
		padding-top: 47px;
	}
	footer.bottom .box-infos {
		margin-right: 0;
	}
	footer.bottom .box-infos {
		float: none;
		margin-top: 30px;
	}
    footer.bottom .phone {
        display: none;
    }
    footer.bottom span.phone-responsive {
		display: inline-block;
	}
	footer.bottom .social {
		text-align:center;
		float: none;
		display:table;
		margin:25px auto 0;
	}
	
	h1 {
		font-size: 35px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 25px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 19px;
	}
	h6 {
		font-size: 17px;
	}
	
	a#scrollTopBtn {
		right: 15px;
		bottom: 38px;
	}
	
	.pageTemplate main.content-wrapper header.page-title {
		margin-bottom: 40px;
		padding: 110px 0 40px;
	}
}

@media only screen and (max-width : 480px) {
  .usp-grid {
   
    grid-template-columns: repeat(1,1Fr);
   
}
	.logoblok {
	  height: 70px;
	}
	header.top .logo {
		height: 54px;
		width: 100px;
	}
	header.top::before {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		height: 30px;
		width: 100vw;
		z-index: 100;
	}	
	 header.top nav.mobile-nav {
		font-size: 27px;
	 }	
	  .socmed {
		top: 17px;
	  }
  
	header.top {
		grid-template-columns: 180px auto;
	}
	section.banner .box-overlay h3 {
		font-size: 28px;
		margin: 0 0 20px;
	}
	section.banner .img {
	margin-top: 75px;
	}
	section.banner .box-overlay a::after{
		right: 14px;
	}
	.pageTemplate main.content-wrapper {
		margin-top: -40px;
	}
	#page-7 .pageTemplate main.content-wrapper {
		margin-top: -40px;
	}	
	/* -- */
	section.boxes .boxes-grid {
		grid-gap: 0;
		display: block;
	}
	section.boxes .content-bx {
		padding: 30px 15px;
	}
	section.boxes .boxes-grid .box01, section.boxes .boxes-grid .box02, section.boxes .boxes-grid .box03{
		margin-bottom:15px;
	}
	#contactopnementekst {
		padding: 0 15px;
	}
	/* -- */
	section.banner .box-overlay a{
		font-size: 14px;
		padding: 9px 30px 9px 15px;
	}
	main.content-wrapper header.page-title h1 span.subtitle {
	
		letter-spacing: 0;
	}
	.homeTemplate main.content-wrapper header.page-title h1 {
		font-size: 38px;
	}
	/* --*/
	
	section.boxe-full article .leesmeer {
		margin-top: 15px;
	}
	
	.contactForm .g-recaptcha {
		-webkit-transform: scale(.85);
		transform: scale(.85);
		margin-left: -7.8vw !important;
	}
	
}
.openingDay {
    position: relative;
    display: inline-block;
    width: 40px;
    font-weight: bold;
    margin-right: 5px;
}