@font-face {
	font-family: 'lato-black-webfont';
	src: url('../fonts/lato-black-webfont.eot');
	src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-black-webfont.woff2') format('woff2'),
	url('../fonts/lato-black-webfont.woff') format('woff'),
	url('../fonts/lato-black-webfont.ttf') format('truetype'),
	url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lato-blackitalic-webfont';
	src: url('../fonts/lato-blackitalic-webfont.eot');
	src: url('../fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
	url('../fonts/lato-blackitalic-webfont.woff') format('woff'),
	url('../fonts/lato-blackitalic-webfont.ttf') format('truetype'),
	url('../fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'lato-bold-webfont';
	src: url('../fonts/lato-bold-webfont.eot');
	src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-bold-webfont.woff2') format('woff2'),
	url('../fonts/lato-bold-webfont.woff') format('woff'),
	url('../fonts/lato-bold-webfont.ttf') format('truetype'),
	url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'lato-bolditalic-webfont';
	src: url('../fonts/lato-bolditalic-webfont.eot');
	src: url('../fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
	url('../fonts/lato-bolditalic-webfont.woff') format('woff'),
	url('../fonts/lato-bolditalic-webfont.ttf') format('truetype'),
	url('../fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'lato-hairline-webfont';
	src: url('../fonts/lato-hairline-webfont.eot');
	src: url('../fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
	url('../fonts/lato-hairline-webfont.woff') format('woff'),
	url('../fonts/lato-hairline-webfont.ttf') format('truetype'),
	url('../fonts/lato-hairline-webfont.svg#latohairline') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lato-hairlineitalic-webfont';
	src: url('../fonts/lato-hairlineitalic-webfont.eot');
	src: url('../fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
	url('../fonts/lato-hairlineitalic-webfont.woff') format('woff'),
	url('../fonts/lato-hairlineitalic-webfont.ttf') format('truetype'),
	url('../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'lato-italic-webfont';
	src: url('../fonts/lato-italic-webfont.eot');
	src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-italic-webfont.woff2') format('woff2'),
	url('../fonts/lato-italic-webfont.woff') format('woff'),
	url('../fonts/lato-italic-webfont.ttf') format('truetype'),
	url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'lato-light-webfont';
	src: url('../fonts/lato-light-webfont.eot');
	src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-light-webfont.woff2') format('woff2'),
	url('../fonts/lato-light-webfont.woff') format('woff'),
	url('../fonts/lato-light-webfont.ttf') format('truetype'),
	url('../fonts/lato-light-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lato-lightitalic-webfont';
	src: url('../fonts/lato-lightitalic-webfont.eot');
	src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
	url('../fonts/lato-lightitalic-webfont.woff') format('woff'),
	url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'),
	url('../fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'lato-regular-webfont';
	src: url('../fonts/lato-regular-webfont.eot');
	src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lato-regular-webfont.woff2') format('woff2'),
	url('../fonts/lato-regular-webfont.woff') format('woff'),
	url('../fonts/lato-regular-webfont.ttf') format('truetype'),
	url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



html {
	font-family: 'lato-regular-webfont';font-size: 18px;line-height: 28.58px;color: #161616;
}

.uk-container {max-width: 1180px;}

.uk-logo img {max-width: 370px;}

.uk-navbar-nav>li>a {
    color: #B4B5BA;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 122px;
    /*padding: 0 18px;*/
    padding: 0 0px;
    margin-left: 18px;
    margin-right: 18px; 
    font-size: 16px;
    font-family: 'lato-bold-webfont';
    text-decoration: none;
    text-transform: lowercase;
    color: #000;
}
.uk-navbar-nav>li.uk-active>a {color: #685695;}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus {color: #685695;/*text-decoration: underline;*/}

.uk-navbar-nav>li {
	min-height: 122px;vertical-align: middle;
	display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.uk-navbar-nav>li>a {
 min-height: 36px;	
 border-bottom: 1px solid #FFF;
}

.uk-navbar-nav>li>a:hover, .uk-navbar-nav>li>a:focus {
	 border-bottom: 1px solid #625a8d;
} 

.uk-navbar-nav>li:nth-child(2) > a:after {
	content: '';
	margin-left: 8px;
 border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.uk-navbar-nav>li:last-child {
	min-height: 122px;vertical-align: middle;
	display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin-left: 18px;
    border-bottom: none;
}



.uk-navbar-nav>li:last-child >a {
		 background-color: rgb(98, 90, 139);
		 color: #FFF;
     -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    min-height: 36px;
    border-bottom: none;
    padding-left: 12px;
    padding-right: 12px; 
}
.uk-navbar-nav>li:last-child a:hover, .uk-navbar-nav>li:last-child a:focus {
border-bottom: none;
background-color: #000;
}


.uk-navbar-dropdown-nav>li {padding: 12px 25px;}
.uk-navbar-dropdown-nav>li:hover, .uk-navbar-dropdown-nav>li:focus {
	background-color: #685695;
}

.uk-navbar-dropdown-nav>li>a {
	    font-size: 16px;
    font-family: 'lato-bold-webfont';
    text-decoration: none;
    text-transform: lowercase;
    color: #000;
}
.uk-navbar-dropdown-nav>li:focus>a, .uk-navbar-dropdown-nav>li:hover>a {
 color: #fff;
}
.uk-navbar-dropdown-nav>li.uk-active>a {
	color: #685695;
}

.uk-navbar-dropdown-nav>li.uk-active:focus>a, .uk-navbar-dropdown-nav>li.uk-active:hover> a {
	color: #FFF;
}

.uk-navbar-dropdown {
	width: auto;
	box-shadow: none;
	top: 122px !important;
	padding: 0px;
}

.purple {color: #625a8b;}


.homepage h1 {text-align: right;font-family: 'lato-light-webfont';font-size: 74.06px;line-height: 83.63px;text-transform: uppercase;max-width: 66%;margin-left: auto;color: #FFF;}
.homepage h1 + p {text-align: right;font-family: 'lato-bold-webfont';font-size: 18.50px;line-height: 29.56px;color: #685695;}

.infopage h1 {text-align: right;font-family: 'lato-light-webfont';font-size: 44.06px;line-height: 53.63px;text-transform: uppercase;max-width: 66%;margin-left: auto;color: #FFF;}
.infopage h1 + p {text-align: right;font-family: 'lato-bold-webfont';font-size: 18.50px;line-height: 29.56px;color: #685695;}

.infopage .home-block2 ul {
  list-style: none; 
  width: 100%;
  display: block;
}

.infopage .home-block2 ul li::before {
  content: "\2022"; 
  color: #625a8b; 
  font-weight: bold; 
  display: inline-block;
  width: 1em; 
  margin-left: -1em;
}

.infogallery {text-align: center;}
.infogallery iframe {width: 100%;height: 100%;min-height: 315px;max-width: 560px;margin-left: auto;margin-right: auto;}

a#perfectionisten, a#dienstenaanbod-content, a#wanden-content, a#plafonds-content, a#andere-soorten-afwerking-content, a#herstellingen-content, a#realisaties-content,
a#disclaimer-content, a#privacypolicy-content {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;}

.home-block2 div {
display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
}

.infopage .home-block2 > div > div > div.uk-width-2-3\@m, .infopage .home-block2 > div > div > div.uk-width-2-3\@m > div {
	display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
-webkit-justify-content: flex-start;
}

.infopage .home-block2 > div > div > div.uk-width-2-3\@m > div h2 {
    font-family: 'lato-light-webfont';
    font-size: 32.66px;
    line-height: 40.75px;
    text-transform: uppercase;
    color: #625a8b;
}


.disclaimer-main-content h2, .privacyverklaring-main-content h2 {
    font-family: 'lato-light-webfont';
    font-size: 32.66px;
    line-height: 40.75px;
    text-transform: uppercase;
   	color: #625a8b;
}

.disclaimer-main-content h3, .privacyverklaring-main-content h3 {
    font-family: 'lato-light-webfont';
    font-size: 28.66px;
    line-height: 36.75px;
    text-transform: uppercase;
   	color: #625a8b;
}

.privacyverklaring-main-content table {border-collapse: collapse;}
.privacyverklaring-main-content th {text-align: left;}
.privacyverklaring-main-content th, .privacyverklaring-main-content td {padding: 5px 10px;}
.privacyverklaring-main-content tr {border-bottom: 1px solid #e9e9e9;}


.introp {font-family: 'lato-bold-webfont';font-size: 20px;}

.home-block2 h2 {
	font-family: 'lato-light-webfont';font-size: 62.66px;line-height: 70.75px;text-transform: uppercase;
}

.home-block2 > div > div > div.uk-width-2-3\@m > div {max-width: 704px;margin-left: auto;}   

h3 {font-family: 'lato-light-webfont';font-size: 49.69px;line-height: 56.10px;text-transform: uppercase;}


@keyframes jump { 0% { top: 0; } 50% { top: 50px; } 100% { top: 0; } }


#arrow-down { position: relative; margin: 0 auto; text-align: center; animation: jump 5s infinite;}
/*#arrow-down i { content: '\f0a8'; font-family: 'FontAwesome'; font-size: 80px; }*/
/*#arrow-down i:hover { color: #FFAAAA; }*/

/*.home-block3 h3 {display: none;}*/
.home-block3 .uk-overlay-primary {background: none;}
.home-block3 h3 {
	font-family: 'lato-bold-webfont';font-size: 25px;color: #FFF;text-transform: none;letter-spacing: 0px;line-height: 1.1;
}
.home-block3 .el-container:hover h3 {color: #79739a;}

.home-block3 .el-container .uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: table;
    width: -moz-max-content;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.home-block3 .el-container:hover  .uk-position-center {background-color: rgba(246, 246, 246, 0.722);}

.home-block4 .jform-form, .home-block4 .leadix-form form {max-width: 530px;margin-left: auto;margin-right: 0px;}

.home-block4 input[type="text"], .home-block4 input[type="email"], .home-block4 textarea {border-top:none !important;border-left: none !important;border-right: none !important;border-bottom: 2px solid #1d0e20 !important;border-radius: 0px !important;padding-left: 2px !important;padding-right: 2px !important;height: 44px !important;font-family: 'lato-regular-webfont' !important;font-size: 16px !important;}
.home-block4 input[type="text"]:focus, .home-block4 input[type="email"]:focus, .home-block4 textarea:focus {box-shadow: none !important;border-bottom: 2px solid #625a8b;}

.home-block4 input[type="text"]::-webkit-input-placeholder, .home-block4 input[type="email"]::-webkit-input-placeholder {color: #9b9b9b;font-family: 'lato-regular-webfont';font-size: 16px;}
.home-block4 input[type="text"]::-moz-placeholder, .home-block4 input[type="email"]::-moz-placeholder {color: #9b9b9b;font-family: 'lato-regular-webfont';font-size: 16px;}
.home-block4 input[type="text"]:-ms-input-placeholder, .home-block4 input[type="email"]:-ms-input-placeholder {color: #9b9b9b;font-family: 'lato-regular-webfont';font-size: 16px;}
.home-block4 input[type="text"]:-moz-placeholder, .home-block4 input[type="email"]:-moz-placeholder {color: #9b9b9b;font-family: 'lato-regular-webfont';font-size: 16px;}
.home-block4 textarea::-webkit-input-placeholder {color: #9b9b9b;}
.home-block4 textarea::-moz-placeholder {color: #9b9b9b;}
.home-block4 textarea:-ms-input-placeholder {color: #9b9b9b;}
.home-block4 textarea:-moz-placeholder {color: #9b9b9b;}


.home-block4 button {
  background-color: rgb(98, 90, 139);
  width: 79px;
  height: 43px;
    -webkit-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    font-family: 'lato-bold-webfont'; 
    font-size: 16px;
    color: #FFF;
display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
margin-left: auto;
margin-right: 0;
margin-top: 30px;
}

.home-block4 button:hover, .home-block4 button:focus {
	background-color: #000;
	color: #FFF; 
}

.footer-section {background-color: #000;}
.footer-section * {color: #FFF;font-family: 'lato-bold-webfont';font-size: 16px;line-height: 29.78px;}
.footer-section > div > div > div:nth-child(1) a:hover, .footer-section > div > div > div:nth-child(1) a:focus {color: #625a8b;text-decoration: none !important;}
.footer-section > div > div > div:nth-child(1) > div:nth-child(1) {
margin-bottom: 60px;
}
.footer-section > div > div > div:nth-child(1) > div:nth-child(1) img {
	max-width: 240px;
}

.footer-section > div > div > div:nth-child(1) > div:nth-child(2) {
margin-bottom: 40px;
}

.footer-section > div > div > div:nth-child(1) > div:nth-child(3) {
margin-bottom: 80px;
}

.footer-section > div > div > div:nth-child(1) > div:nth-child(4) p {display: inline-block;min-width: 170px;}

.footer-section > div > div > div:nth-child(2) > div {
display: -webkit-box;      
display: -moz-box;         
display: -ms-flexbox;      
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
-webkit-align-items: flex-end;
align-items: flex-end;
justify-content: center;
-webkit-justify-content: center;
-webkit-flex-direction: column;
flex-direction: column;
}

.footer-section > div > div > div:nth-child(2) a {

  background-color: #000;
  width: 185px;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
      -webkit-transition: background-color 0.1s linear;
    -ms-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.footer-section > div > div > div:nth-child(2) a:hover, .footer-section > div > div > div:nth-child(2) a:focus {text-decoration: none;background-color: rgb(98, 90, 139);color: #FFF;}

.footer-section > div > div > div:nth-child(2) a:nth-child(2) svg {margin-left: 15px;position: relative;top: 3px;}


.footer-section > div > div > div:nth-child(2) a:last-child {
	font-size: 19px;
	 background-color: rgb(98, 90, 139);
	   height: 42px;
  line-height: 42px;
  margin-top: 45px; 
     -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}




.footer-section > div > div > div:nth-child(2) a:last-child:hover, .footer-section > div > div > div:nth-child(2) a:last-child:focus {
color: rgb(98, 90, 139);
background-color: #FFF;
}


.contactform h2 {
	font-family: 'lato-light-webfont';
    font-size: 32.66px;
    line-height: 40.75px;
    text-transform: uppercase;
    color: #625a8b;
}

.contactform label, .contactform input[type="text"], .contactform input[type="email"], .contactform textarea {
	font-family: 'lato-regular-webfont' !important;
    font-size: 18px !important;
    line-height: 28.58px !important;
    color: #161616 !important;
    font-weight: 400 !important;
}

.contactform input[type="text"], .contactform input[type="email"], .contactform textarea {border: 1px solid #CCC;border-radius: 0px !important;}
.contactform input[type="text"]:focus, .contactform input[type="email"]:focus .contactform textarea:focus {box-shadow: none !important;}
.contactform button {
	background-color: rgb(98, 90, 139);
	border: none !important;
    color: #FFF;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
    min-height: 36px;
    border-bottom: none;
    padding-left: 12px;
    padding-right: 12px;
    font-family: 'lato-regular-webfont' !important;
    font-size: 18px !important;
}

.contactform button:hover, .contactform button:focus {
	border: none !important;
    background-color: #000;
}

.contactmap {margin-top: 45px;}
.contactmap iframe {width: 100%;min-height: 350px;}

.uk-navbar-toggle {color: #625a8b;}
.uk-navbar-toggle svg {width: 30px;height: 30px;}
.uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {color: #000;}
.uk-nav-default>li>a, .uk-nav-default .uk-nav-sub a {
	font-size: 16px;
    font-family: 'lato-bold-webfont';
    color: #FFF !important;
    letter-spacing: 0px !important;
    text-transform: none !important;
}

.uk-nav-default>li>a:hover, .uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default>li>a:focus, .uk-nav-default .uk-nav-sub a:focus {color: #625a8b !important;}
 .uk-offcanvas-bar .uk-nav-default>li.uk-active>a {color: #625a8b !important;}

 .uk-navbar-nav>li.uk-active>a::before{
    display: none !important
 }
 .uk-navbar-nav>li:hover>a::before{
    display: none !important
 }

@media (min-width: 960px) {
	.home-block1 > div {padding-top: 200px;padding-bottom: 90px;}
	.home-block2 {padding-top: 100px;padding-bottom: 50px;}
	.home-block3 {padding-top: 50px;padding-bottom: 50px;}
	.home-block4 {padding-top: 50px;padding-bottom: 65px;}
	.contactdata {padding-left: 100px;}
}



@media (min-width: 1200px) {
	.home-block3 > div > div {margin-left: -50px;}
	.home-block3 > div > div > div {padding-left: 50px;}
}

@media (max-width: 959px) {
	.homepage h1 {
    text-align: right;
    font-family: 'lato-light-webfont';
    font-size: 54.06px;
    line-height: 63.63px;
    text-transform: uppercase;
    max-width: 80%;
    margin-left: auto;
    color: #FFF;
}
	.infopage h1 {
    text-align: right;
    font-family: 'lato-light-webfont';
    font-size: 34.06px;
    line-height: 43.63px;
    text-transform: uppercase;
    max-width: 80%;
    margin-left: auto;
    color: #FFF;
}
@keyframes jump { 0% { top: 0; } 50% { top: 25px; } 100% { top: 0; } }


#arrow-down { position: relative; margin: 0 auto; text-align: center; animation: jump 5s infinite;}
.contactdata {margin-top: 45px;}

.home-block2 h2 {
	font-size: 32.66px;
    line-height: 40.75px;
}

}



@media (max-width: 640px) { 
.uk-logo img {max-width: 250px;}
}


.hide {
	display: none !important;
}

.uk-navbar-nav {
    gap: 0 !important;
}