/*
 * Custom styles by WebinWeb Design
 */
 
 /** ===== FONTS ===== **/

@import url('https://fonts.googleapis.com/css2?family=Kadwa:wght@400;700&family=Source+Sans+Pro:wght@400;600&display=swap');

/** ===== GLOBAL ===== **/
body {font-family: 'Source Sans Pro', sans-serif !important; color:rgba(31,37,55,1) !important; line-height:1.75 !important; font-size:16.5px !important;}
body, html {overflow-x:hidden !important;}
.container {max-width:1410px !important;}
h1 {font-family:'Kadwa', serif !important; font-size:3rem !important; font-weight:700 !important;}
h1 em {color:rgba(208,102,65,1); font-style:normal;}
h2 {font-family: 'Kadwa', serif !important; font-size:1.8rem !important; line-height:1.45 !important; font-weight:700 !important; margin-bottom:1.5rem !important;}
h3 {font-family: 'Kadwa', serif !important; font-size:1.6rem !important; line-height:1.45 !important; font-weight:700 !important;}
.blok60 {padding:45px 0;}
.blok90 {padding:90px 0;}
.img-responsive {max-width:100%; height:auto; display:block;}

/** ===== BUTTONS ===== **/
/* Back to top
--------------------------------------------- */
#return-to-top {position:fixed; bottom:30px; right:20px; background:rgba(208,102,65,1); width:40px; height:40px; display:block; text-decoration:none; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; display: none; -webkit-transition: all .3s linear; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 9999;}
#return-to-top i.fas.fa-chevron-up {left:12.5px; position:relative; top:7px; color:#fff;}

