/*
geel   #e9bd17
*/

html, body{width:100%; margin:0; padding:0; font-size:16px; line-height:1.7; color:#000; background:#fff;}
*{font-family:'Lato', sans-serif; font-weight:400; vertical-align:top; text-decoration:none; outline:none; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; box-sizing:border-box; -webkit-font-smoothing:antialiased;}
:focus,:focus-visible{outline:none !important;}::selection{background:#ccc; color:#000;}picture{display:block;}

/* loader */
#c-main-wrapper{position:relative; overflow:hidden; z-index:1;}
#c-loader{position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999; opacity:1; transition:opacity 0.2s ease-out;}
#c-loader.hidden{opacity:0 !important; pointer-events:none !important;}
#c-loader svg{position:absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; animation:loaderRotate 2s linear infinite;}
#c-loader svg circle{stroke:#e9bd17; stroke-width:4; stroke-linecap:round; animation:loaderDash 1.5s ease-in-out infinite;}
.c-page-fadein{animation:pageFadein 0.4s ease-out forwards;}
.c-page-fadeout{animation:pageFadeout 0.2s ease-out forwards;}
@keyframes loaderRotate{ 100% {transform:rotate(360deg);} }
@keyframes loaderDash{ 0%{stroke-dasharray:1, 150; stroke-dashoffset:0;} 50%{stroke-dasharray:90, 150; stroke-dashoffset:-35;} 100%{stroke-dasharray:90, 150; stroke-dashoffset:-124;} }
@keyframes pageFadein{ from{transform:translateY(-20px);} to{transform:translateY(0);} }
@keyframes pageFadeout{ from{transform:translateY(0);} to{transform:translateY(-10px);} }

/* style */
h1,h1 small, h2,h2 small, h3,h3 small{margin:30px 0; font-family:'Lato', sans-serif; color:#000; font-weight:900; line-height:1.1; text-transform:uppercase;}
h1:first-child, h2:first-child, h3:first-child, p:first-child, img:first-child{margin-top:0 !important;}
h1{font-size:2.2rem;}
h1 small{display:block; font-size:1.2rem; margin:10px 0;}
h2{font-size:1.7rem;}
h2 small{display:block; font-size:1.2rem; margin:0;}
h3{font-size:1.4rem;}
h3 small{display:block; font-size:1rem; margin:0;}
p{margin:20px 0 0;}
strong, strong a{font-weight:700;}
em{color:#000;}
u{text-decoration:underline;}
small, small a{vertical-align:middle;}
ol,ul{padding-left:16px;}
img, iframe{border-radius:8px;}

/* buttons */
a, button, .uk-link{display:inline-block; color:#000; transition:0.3s ease; cursor:pointer;}
.uk-link:hover, a:hover{color:#e9bd17; text-decoration:none;}
.c-linkbtn{display:inline-block; margin:30px 0 0; padding:0 24px; font-size:0.9rem; color:#fff !important; font-weight:900; line-height:46px; text-transform:uppercase; text-decoration:none !important; background:#000; border-radius:0; border:0; white-space:nowrap;}
.c-linkbtn:hover{padding:0 25px; color:#e9bd17 !important; text-decoration:none !important;}
p > .c-linkbtn{margin:10px 0 20px;}
.c-linkbtn-wrapper{margin:40px 0 !important;}
.c-linkbtn-skew{margin:0 5px; padding:0 40px !important; font-size:1rem; line-height:52px; color:#000 !important; background:#e9bd17; -webkit-transform:skew(165deg); -moz-transform:skew(165deg); -o-transform:skew(165deg); transform:skew(165deg);}
.c-linkbtn-skew .c-skew_neg{font-weight:900; -webkit-transform:skew(-165deg)!important; -moz-transform:skew(-165deg)!important; -o-transform:skew(-165deg)!important; transform:skew(-165deg)!important;}
.c-linkbtn-skew:hover{background:#000;}
.c-social{position:relative; display:inline-block; width:36px; height:36px; background:#fff; border-radius:100%;}
.c-social svg{width:16px; fill:#000; transition:0.3s ease;}
.c-social.facebook svg, .c-social.pinterest svg{width:auto; height:16px;}
.c-social:hover{opacity:0.7;}

/* forms */
.with_frm_style .form-field{margin-bottom:20px;}
.with_frm_style .frm_top_container .frm_primary_label{padding:0 0 5px; font-size:0.9rem; color:#000; font-weight:700;}
.with_frm_style .frm_none_container{margin:0 !important;}
.with_frm_style fieldset:last-child{padding:0 !important;}
.with_frm_style input[type=text], .with_frm_style input[type=email], .with_frm_style input[type=tel], .with_frm_style input[type=number], .with_frm_style input[type=date], .with_frm_style input[type=url], .with_frm_style textarea, .with_frm_style select{width:100%; min-height:44px; padding:0 0 8px; font-size:1rem; line-height:1; color:#e9bd17; font-weight:600; background-color:transparent !important; border:0; border-bottom:1px solid #000; border-radius:0; box-shadow:none !important;}
.with_frm_style select{padding:0; color:#e9bd17; font-weight:600; line-height:42px; background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') 99% 50% no-repeat transparent; -moz-appearance:none !important; -webkit-appearance:none !important; appearance:none !important;}
.with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio{display:inline-block; margin:5px 10px 0 0;}
.with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{font-size:1rem; color:#000;}
.with_frm_style textarea{padding:0 0 12px;}
.with_frm_style input:focus, .with_frm_style select:focus, .with_frm_style textarea:focus{border-color:#e9bd17 !important;}
.frm_style_formidable-style.with_frm_style .frm_submit button{padding:14px 30px; margin-bottom:0; font-size:1rem; color:#000 !important; font-weight:900; text-transform:uppercase; background:#e9bd17; border-radius:0; border:0; box-shadow:none !important; transition:0.3s ease;}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover{padding:14px 32px; color:#e9bd17 !important; background:#000;}
.frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:focus{padding:8px 26px; background:#aaa;}
.with_frm_style .frm_error{margin-top:5px;}
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid, .frm_style_formidable-style.with_frm_style .frm_blank_field input, .frm_style_formidable-style.with_frm_style .frm_blank_field textarea{border:0 !important; border-bottom:1px solid red !important;}
::-webkit-input-placeholder{color:rgba(0,0,0,0.4) !important;}:-moz-placeholder{color:rgba(0,0,0,0.4) !important;}::-moz-placeholder{color:rgba(0,0,0,0.4) !important;}:-ms-input-placeholder{color:rgba(0,0,0,0.4) !important;}
.with_frm_style .frm_message, .frm_success_style{margin-top:50px;}

/* modal / lightbox */
.uk-modal-dialog{padding:35px; border-radius:8px;}
.uk-modal-dialog svg{width:18px; color:red; transition:0.3s ease;}
.uk-modal-dialog svg:hover{color:#fff;}
.uk-lightbox{background:rgba(0,0,0,0.8);}
.uk-lightbox-caption{left:0; font-size:0.9rem; color:#fff; background:rgba(0,0,0,0.7);}
.uk-lightbox .uk-lightbox-counter{font-size:1rem; color:#fff;}
.uk-lightbox .uk-dotnav>*>*{background:none; border-color:#fff;}
.uk-lightbox .uk-dotnav a:hover, .uk-light .uk-dotnav>.uk-active>*{background:#fff;}
.uk-lightbox .uk-close{color:#fff;}

/* pagination */
.c-pagination{text-align:center;}
.c-pagination .c-wrapper, .c-item-pagination .c-wrapper{padding:40px 0; border-top:1px solid #eee;}
.c-pagination .c-wrapper{padding-bottom:0;}
.c-pagination .page-numbers{display:inline-block; width:24px; height:24px; margin:0 5px; font-size:14px; line-height:24px; text-align:center; background:#fff; border-radius:100%; transition:0.3s ease;}
.c-pagination .page-numbers:hover, .c-pagination .page-numbers.current{color:#fff; background:#000;}
.c-item-pagination .uk-grid div.uk-width-expand{text-align:center;}
.c-item-pagination .uk-grid div:last-child{text-align:right;}
.c-item-pagination .uk-grid a{padding:0 20px; font-size:0.9rem; line-height:40px; font-weight:700; color:#000; text-decoration:none !important; border:1px solid rgba(0,0,0,0.3); white-space:nowrap; border-radius:8px;}
.c-item-pagination .uk-grid span{display:none; font-weight:700;}
.c-item-pagination .uk-grid a:hover{padding:0 22px; border-color:#000;}
.uk-dotnav>*{padding-left:10px;}
.uk-dotnav>*>*{border-color:#000;}
.uk-dotnav>*>:hover, .uk-dotnav>.uk-active>*{border-color:#e9bd17; background-color:#e9bd17;}

/* misc */
.post, .page{margin:0 !important;}
.uk-section.uk-padding-large{padding:40px 0;}
.c-totop a{position:fixed; display:block; bottom:15px; right:15px; width:44px; height:44px; font-size:1.2rem; color:#000; line-height:44px; text-align:center; background:#f1e7e3; border-radius:6px; z-index:99;}
.c-totop a:hover{margin:0 0 4px;}
.c-totop.c-bottom-reached a{bottom:70px !important;}
.uk-navbar-dropdown{width:auto; background:none; box-shadow:none;}
.grecaptcha-badge{z-index:-10; opacity:0;}.grecaptcha-logo iframe{margin:0 !important;}
.c-google-maps{width:100%; height:45vh;}
.c-border{height:16px; background:url(/wp-content/themes/jlhekwerk/assets/img/border.png) repeat-x center / auto 100%;}

/** FRAMEWORK **/


.c-upper{padding-top:10px; padding-bottom:10px; font-size:0.8rem; line-height:20px; background:#e9bd17; overflow:hidden;}
.c-upper p{margin:0;}
.c-upper i{display:inline-block; font-size:1rem; line-height:20px;}
.c-upper i.fa-envelope{font-size:1.1rem;}
.c-upper a{font-weight:700;}
.c-upper a:hover{color:#000; opacity:0.5;}
.c-upper ul{padding:0;}
.c-upper ul li{list-style:none; display:inline-block; margin-right:20px;}
.c-upper ul li a{font-weight:700; color:#000;}
.c-upper ul li a:hover, .c-upper ul li.current-menu-item a, .c-upper ul li.current-menu-parent a{opacity:0.4;}
.c-upper .c-contact{text-align:right; white-space:nowrap;}
.c-upper .c-contact a{margin-left:10px; font-weight:700;}
.c-upper .c-contact a:first-child{margin-left:0;}
/* top */
.c-top{position:relative; padding:20px 0;}
.c-top .c-logo{display:block; width:100px; height:72px; background:url(/wp-content/themes/jlhekwerk/assets/img/logo.svg) no-repeat center / 100px 72px; transition:0.3s ease;}
.c-top nav ul{gap:0;}
.c-top nav li{position:relative; padding:0 16px;}
.c-top nav li:last-child{padding-right:0;}
.c-top nav li.uk-parent a{position:relative; padding-right:16px;}
.c-top nav li.uk-parent span{position:absolute; top:50%; right:0; color:#000; transform:translate(0,-50%) rotate(0deg) !important;}
.c-top nav li.uk-parent span polyline{stroke-width:2;}
.c-top nav li.uk-parent:hover span {transform:translate(0,-50%) rotate(180deg) !important;}
.c-top nav li a{position:relative; min-height:46px; font-family:'Lato', sans-serif; font-size:1rem; font-weight:900; color:#000; transition:0.3s ease; white-space:nowrap;}
.c-top nav li:hover a, .c-top nav li a:hover, .c-top nav li.current-menu-item a, .c-top nav li.current-menu-parent a, .c-top nav li.current-product-ancestor a, .c-top nav li a[aria-expanded=true]{color:#e9bd17;}
.c-top nav li:hover span, .c-top nav li.current-menu-parent span, .c-top nav li.current_page_item span{color:#e9bd17;}
.c-top nav .uk-navbar-dropdown{background:#f3f3f3; border-radius:8px;}
.c-top nav .uk-navbar-dropdown li{padding:0 0 20px; list-style:none;}
.c-top nav .uk-navbar-dropdown li a::after{display:none;}
.c-top nav .uk-navbar-dropdown li a{display:block; min-height:auto; color:#000; line-height:1;}
.c-top nav .uk-navbar-dropdown li:last-child{padding-bottom:0;}
.c-top nav .uk-navbar-dropdown li a:hover, .c-top nav .uk-navbar-dropdown li.current-menu-item a, .c-top nav .uk-navbar-dropdown li.current-product-ancestor a{color:#e9bd17;}
body.page-template-default .c-top{background:#f3f3f3;}
/* hero */
.c-hero{position:relative; background:#000; overflow:hidden;}
.c-hero .c-scroller{position:absolute; bottom:8px; left:50%; padding:20px; line-height:1; opacity:0.6; transform:translate(-50%,0); z-index:4;}
.c-hero .c-scroller span{display:inline-block; width:0px; height:0px; border-style:solid; border-width:11px 8px 0 8px; border-color:#fff transparent transparent transparent;}
.c-hero .c-scroller:hover{opacity:1; bottom:16px;}
.c-hero ul{height:200px;}
.c-hero .uk-container{position:relative; height:100%; z-index:3;}
.c-hero .c-content p{margin:5px 0 0 0; padding:0 20px; font-size:1.8rem; line-height:1.1; font-weight:400; color:#fff; text-transform:uppercase;}
.c-hero .c-content p.c-title{font-size:3rem; text-transform:none;}
.c-hero .c-content .c-linkbtn{color:#fff !important; border-color:#fff;}
.c-hero .c-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center / cover; opacity:0.7; overflow:hidden; z-index:1;}
.c-hero .c-bg-no-txt{opacity:1;}
.c-hero-small ul{height:150px;}

/* HOME */

.c-home-hero{position:relative; height:360px; background:#000;}
.c-home-hero .uk-container{position:relative; height:100%; z-index:2;}
.c-home-hero .c-content{text-align:center;}
.c-home-hero .c-content p{margin:10px 0 20px; font-size:1.1rem; color:#fff; line-height:1; font-weight:900;}
.c-home-hero .c-content p.c-title{margin:0; font-size:2.8rem; text-transform:uppercase;}
.c-home-hero .c-linkbtn{display:none; font-size:1.3rem; padding:0 30px !important;}
.c-home-hero .c-linkbtn:hover{color:#000 !important; background:#e9bd17;}
.c-home-hero .c-linkbtn.active{display:inline-block;}
.c-home-hero .c-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center / cover; opacity:0.8;}
/* intro */
.c-intro{position:relative; text-align:center; z-index:2;}
.c-intro p{font-size:1.1rem;}
.c-intro p a{text-decoration:underline;}
.c-intro-bg{background:#f3f3f3;}

/* KLANTEN */

.c-klanten h2{color:#e9bd17;}
.c-klanten .c-logos{margin-top:30px;}
.c-klanten .c-logos div{border-top:1px solid #eee; border-right:1px solid #eee;}
.c-klanten .c-logos div:nth-child(-n+4){border-top:0;}
.c-klanten .c-logos div:nth-child(4n){border-right:0;}
.c-klanten .c-logos img{padding:20px;}

/* REFERENTIES */

.c-referentie-grid h2{color:#e9bd17;}
.c-referentie-grid h3{margin-bottom:0; font-size:1.1rem; text-transform:none;}
.c-referentie-grid p{margin-top:20px;}
.c-referentie-grid .c-item{position:relative; display:block; width:100%; height:180px; background:#000; border-radius:10px 10px 0 0; overflow:hidden;}
.c-referentie-grid .c-item .c-bgimage{z-index:1; transition:0.3s ease;}
.c-referentie-grid .c-item:hover .c-bgimage{transform:scale(1.06);}
.c-referentie-grid .c-content{padding:30px; background:#f3f3f3;}
/* overview */
.c-referentie-overview h1{color:#e9bd17;}
.c-referentie-overview .uk-container{position:relative; z-index:2;}
.c-referentie-overview .c-content{position:relative; margin:0 !important;}
/* referentie page */
.c-referentie-hero{background:#f3f3f3;}
.c-referentie-hero h1{color:#e9bd17; margin:0;}
.c-referentie-hero .c-left{width:100%;}
.c-referentie-hero .c-right{position:relative; width:100%;}
.c-referentie-hero .c-content{padding:30px; text-align:center;}
.c-referentie-hero .c-quote{position:relative; padding:20px; background:#e9bd17; z-index:2;}
.c-referentie-hero .c-image{position:relative; height:260px; background:no-repeat center / cover;}
.c-referentie-desc .uk-container{position:relative; z-index:2;}
.c-referentie-desc h2{color:#e9bd17;}
.c-referentie-desc a{text-decoration:underline;}
.c-referentie-desc a:hover{color:#e9bd17;}
.c-referentie-desc .c-content, .c-referentie-overview .c-content{position:relative; margin-top:60px;}
.c-referentie-desc .c-content:first-child, .c-referentie-overview .c-content{margin:0;}
.c-referentie-desc .c-content .c-number, .c-referentie-overview .c-content .c-number{position:absolute; right:0; top:-30px; font-size:80px; line-height:80px; font-weight:900; color:#f3f3f3; z-index:-1;}
.c-referentie-overview .c-content .c-number{left:-100px !important;}
.c-referentie-carousel a{display:block;}

/* PRODUCTEN */

.c-product-grid{background:#f3f3f3;}
.c-product-grid h3{margin-bottom:0; color:#e9bd17;}
.c-product-grid p{margin-top:20px;}
.c-product-grid p a{text-decoration:underline;}
.c-product-grid .c-item{position:relative; display:block; width:100%; height:180px; background:#000; border-radius:10px; overflow:hidden;}
.c-product-grid .c-item .c-bgimage{z-index:1; transition:0.3s ease;}
.c-product-grid .c-item:hover .c-bgimage{transform:scale(1.06);}
/* product overview */
.c-product-overview{background:none;}
.c-product-overview h2{margin:0; font-size:1.4rem; color:#e9bd17;}
.c-product-overview .uk-grid:not(:first-child){padding-top:40px; border-top:1px solid rgba(0,0,0,0.1);}
.c-product-overview .uk-grid p{min-height:auto;}
/* product page */
.c-product-page{background:#f3f3f3;}
.c-product-page h1{font-size:2.4rem;}
.c-product-page h1 small{margin-top:10px; font-size:1rem; opacity:0.3;}
.c-product-page-desc h2{font-size:1.6rem; color:#e9bd17; margin-bottom:30px;}
.c-product-page-desc a{text-decoration:underline;}
.c-product-page-carousel .uk-slider-container{border-radius:10px; overflow:hidden;}
.c-product-page-carousel .c-item a{display:block; padding-bottom:70%; background:no-repeat center / cover;}
.c-product-page-specs{text-align:center;}
.c-product-page-specs ul{margin:0; padding:0;}
.c-product-page-specs ul li{list-style:none;}
.c-product-page-specs table td{padding:5px; font-size:0.9rem !important; border-top:1px solid #eee; white-space:nowrap;}
.c-product-page-specs table td p{font-size:0.9rem !important;}
.c-product-page-specs table tr:first-child td{border:0;}
/* more */
.c-product-grid-more{background:#fff;}
.c-product-grid-more .c-content{margin-top:30px;}
/* flexible content */
.c-flexible-content .c-product-grid h3{color:#000;}
.c-flexible-content .c-product-grid .c-title{position:absolute; bottom:16px; left:20px; color:#fff; font-weight:700; line-height:1.1; z-index:2;}
.c-flexible-content .c-product-grid .uk-position-cover{opacity:0.8;}

/* NEWS */

.c-news-overview h1{text-align:center;}
.c-news-overview .c-tags{margin-top:10px;}
.c-news-overview .c-tags a{font-size:0.8rem; margin-left:2px; padding:0 14px; line-height:24px; color:#000; background:#f3f3f3; border-radius:10px;}
.c-news-overview .c-tags a:first-child{margin-left:0;}
.c-news-overview .c-tags a:hover{background:#ddd;}
.c-news-overview .c-item a.c-image{width:100%; height:200px; background:no-repeat center / cover; border-radius:8px;}
.c-news-overview .c-content{margin-top:20px;}
.c-news-overview .c-content h2{margin-bottom:10px; font-size:1.6rem; color:#e9bd17;}
.c-news-overview .c-content small{display:block; margin-bottom:20px; font-size:0.8rem; line-height:1; font-weight:700; opacity:0.5;}
.c-news-overview .c-content p{text-align:left;}
.c-news-overview .c-content .c-linkbtn{margin-bottom:10px;}
/* news page */
.c-news-page small{font-size:0.9rem; line-height:1; font-weight:700; opacity:0.5;}
.c-news-page h1{margin:10px 0 0;}
.c-news-page .c-tags{margin-top:10px;}
.c-news-page .c-tags a{font-size:0.8rem; margin:0 1px; padding:0 14px; line-height:24px; color:#000; background:#f3f3f3; border-radius:10px;}
.c-news-page .c-tags a:hover{background:#ddd;}
.c-news-page .c-image{width:100%; height:240px; background:no-repeat center / cover;}

/* GALLERY */

.c-gallery{text-align:center; background:#f3f3f3;}
.c-gallery img{width:100%;}
.c-gallery .uk-grid{margin-top:60px;}
.c-gallery .uk-grid:first-child{margin-top:0;}
.c-gallery .uk-grid div a:hover{opacity:0.9;}
.c-gallery .uk-grid div a:hover .c-gallery-desc{background:rgba(0,0,0,0.4);}
.c-gallery .c-item{position:relative; display:block; border-radius:8px; overflow:hidden;}
.c-gallery .c-item .c-txt{padding:40px 0; text-align:right;}
.c-gallery .c-item .c-gallery-desc{position:absolute; bottom:0; left:0; right:0; padding:5px 10px; font-size:0.8rem; color:#f9f2ea; text-align:center !important; background:rgba(0,0,0,0.2); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); transition:0.3s ease;}

/* FLEXIBLE CONTENT */

.c-flexible-content h1{word-wrap:break-word; margin-bottom:30px;}
.c-flexible-content h2{color:#e9bd17; font-size:2rem;}
.c-flexible-content i{display:inline-block; margin-right:5px; font-size:0.8rem; vertical-align:middle;}
.c-flexible-content p{margin-top:30px;}
.c-flexible-content p a, .c-flexible-content li a{text-decoration:underline;}
.c-flexible-content p a:hover, .c-flexible-content li a:hover{color:#e9bd17; text-decoration:underline;}
.c-flexible-content a.c-block{display:block;}
.c-flexible-content hr{margin:40px 0;}
.c-flexible-content .c-contentblok{margin:0 0 40px;}
.c-flexible-content .c-contentblok:last-child{margin:0;}
.c-flexible-content .c-text-to-right{flex-direction:column-reverse;}
.c-flexible-content img, .c-flexible-content iframe, .c-flexible-content table, .c-flexible-content .wp-video, .c-flexible-content .wp-playlist, .c-flexible-content .mejs-audio{min-width:100%; margin-top:30px; border-radius:8px;}
.c-flexible-content iframe:first-child, .c-flexible-content table:first-child, .c-flexible-content .wp-video:first-child, .c-flexible-content .wp-playlist:first-child, .c-flexible-content .mejs-audio:first-child{margin-top:0;}
.c-flexible-content table td{padding-top:5px;}
.c-flexible-content table td:first-child{padding-right:10px;}
.c-flexible-content table tr:first-child td{padding-top:0;}
.c-flexible-content table.uk-table-divider td{padding:8px;}
.c-flexible-content table.uk-table-divider td:first-child{padding-left:0;}
.c-flexible-content .frm_forms{margin:30px 0;}
.c-flexible-content .frm_forms:first-child{margin-top:0;}
.c-flexible-content .frm_forms:last-child{margin-bottom:0;}
.c-flexible-content .wp-video video, .c-flexible-content .wp-playlist video{vertical-align:top !important; margin:0;}
.c-flexible-content .video-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; background:#000;}
.c-flexible-content .video-container iframe, .c-flexible-content .video-container video{position:absolute; top:0; left:0; width:100%; height:100%;}
.c-flexible-content .audio-container audio{width:100%;}
.c-flexible-content .uk-slider{position:relative; border-radius:8px;}
.c-flexible-content .uk-slider a{display:block;}
.c-flexible-content .uk-slider img{border-radius:0;}
.c-flexible-content .uk-slider .uk-slider-nav{position:absolute; right:20px; top:20px; z-index:2;}
.c-flexible-content .uk-slider .uk-dotnav>*>*{border-color:#fff !important;}
.c-flexible-content .uk-slider .uk-dotnav>*>:hover, .c-flexible-content .uk-slider .uk-dotnav>.uk-active>*{background:#fff;}
/* referentie */
.c-flexible-content .c-referentie-blok{border-top:1px solid #eee; padding-top:60px; border-bottom:1px solid #eee; padding-bottom:60px;}
.c-flexible-content .c-referentie-blok p.c-quote{font-size:1.1rem; font-style:italic; padding-right:20%;}
.c-flexible-content .c-referentie-blok .c-linkbtn{color:#fff !important; background:#e9bd17;}

/* FOOTER */

.c-footer{font-size:1rem; color:#fff; background:#000;}
.c-footer a{color:#fff; font-weight:700;}
.c-footer p{margin-top:20px;}
.c-footer p a:hover, .c-footer li a:hover, .c-footer .current-menu-item a{opacity:0.5;}
.c-footer .c-title{margin:0 0 20px; font-size:1.1rem; color:#e9bd17; font-weight:900; text-transform:uppercase;}
.c-footer .uk-list{margin:0;}
.c-footer .uk-list>:nth-child(n+2){margin-top:10px;}
.c-footer .uk-list a, .c-footer li a{font-weight:700;}
.c-footer ul.c-news-items{margin-bottom:40px;}
/* bottom */
.c-bottom{padding:20px 0; color:#fff; background:#000;}
.c-bottom p{float:left; width:100%; margin:0; font-size:0.8rem; text-align:center;}
.c-bottom p:last-child{float:right; margin-top:10px;}
.c-bottom p a{display:inline-block; color:#fff;}
.c-bottom p a:hover{opacity:0.5;}
.c-bottom p span{display:block; margin:10px 0 0 0;}
.c-bottom p span a{margin:0 5px;}

/* CTA */

.c-cta{text-align:center; background:#f3f3f3;}
.c-cta h2 small{font-size:1rem;}
.c-cta p{margin-top:20px;}
.c-cta p u{font-weight:700;}

/* MOBILE NAV */

.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-320px !important;}
.uk-open > .uk-offcanvas-reveal, .uk-offcanvas-bar{width:320px !important;}
.uk-offcanvas-bar{padding:30px; background:#000;}
.uk-offcanvas-overlay::before{background:rgba(0,0,0,0.3);}
#mobile-nav ul{width:100%; margin-top:60px;}
#mobile-nav ul li{position:relative; margin:20px 0 0; line-height:1;}
#mobile-nav ul li a{display:block; padding:0; font-family:'Lato', sans-serif; color:#fff; font-size:1.2rem; font-weight:900; line-height:1; text-transform:uppercase; transition:0.3s ease;}
#mobile-nav ul li span{position:absolute; top:-2px; right:0; width:24px; height:24px; margin:0; transition:0.3s ease; cursor:pointer;}
#mobile-nav ul li span::before, #mobile-nav ul li span::after{position:absolute; content:""; background:#fff; transition:0.3s ease;}
#mobile-nav ul li span::before{top:11px; left:3px; width:18px; height:2px;}
#mobile-nav ul li span::after{top:3px; left:11px; width:2px; height:18px;}
#mobile-nav ul li.uk-open span{transform:rotate(90deg);}
#mobile-nav ul li.uk-open span::before{opacity:0;}
#mobile-nav ul li ul.sub-menu{margin:0; padding:10px 0;}
#mobile-nav ul li ul.sub-menu li{margin:18px 0; line-height:1;}
#mobile-nav ul li ul.sub-menu li a{font-size:1.2rem; text-transform:none;}
#mobile-nav li.current-menu-item > a, #mobile-nav li.current-menu-ancestor > a{color:#e9bd17;}
#mobile-nav .uk-navbar-parent-icon svg{display:none;}
#mobile-nav .c-socials{position:absolute; left:30px; bottom:30px;}
#mobile-nav .c-social{margin-right:5px; background:none; border:1px solid rgba(255,255,255,0.3);}
#mobile-nav .c-social svg{fill:#fff;}
/* hamburger */
.c-hamburger{position:absolute; top:50%; right:30px; width:34px; height:19px; transform:translate(0,-50%); z-index:1001;}
.c-hamburger::after{position:absolute; content:"Menu"; top:0; left:-64px; font-family:'Lato', sans-serif; color:#000; font-weight:900; font-size:1rem; text-transform:uppercase; line-height:19px;}
.c-hamburger span{position:absolute; right:0; width:100%; height:3px; background:#000; transition:0.3s ease;}
.c-hamburger span:nth-of-type(1){top:0px;}
.c-hamburger span:nth-of-type(2){top:8px;}
.c-hamburger span:nth-of-type(3){bottom:0;}
.c-hamburger:hover span{background:#e9bd17;}
/* active */
.c-hamburger.active{top:38px; right:26px; width:26px;}
.c-hamburger.active::after{content:"Sluit"; left:-50px; color:#fff; font-size:0.9rem;}
.c-hamburger.active span{background:#fff;}
.c-hamburger.active span:nth-of-type(1){transform:rotate(-45deg); top:8px; width:100%;}
.c-hamburger.active span:nth-of-type(2){opacity:0;}
.c-hamburger.active span:nth-of-type(3){transform:rotate(45deg); bottom:8px; width:100%;}


/** RESPONSIVE **/


/*0 > 320*/
@media screen and (max-width:320px){
.uk-section.uk-padding-large{padding:30px 0;}
.uk-container{padding-left:20px !important; padding-right:20px !important;}
}
/*320 > 375*/
@media screen and (min-width:321px) and (max-width:375px){
}
/*375 > 480*/
@media screen and (min-width:376px) and (max-width:480px){
}
/*320 > 640*/
@media screen and (max-width:640px){
.uk-container{padding-left:30px; padding-right:30px;}
.uk-margin-large-top{margin-top:30px !important;}
.uk-margin-medium{margin-top:20px !important;}
.uk-grid-large>.uk-grid-margin{margin-top:26px;}
.uk-grid-medium>.uk-grid-margin{margin-top:20px;}
.uk-grid-column-medium, .uk-grid-medium{margin-left:-15px;}
.uk-grid-column-medium>*, .uk-grid-medium>*{padding-left:15px;}
.post-password-form{width:80%; margin:40px auto;}
.post-password-form label{display:block;}
.frm_style_formidable-style.with_frm_style .form-field{margin-bottom:10px;}
.c-item-pagination .uk-grid div.uk-width-expand a{width:100%;}
.c-upper{font-size:1rem;}
.c-linkbtn-wrapper a:last-child{display:none;}
.c-cat .c-linkbtn{margin:20px 0 !important;}
.c-cat:last-child .c-linkbtn{margin-bottom:0 !important;}
.c-klanten .c-logos div:nth-child(-n+2){border-top:0;}
.c-klanten .c-logos div:nth-child(3), .c-klanten .c-logos div:nth-child(4){border-top:1px solid #eee;}
.c-klanten .c-logos div:nth-child(2n){border-right:0;}
body.page-template-templ_referenties .c-referentie-grid .uk-container{padding-left:0; padding-right:0;}
body.page-template-templ_referenties .c-referentie-grid .c-item{height:250px; border-radius:0;}
.c-referentie-overview h1{margin-top:0;}
.c-referentie-overview .c-content .c-number{left:-20px !important;}
.c-referentie-hero h1{font-size:1.8rem;}
.c-product-overview .uk-grid{flex-direction:column-reverse;}
.c-product-page-top{padding-top:0 !important;}
.c-product-page-top .uk-container{padding:0;}
.c-product-page-top .uk-grid{flex-direction:column-reverse;}
.c-product-page-top img{border-radius:0;}
.c-product-page-top .c-txt{padding:0 30px;}
.c-product-page-top .c-txt .c-linkbtn{width:100%; text-align:center; padding-left:0; padding-right:0; font-size:1.1rem;}
.c-product-grid-more h2{margin-bottom:0;}
.c-news-hero{padding:0 !important;}
.c-cta{font-size:1.1rem;}
.c-cta .frm_style_formidable-style.with_frm_style .frm_submit button{width:100%; text-align:center;}
.c-product-grid .uk-text-center p, .c-referentie-overview p, .c-referentie-desc p, .c-klanten p, .c-product-page p, .c-product-page-desc p, .c-flexible-content p, .c-flexible-content li{font-size:1.1rem;}
.with_frm_style .frm_top_container .frm_primary_label{font-size:1rem;}
.with_frm_style input[type=text], .with_frm_style input[type=email], .with_frm_style input[type=tel], .with_frm_style input[type=number], .with_frm_style input[type=date], .with_frm_style input[type=url], .with_frm_style textarea, .with_frm_style select{font-size:1.1rem;}
}
/*640 > 960*/
@media screen and (max-width:960px){
}
/*640>*/
@media(min-width:640px){
html, body{font-size:18px;}
h1{font-size:2.8rem;}
h2{font-size:2.4rem;}
h3{font-size:1.4rem;}
p{margin:30px 0 0;}
.uk-section.uk-padding-large{padding:60px 0;}
.uk-container{padding:0 50px;}
.c-totop a{bottom:20px; right:20px; width:50px; height:50px; font-size:1.3rem; line-height:50px;}
.c-item-pagination .uk-grid span{display:inline-block;}
.c-upper i, .c-upper i.fa-envelope{font-size:0.9rem;}
.c-top .c-logo{width:130px; height:94px; background-size:130px 94px;}
.c-hero ul{height:400px;}
.c-hero-small ul{height:300px;}
.c-hero .c-content p{margin:-5px 0 0 0; font-size:3rem;}
.c-hero .c-content p.c-title{font-size:5rem;}
.c-home-hero{height:500px;}
.c-home-hero .c-content p.c-title{font-size:3.8rem;}
.c-home-hero .c-linkbtn{font-size:1.6rem;}
.c-linkbtn-wrapper{margin:60px 0 0 !important;}
.c-klanten .c-logos{margin-top:80px;}
.c-referentie-grid .c-item, .c-product-grid .c-item{height:240px;}
.c-referentie-grid .c-content p{min-height:160px;}
.c-referentie-hero h1{font-size:2.2rem;}
.c-referentie-hero .c-content{padding:50px;}
.c-referentie-hero .c-image{height:500px;}
.c-referentie-hero .c-quote{position:absolute; bottom:0; left:0; width:500px; padding:30px;}
.c-referentie-desc .c-content, .c-referentie-overview .c-content{margin-top:80px;}
.c-referentie-desc .c-content .c-number, .c-referentie-overview .c-content .c-number{right:auto; left:-80px; top:-60px; font-size:140px; line-height:140px;}
.c-product-overview .uk-grid:not(:first-child){padding-top:60px;}
.c-product-overview h2{font-size:1.6rem;}
.c-product-page-desc h2{font-size:2rem; margin-bottom:40px;}
.c-news-overview .c-item a.c-image{height:300px;}
.c-news-page .c-image{height:400px; border-radius:8px;}
.c-flexible-content h1{font-size:2.4rem;}
.c-flexible-content h2{font-size:1.8rem;}
.c-flexible-content .c-contentblok{margin:0 0 70px;}
.c-flexible-content .c-text-to-right{flex-direction:row-reverse;}
.c-footer{font-size:0.9rem;}
.c-bottom p span{display:inline-block; margin:0 0 0 20px;}
.c-bottom p span a{margin:0 10px;}
.c-cta .frm_forms{padding:0 100px;}
.c-hamburger{right:50px;}
}
/*960>*/
@media(min-width:960px){
.uk-section.uk-padding-large{padding:80px 0;}
.uk-container{padding:0 60px;}
.c-linkbtn-wrapper{margin:80px 0 -25px !important;}
.c-referentie-grid .c-item, .c-product-grid .c-item{height:220px;}
.c-referentie-grid .c-content p{min-height:200px;}
.c-referentie-hero{background:#fff;}
.c-referentie-hero h1{font-size:1.8rem;}
.c-referentie-hero .c-left{width:45%;}
.c-referentie-hero .c-right{width:55%;}
.c-referentie-hero .c-content{padding:15% 10% 10% 20%; text-align:right;}
.c-referentie-hero .c-image{height:700px;}
.c-referentie-hero .c-quote{bottom:10%; left:-150px; width:500px; padding:30px;}
.c-referentie-desc .c-content, .c-referentie-overview .c-content{margin-top:100px;}
.c-referentie-desc .c-content .c-number, .c-referentie-overview .c-content .c-number{font-size:150px; line-height:150px;}
.c-product-grid .uk-grid p{min-height:200px;}
.c-news-overview .c-item a.c-image{height:350px;}
.c-news-overview .c-content{margin-top:40px;}
.c-news-overview .c-content h2{font-size:2rem;}
.c-news-overview .c-content small{margin-bottom:30px;}
.c-news-page .c-image{height:500px;}
.c-bottom p{width:auto; text-align:left;}
.c-bottom p:last-child{margin:0;}
.c-bottom p span{margin:0 0 0 40px;}
.c-bottom p span a{margin:0 20px 0 0;}
.c-hamburger{right:60px;}
}
/*1200>*/
@media(min-width:1200px){
.uk-section.uk-padding-large{padding:100px 0;}
.c-hero ul{height:550px;}
.c-hero-small ul{height:350px;}
.c-home-hero{height:600px;}
.c-referentie-grid .c-item, .c-product-grid .c-item{height:250px;}
.c-referentie-grid .c-content p{min-height:160px;}
.c-referentie-hero .c-image{height:800px;}
.c-referentie-hero h1{font-size:2.2rem;}
.c-referentie-hero .c-quote{width:700px; padding:40px;}
.c-referentie-desc .c-content, .c-referentie-overview .c-content{margin-top:120px;}
.c-referentie-desc .c-content .c-number, .c-referentie-overview .c-content .c-number{left:-200px; top:-70px; font-size:250px; line-height:250px;}
.c-product-grid .uk-grid p{min-height:160px;}
.c-news-overview .c-item a.c-image{height:400px;}
.c-news-page .c-image{height:600px;}
}
/*1400>*/
@media(min-width:1400px){
.uk-section.uk-padding-large{padding:120px 0;}
.c-totop a{width:60px; height:60px; font-size:1.4rem; line-height:60px;}
.c-referentie-grid .c-item, .c-product-grid .c-item{height:280px;}
.c-referentie-grid .c-content p{min-height:140px;}
.c-referentie-hero h1{font-size:2.4rem;}
.c-referentie-hero .c-image{height:900px;}
.c-product-grid .uk-grid p{min-height:130px;}
}
/*1600>*/
@media(min-width:1600px){
.c-referentie-grid .c-item, .c-product-grid .c-item{height:300px;}
.c-referentie-grid .c-content p{min-height:130px;}
.c-referentie-hero h1{font-size:2.8rem;}
.c-referentie-hero .c-image{height:1000px;}
.c-referentie-desc .c-content .c-number, .c-referentie-overview .c-content .c-number{left:-280px; top:-80px; font-size:300px; line-height:300px;}
}
/*1900>*/
@media(min-width:1900px){
}
/*2000>*/
@media(min-width:2000px){
}