@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

*{ outline: 0; }
body{ font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 400; font-style: normal; color: #444444; line-height: 32px; }
h1{ font-family: 'Lato', sans-serif; font-size: 50px; font-weight: 900; font-style: normal; color: #444444; line-height: 60px; margin: 0 0 30px 0; }
h2{ font-family: 'Lato', sans-serif; font-size: 40px; font-weight: 700; font-style: normal; color: #444444; line-height: 50px; margin: 25px 0 15px 0; }
h3{ font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 700; font-style: normal; color: #444444; line-height: 40px; margin: 20px 0 10px 0; }
h4{ font-family: 'Lato', sans-serif; font-size: 22px; font-weight: 400; font-style: normal; color: #444444; line-height: 30px; margin: 15px 0 5px 0; }
img{ max-width: 100%; }

.btn{}
.btn.btn-primary{ background: #ff6a00; border-color: #ff6a00; color: #ffffff !important; }
.btn.btn-primary:hover{ background: #ffffff; border-color: #ff6a00; color: #ff6a00 !important; }
.btn.btn-secondary{ background: #ffffff; border-color: #ff6a00; color: #ff6a00 !important; }
.btn.btn-secondary:hover{ background: #ff6a00; border-color: #ff6a00; color: #ffffff !important; }
.btn.btn-success{}
.btn.btn-success:hover{}
.btn.btn-warning{}
.btn.btn-warning:hover{}
.btn.btn-info{}
.btn.btn-info:hover{}

/* ============================================
		TOP
=============================================*/
.container-fluid.top{ }

/* ============================================
		NAVIGATIE
=============================================*/
.container-fluid.navigatie{}
.container-fluid.navigatie .navbar{ padding: 10px 0; }
.container-fluid.navigatie .navbar-brand{ max-width: 100px; width: 100%; }
.container-fluid.navigatie .navbar-brand img{ width: 100%; }
.container-fluid.navigatie .navbar-nav{}
.container-fluid.navigatie .navbar-nav .nav-item{}
.container-fluid.navigatie .navbar-nav .nav-item .nav-link{}

/* ============================================
		SLIDER/BANNER
=============================================*/
.container-fluid.slider .col-md-12{ padding: 0; }
.container-fluid.slider img{ width: 100%; }

.container-fluid.banner{ padding: 0; }
.container-fluid.banner img{ width: 100%; }

/* ============================================
		CONTENT
=============================================*/
.container-fluid.content{ padding: 50px 15px; }
.container-fluid.content a{}
.container-fluid.content a:hover{}

.container-fluid.content ul{ }
.container-fluid.content ul li{ list-style: none; position: relative; }
.container-fluid.content ul li:before{ content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-style: normal; position: absolute; left: -20px; }

/* ============================================
		MODULES
=============================================*/

/* BREADCRUMBS */
.container-fluid.breadcrumb{ padding: 0 15px; }
.block.breadcrumb{ padding: 0; margin-bottom: 0; }
.block.breadcrumb ul{ padding-left: 0; margin-bottom: 0; }
.block.breadcrumb ul li{ list-style: none; display: inline; color: #AAAAAA; }
.block.breadcrumb ul li.breadcrumarrow:after{ content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-style: normal; margin: 0 10px; }
.block.breadcrumb ul li a{ font-weight: 300; color: #AAAAAA; }
.block.breadcrumb ul li:last-child a{ font-weight: 500; color: #AAAAAA; }

/* BESCHIKBAARHEID */
.block.availability{ position: relative; float: right; }
.block.availability .availa_column .available:before{ content: '\f111'; font-family: 'Font Awesome 5 Pro'; font-size: 8px; font-weight: 900; color: #41ab34; display: block; position: absolute; left: 5px; top: 0; }
.block.availability .availa_column .not_available:before{ content: '\f111'; font-family: 'Font Awesome 5 Pro'; font-size: 8px; font-weight: 900; color: #FF0004; display: block; position: absolute; left: 5px; top: 0; }
.block.availability .availa_column .available,
.block.availability .availa_column .not_available{ padding-left: 25px; }

/* INPUT */
.block.list.input{}
.block.list.input .col-md-6.col-lg-4{ margin-bottom: 30px; }
.block.list.input a{ color: #444444; }
.block.list.input a:hover{ color: #444444; text-decoration: none; }
.block.list.input .item{ position: relative; height: 100%; border: 1px solid #eeeeee; }
.block.list.input .item .image{ position: relative; }
.block.list.input .item .image img{}
.block.list.input .item .content{ padding: 20px 20px 70px 20px; }
.block.list.input .item .content h3{ margin-top: 0px; }
.block.list.input .item .content .text{}
.block.list.input .item .content .btn.btn-primary{ position: absolute; bottom: 20px; right: 20px; }

/* NEWS */
.block.list.news{ margin-bottom: 30px; row-gap: 30px;}
/* .block.list.news .col-md-6.col-lg-4{ margin-bottom: 30px; } */
.block.list.news a{ color: #444444; }
.block.list.news a:hover{ color: #444444; text-decoration: none; }
.block.list.news .item{ position: relative; height: 100%; border: 1px solid #eeeeee; }
.block.list.news .item .image{ position: relative; }
.block.list.news .item .image img{}
.block.list.news .item .image .overlay{ position: absolute; bottom: 10px; right: 10px; }
.block.list.news .item .image .overlay span{ background: #000000; color: #ffffff; padding: 5px; }
.block.list.news .item .content{ padding: 20px 20px 20px 20px; }
.block.list.news .item .content h3{ margin-top: 0px; }
.block.list.news .item .content .text{}
.block.list.news .item .content .btn.btn-primary{ position: absolute; bottom: 20px; right: 20px; }

/* LOGO SLIDER */
.block.list.logoslider{}
.block.list.logoslider .item{ padding: 0; }

/* VACATURES */
.block.list.vacatures{}
.block.list.vacatures .col-md-6.col-lg-4{ margin-bottom: 30px; }
.block.list.vacatures a{ color: #444444; }
.block.list.vacatures a:hover{ color: #444444; text-decoration: none; }
.block.list.vacatures .item{ position: relative; height: 100%; border: 1px solid #eeeeee; }
.block.list.vacatures .item .image{ position: relative; }
.block.list.vacatures .item .image img{}
.block.list.vacatures .item .image .overlay{ position: absolute; bottom: 10px; right: 10px; }
.block.list.vacatures .item .image .overlay span{ background: #000000; color: #ffffff; padding: 5px; }
.block.list.vacatures .item .content{ padding: 20px 20px 70px 20px; }
.block.list.vacatures .item .content h3{ margin-top: 0px; }
.block.list.vacatures .item .content .text{}
.block.list.vacatures .item .content .btn.btn-primary{ position: absolute; bottom: 20px; right: 20px; }

/* FAQ */
.block.list.accordion{  }
.block.list.accordion .card{ margin-bottom: 20px; }
.block.list.accordion .card-header{ padding: 0; }
.block.list.accordion .card-header .card-title{ margin-bottom: 0; }
.block.list.accordion .card-header .card-title > div{ position: relative; padding: 15px 50px 15px 25px; cursor: pointer; }
.block.list.accordion .card-header .icon{ height: auto; transition: 0.3s; transform: rotateZ(-45deg); position: absolute; right: 25px; top: 15px; }
.block.list.accordion .card-header .collapsed .icon{ transform: rotateZ(0deg);  }
.block.list.accordion .card-header .collapsed:hover .icon{ transform: rotateZ(-20deg); }
.block.list.accordion .card-body p{ margin: 0 0 10px 0; }

/* TEAM */
.block.list.team{}
.block.list.team .col-md-6.col-lg-4{ margin-bottom: 30px; }
.block.list.team a{ color: #444444; }
.block.list.team a:hover{ color: #444444; text-decoration: none; }
.block.list.team .item{ position: relative; height: 100%; border: 1px solid #eeeeee; }
.block.list.team .item .image{ position: relative; }
.block.list.team .item .image img{}
.block.list.team .item .image .overlay{ position: absolute; bottom: 10px; right: 10px; }
.block.list.team .item .image .overlay span{ background: #000000; color: #ffffff; padding: 5px; }
.block.list.team .item .content{ padding: 20px; }
.block.list.team .item .content h3{ margin-top: 0px; }
.block.list.team .item .content h4{ margin-top: 0px; }
.block.list.team .item .content .functie{}

/* CONTACTPAGINA */
.row.maps .col-lg-12{ padding: 0; }
.row.maps .block.html.map{ margin-top: 25px; margin-bottom: -59px; }

/* GALLERIJ */
.block.gallery .item{ position: relative; margin-bottom: 30px; }
.block.gallery .item .text{ position: absolute; bottom: 0; left: 20px; width: 100%; }
.block.gallery .item .text .title{  }
.block.gallery .item .text .title h2{ font-size: 26px; font-weight: 500; color: #ffffff; text-shadow: 2px 2px 5px rgba(0,0,0,0.8); }
.block.gallery .item .overlay{ visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66,66,66,0.5); transition: all 0.2s ease-in-out; }
.block.gallery .item .overlay span{ position: absolute; top: calc(50% - 15px); left: 0; width: 100%; text-align: center; font-size: 30px; color: #ffffff; }
.block.gallery .item:hover .overlay{ visibility: visible; opacity: 1; }

.block.gallery .gallery_top{ margin-bottom: 20px; } 

/* KALENDER */
.block.calendar{}
.block.calendar .col-md-6.col-lg-4{ margin-bottom: 30px; }
.block.calendar a{ color: #444444; }
.block.calendar a:hover{ color: #444444; text-decoration: none; }
.block.calendar .item{ position: relative; height: 100%; border: 1px solid #eeeeee; }
.block.calendar .item .image{ position: relative; }
.block.calendar .item .image img{}
.block.calendar .item .image .date{ position: absolute; bottom: 10px; right: 10px; }
.block.calendar .item .image .date span{ background: #000000; color: #ffffff; padding: 5px; }
.block.calendar .item .content{ padding: 20px 20px 70px 20px; }
.block.calendar .item .content h3{ margin-top: 0px; }
.block.calendar .item .content .text{}
.block.calendar .item .content .btn.btn-primary{ position: absolute; bottom: 20px; right: 20px; }

/* PRODUCTEN */
.block.product{}
.block.product .col-md-6.col-lg-4{ margin-bottom: 30px; }
.block.product a{ color: #444444; }
.block.product a:hover{ color: #444444; text-decoration: none; }
.block.product .item{ position: relative; height: 100%; border: 1px solid #eeeeee; }
.block.product .item .image{ position: relative; }
.block.product .item .image img{}
.block.product .item .image .overlay{ position: absolute; bottom: 10px; right: 10px; }
.block.product .item .image .overlay span{ background: #000000; color: #ffffff; padding: 5px; }
.block.product .item .content{ padding: 20px 20px 70px 20px; }
.block.product .item .content h3{ margin-top: 0px; }
.block.product .item .content .text{}
.block.product .item .content .btn.btn-primary{ position: absolute; bottom: 20px; right: 20px; }

/* ARROW */
.slick-arrow{ background: rgba(0,0,0,0.5); text-align: center; padding: 10px; width: 60px; border: 0; outline: 0; }
.slick-arrow:hover{ background: rgba(0,0,0,0.8); }
.slick-arrow:focus{ border: 0; outline: 0; }
.slick-arrow i{ font-size: 30px; color: #ffffff; line-height: 40px; }
.slick-prev{ position: absolute; top: calc(50% - 30px); left: 0; z-index: 999; }
.slick-next{ position: absolute; top: calc(50% - 30px); right: 0; z-index: 999; }

/* DOTS */
.slick-dots li:before{ display: none; }
.slick-dots{ margin-top: -30px; display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; }
.slick-dots li{ margin: 0 0.25rem; }
.slick-dots li:focus{ border: 0; outline: 0; }
.slick-dots li button { display: block; width: 12px; height: 12px; padding: 0; border: none; border-radius: 100%; background-color: #cccccc; text-indent: -9999px; cursor: pointer; }
.slick-dots li.slick-active button{ background-color: #aaaaaa; }

/* ============================================
		FOOTER
=============================================*/
.container-fluid.footer{ background: #2B2B2B; color: #ffffff; padding: 25px 0 25px 0; }
.container-fluid.footer h2{ font-size: 22px; color: #ffffff; line-height: 30px; margin-top: 0; margin-bottom: 15px; }
.container-fluid.footer ul li{ list-style: none; position: relative; }
.container-fluid.footer ul li:before{ content: '\f105'; font-family: 'Font Awesome 5 Pro'; position: absolute; left: -25px; }
.container-fluid.footer table tr td:nth-child(1){ width: 30px !important; vertical-align: top; }
.container-fluid.footer i{ color: #CDE200; }
.container-fluid.footer a{ color: #ffffff; }

/* ============================================
		ENDPAGE
=============================================*/
.container-fluid.endpage{ background: #000000; color: #ffffff; padding: 3px 0; }
.container-fluid.endpage .col-md-3:nth-child(1){}
.container-fluid.endpage .col-md-6:nth-child(2){ text-align: center; }
.container-fluid.endpage .col-md-3:nth-child(3){ text-align: right; }
.container-fluid.endpage .col-md-3:nth-child(3) img{ max-width: 30px; }
.container-fluid.endpage ul{ margin-bottom: 0; padding-left: 0; }
.container-fluid.endpage ul li{ list-style: none; display: inline; }
.container-fluid.endpage ul li:after{ content: "|"; margin: 0 5px; }
.container-fluid.endpage ul li:last-child:after{ content: ""; margin: 0; }
.container-fluid.endpage a{ color: #ffffff; }

/* #Tablet (Landscape)
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1220px){
	
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}
/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}
/* Mobiel (Portrait)
================================================== */
@media only screen and (max-width: 479px) {
	.btn{ width: 100%; }
	/* .container-fluid.top .container{ padding-left: 0; padding-right: 0; } */
	.container-fluid.navigatie .container{ padding-left: 0; padding-right: 0; }

	.container-fluid.endpage .col-md-3:nth-child(1){ text-align: center; }
	.container-fluid.endpage .col-md-3:nth-child(3){ text-align: center; }
	.container-fluid.endpage .col-md-3:nth-child(3) img{ max-width: 30px; }
}