/* Buttons
--------------------------------------------- */
/** -- blauw -- **/
button.btn.btn-wiw.blauw {background-color:#0882BE; border:1px solid #0882BE; color:#fff; font-weight:600; padding:7.5px 20px; border-radius:4px; margin-top:15px; text-transform:none;}
button.btn.btn-wiw.blauw:hover {background-color:#0882BE; border:1px solid #0882BE;}
button.btn.btn-wiw.blauw:after {content:"\f054"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#fff; position:relative; font-size:14px; left:7.5px;}

/** -- grijs-- **/
button.btn.btn-wiw.grijs {background-color:#5D5F63; border:1px solid #5D5F63; color:#fff; font-weight:600; padding:7.5px 20px; border-radius:4px; text-transform:none; letter-spacing:-.5px;}
button.btn.btn-wiw.grijs:hover {background-color:#5D5F63; border:1px solid #5D5F63;}
button.btn.btn-wiw.grijs:after {content:"\f054"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#fff; position:relative; font-size:14px; left:7.5px;}

/** -- wit-- **/
button.btn.btn-wiw.wit {background-color:#fff; border:1px solid #fff; color:#5D5F63; font-weight:600; padding:7.5px 20px; border-radius:4px; text-transform:none; letter-spacing:-.5px;}
button.btn.btn-wiw.wit:hover {background-color:#fff; border:1px solid #fff;}
button.btn.btn-wiw.wit:after {content:"\f054"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#5D5F63; position:relative; font-size:14px; left:7.5px;}

/** -- oranje-- **/
button.btn.btn-wiw.oranje {background-color:#FCE1BD; border:1px solid #FCE1BD; color:#5D5F63; font-weight:600; padding:7.5px 20px; border-radius:4px; text-transform:none; letter-spacing:-.5px;}
button.btn.btn-wiw.oranje:hover {background-color:#FCE1BD; border:1px solid #FCE1BD;}
button.btn.btn-wiw.oranje:after {content:"\f054"; font-family:'Font Awesome\ 5 Free'; font-weight:900; color:#5D5F63; position:relative; font-size:14px; left:7.5px;}


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

/** ===== HEADER ===== **/
header {position:absolute; width:100%; z-index:100;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 100%); padding:30px 0;}
header .logo {float:left; position:relative; top:-30px;}



/** ===== LAYOUT ===== **/
.image-12-bg .image-bg {background-repeat:no-repeat; height:500px; background-size:cover; background-position:center center;}

/** ===== HERO ===== **/
/* -- cover met background-image -- */
.cover-met-background-image .image-bg {background-repeat:no-repeat; background-position:center center; background-size:cover;}
.cover-met-background-image #color-overlay {position: absolute; left:0; width:100%; height:100%; background-color:#000; opacity:0.4;}
.cover-met-background-image .content {position:relative;}
.cover-met-background-image .content .icon-4x .fa-arrow-alt-circle-down:before {font-size:4em;}

/* -- hero met background-image -- */
.hero-met-background-image {padding-bottom:30px;}
.hero-met-background-image .image-bg {background-repeat:no-repeat; background-position:center center; background-size:cover; height:900px;}
/*.hero-met-background-image #color-overlay {position: absolute; left:0; width:100%; height:100%; background-color:#000; opacity:0.4;}*/
.hero-met-background-image .content {position:relative; top:85% !important; }
.hero-met-background-image .content .icon-4x {margin-left:-15px;}
.hero-met-background-image .content .icon-4x .fa-arrow-alt-circle-down:before {font-size:4em;}

/* -- content_bg-12 -- */
.content-bg-12 .wrapper {background-color:rgba(207,201,205,.5); padding:60px 30px; border-radius:4px;}
.content-bg-12 .wrapper ul {padding-left:20px !important;}

/* -- content_12 -- */
.content-12 img {border-radius:4px;}
.content-12 a {color:rgba(31,37,55,1);}
.content-12 a:hover {color:rgba(208,102,65,1);}
.content-12 ul {padding-left:20px !important;}

/* -- content_5-7 -- */
.content_5-7 .content-5 h2 {position: relative; color:rgba(208,102,65,1); font-size:4rem !important; font-weight:600;}

/* -- content_image_outside -- */
.content_image_outside {background-color:#0F1C2C; color:#fff;}
.content_image_outside .img-cover {position:absolute; height:100%; width:100%; object-fit:cover;}
.content_image_outside .has-img {transform: translate(100%, 0%);}
.content_image_outside .content {padding:90px 60px 120px 0;}

/* -- image_content_outside -- */
.image_content_outside {background-color:#0F1C2C; color:#fff;}
.image_content_outside .img-cover {position:absolute; height:100%; width:100%; object-fit:cover;}
.image_content_outside .has-img {transform: translate(0%, 0%);}
.image_content_outside .content {padding:90px 0 120px 60px;}

/* -- image_content_bg_6-6 -- */
.image_content_bg_6-6 .wrapper {background-color:rgba(207,201,205,.5); height:750px; border-radius:4px;}
.image_content_bg_6-6 .wrapper .image-6 .image-6_background {background-repeat:no-repeat; background-position:center center; background-size:cover; height:750px;}
.image_content_bg_6-6 .wrapper .content-6 {padding:60px;}

/* -- image_content_bg_6-6 -- */
.content_image_bg_6-6 .wrapper {background-color:rgba(207,201,205,.5); height:750px; border-radius:4px;}
.content_image_bg_6-6 .wrapper .image-6 .image-6_background {background-repeat:no-repeat; background-position:center center; background-size:cover; height:750px; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.content_image_bg_6-6 .wrapper .content-6 {padding:60px;}

/** ===== GALLERY ===== **/
/* -- full-width -- */
.gallery-full-width .gallery-bg {background-repeat:no-repeat; height:600px; background-size:cover; background-position:center center; border-radius:4px;}
.gallery-full-width .item:nth-child(even) {margin-top:30px;}
.gallery-full-width .icon {height:100%; margin:0 auto; text-align:center; bottom:50%; position:relative; display:none; margin-bottom: -50px;}
.gallery-full-width .icon i {color:#fff; font-size:3em;}
.gallery-full-width .item:hover .eye {display:block;}
.gallery-full-width .item:hover #color-overlay {position:relative; left:0; width:100%; height:100%; background-color:#000; opacity:0.4; transition:background-color 0.5s ease-in-out;}
.gallery-full-width .item #color-overlay .overlay-border {position:absolute; left:15px; right:15px; bottom:15px; top:15px; -webkit-transform: translateZ(0); border: 1px solid rgba(255,255,255,0);}
.gallery-full-width .item #color-overlay .overlay-border:before {content:''; border-bottom:1px solid #fff; border-left:1px solid #fff; -ms-transform-origin:0 100%; -webkit-transform-origin:0 100%; transform-origin:0 100%; height:100%; width:100%; position:absolute;}
.gallery-full-width .item #color-overlay .overlay-border:after {content:''; border-top:1px solid #fff; border-right:1px solid #fff; -ms-transform-origin:100% 0; -webkit-transform-origin:100% 0; transform-origin:100% 0; height:100%; width:100%; position:absolute;}

/* -- boxed -- */
.gallery-boxed .gallery-bg {background-repeat:no-repeat; height:600px; background-size:cover; background-position:center center; border-radius:4px;}
.gallery-boxed .item {margin:15px 0;}
.gallery-boxed .icon {height:100%; margin:0 auto; text-align:center; bottom:50%; position:relative; display:none; margin-bottom: -50px;}
.gallery-boxed .icon i {color:#fff; font-size:3em;}
.gallery-boxed .item:hover .eye {display:block;}
.gallery-boxed .item:hover #color-overlay {position:relative; left:0; width:100%; height:100%; background-color:#000; opacity:0.4; transition:background-color 0.5s ease-in-out;}
.gallery-boxed .item #color-overlay .overlay-border {position:absolute; left:15px; right:15px; bottom:15px; top:15px; -webkit-transform: translateZ(0); border: 1px solid rgba(255,255,255,0);}
.gallery-boxed .item #color-overlay .overlay-border:before {content:''; border-bottom:1px solid #fff; border-left:1px solid #fff; -ms-transform-origin:0 100%; -webkit-transform-origin:0 100%; transform-origin:0 100%; height:100%; width:100%; position:absolute;}
.gallery-boxed .item #color-overlay .overlay-border:after {content:''; border-top:1px solid #fff; border-right:1px solid #fff; -ms-transform-origin:100% 0; -webkit-transform-origin:100% 0; transform-origin:100% 0; height:100%; width:100%; position:absolute;}


/* -- FAQ -- */
.accordion-item {border:0 !important; border-top:1px solid #e4e4e4 !important;}
.accordion-item .accordion-button {padding:1rem 0.5rem; font-weight:600;}
.accordion-item .accordion-button:focus {border-color:#e4e4e4 !important; box-shadow:none !important;}
.accordion-item .accordion-button:not(.collapsed) {background-color:transparent !important; box-shadow:none !important;}
.accordion-item .accordion-body {padding:0 6rem 0 0.5rem; margin-top:-15px;}
.accordion-item .accordion-body ul, .accordion-item .accordion-body ol {padding-left:20px !important;}

/** ===== CALL TO ACTION ===== **/
.cta-contactform {background-color:#f3f6fa;}
.cta-contactform form input[type="text"], .cta-contactform form input[type="email"], .cta-contactform form input[type="tel"] {border:1px solid #ced4da; margin:0 0 15px; padding-left:10px;}
.cta-contactform form textarea {border:1px solid #ced4da; padding-left:10px; height:200px;}
.cta-contactform form input[type="submit"] {margin-top:30px; background-color:#0F1C2C; border:1px solid #0F1C2C; color:#fff; padding:10px 20px; border-radius:4px; text-transform:none; letter-spacing:-.5px;}


/** ===== FOOTER ===== **/
/* -- Classic 4 --*/
footer {padding:90px 15px 0; background-color:rgba(207,201,205,.5);}
footer h3 {margin-bottom:2rem;}
footer a {color:rgba(31,37,55,1); text-decoration:none;}
footer a:hover {color:rgba(208,102,65,1);}
footer ul {padding-left:20px !important;}

footer .info-footer {margin-top:60px; border-top:1px solid rgba(182,177,179,.4); font-size:14px;}
footer .info-footer .site_info_copy {padding-top:1em;}
footer .info-footer .site_info_author {text-align:right; padding-top:1em;}
footer .info-footer a {color:#5D5F63; text-decoration:none;}



@media only screen and (min-width : 1100px) and (max-width : 1199px) {
.hero-met-background-image .image-bg {height:800px;}
.content_image_bg_6-6 .wrapper .content-6 {padding:60px 30px;}
}

@media only screen and (min-width : 992px) and (max-width : 1099px) {
.hero-met-background-image .image-bg {height:700px;}
.content_5-7 .content-5 h2 {font-size:3.5rem !important;}
.content_image_bg_6-6 .wrapper {height:780px;}
.content_image_bg_6-6 .wrapper .content-6 {padding:60px 30px;}
.content_image_bg_6-6 .wrapper .image-6 .image-6_background {height:780px;}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
.blok60 {padding:30px 0;}

header .logo img {width:200px; height:auto;}
.hero-met-background-image .image-bg {height:700px;}
.content_5-7 .content-5 h2 {font-size:3rem !important;}
.content_image_bg_6-6 .wrapper {height:auto;}
.content_image_bg_6-6 .wrapper .content-6 {padding:45px 30px 30px;}
.content_image_bg_6-6 .wrapper .image-6 .image-6_background {height:600px; border-top-right-radius:0; border-bottom-left-radius: 4px;}
.content-12 img {margin-top:70px;}

}

@media only screen and (min-width : 577px) and (max-width : 767px) {
h1 {font-size:2.65rem !important;}
h2 {margin-bottom:0rem !important;}
.blok60 {padding:30px 0;}

header .logo img {width:200px; height:auto;}
.hero-met-background-image .image-bg {height:500px;}
.hero-met-background-image .content .icon-4x .fa-arrow-alt-circle-down:before {font-size:3em;}
.content_5-7 .content-5 h2 {font-size:3.5rem !important;}
.content_image_bg_6-6 {margin:0 -30px;}
.content_image_bg_6-6 .wrapper {height:auto;}
.content_image_bg_6-6 .wrapper .content-6 {padding:45px 30px 30px;}
.content_image_bg_6-6 .wrapper .image-6 .image-6_background {height:500px; border-top-right-radius:0; border-bottom-left-radius:4px;}
.content-12 img {border-radius:4px; margin-left:0; float:left; margin-right:1.5rem; margin-top:10px; margin-bottom:1rem; height:300px; width:195px;}
footer {padding:45px 15px 0;}
footer h3 {margin-bottom:0.5rem;}
footer .block {margin-bottom:30px;}
footer .info-footer {margin-top:0;}
footer .info-footer .site_info_copy {text-align:center; margin-bottom:-30px;}
footer .info-footer .site_info_author {text-align:center;}
}

@media only screen and (max-width : 576px) {
h1 {font-size:2rem !important;}
h2 {margin-bottom:0rem !important;}
.blok60 {padding:30px 0;}

header .logo img {width:150px; height:auto;}
.hero-met-background-image .image-bg {height:400px;}
.hero-met-background-image .content .icon-4x {margin-left:0;}
.hero-met-background-image .content .icon-4x .fa-arrow-alt-circle-down:before {font-size:3em;}
.content_5-7 .content-5 h2 {font-size:2rem !important;}
.content_image_bg_6-6 {margin:0 -30px;}
.content_image_bg_6-6 .wrapper {height:auto;}
.content_image_bg_6-6 .wrapper .content-6 {padding:30px 30px 30px;}
.content_image_bg_6-6 .wrapper .image-6 .image-6_background {height:400px; border-top-right-radius:0; border-bottom-left-radius:4px;}
.content-12 img {border-radius:4px; margin-left:0; float:left; margin-right:1.5rem; margin-top:10px; margin-bottom:1rem; height:200px; width:130px;}
footer {padding:45px 15px 0;}
footer h3 {margin-bottom:0.5rem;}
footer .block {margin-bottom:30px;}
footer .info-footer {margin-top:0;}
footer .info-footer .site_info_copy {text-align:center; margin-bottom:-30px;}
footer .info-footer .site_info_author {text-align:center;}
}