/* - //-- Nieuw -- // - */
html {scroll-behavior: smooth;font-family: "figtree", sans-serif;}
body {font-family: "figtree", sans-serif;color: #033449;}

h1 {font-size: 50px;font-style: normal;font-weight: 400;line-height: normal;}

/* -- defaults -- */
.button {background-color: #E5F3FB;color: #0B658A;border: none;cursor: pointer;font-size: 18px;text-decoration: none !important;display: inline-block;transition-timing-function: ease-in-out;transition: 0.2s;margin-bottom: 0px;font-weight: 400;margin-top: 30px;padding: 8px 20px;padding-bottom: 6px;border-radius: 30px;}
.button i.material-icons {color: #0099CF;font-size: 20px;vertical-align: sub;margin-right: 5px;margin-left: -2px;}
p,li, .contact-list li a {font-size: 18px;line-height: 26px;font-weight: 300;color: #828687;}
h2 {color: #3b4144;font-weight: 600;margin-bottom: 25px;font-size: 38px;line-height: 1.2;}


/* -- navbar -- */
nav.navbar {background-color: #fff;height: 70px;margin-bottom: 0px;border: none;border-radius: 0px;z-index: 9;}
nav.navbar .navbar-brand {padding: 0px;}
nav.navbar .navbar-brand img {height: 44px;margin: 13px 0px;margin-left: 15px;}
nav.navbar .nav-link {margin: 15px 0px;margin-left: 80px;font-size: 16px;font-weight: 500;transition: 0.3s;padding: 6px 0px;line-height: 28px;}
nav.navbar .nav-link:hover,nav.navbar .nav-link:focus {opacity: 0.7;}
nav.navbar .navbar-nav>li>a {color: #fff;}
nav.navbar .navbar-nav>li .button {padding: 8px 20px;margin: 17px 0px;margin-left: 80px;}
nav.navbar .navbar-nav>li .button:hover {background: #eff8fb;color: #997f63;}
nav.navbar .navbar-nav>li>a.active {font-weight: 600;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff;background-color: transparent;}

/* -- header home -- */
.header.home {background-position: center;height: 700px;background-size: cover;}
.header.home .gradient {background-color: rgb(0 0 0 / 0.33);height: 100%;}
.header.home .gradient .align {height: 700px;vertical-align: middle;display: table-cell}
.header.home p {color: #fff}

.header.content {height: 400px;}
.header.content .gradient .align {height: 400px;}

/* -- Mosaic (content) -- */
.content-list .ctn {margin: 100px 0px;}
.content-list .ctn h2 {color: #1e4b9f;font-size: 35px;line-height: 45px;font-weight: 700;margin-bottom: 20px;margin-top: 0px;}
.content-list .ctn .button {margin-top: 15px;}
.content-list .ctn p {color: #32566d;font-size: 16px;line-height: 25px;}

.content-list .ctn.content1 .image-c1 {height: 400px;background-size: cover;background-position: center;border-radius: 5px;}
.content-list .ctn.content1 .align {height: 400px;vertical-align: middle;display: table-cell;padding-right: 50px;}


.contact-list {margin: 100px 0px;}
.contact-list #accordion .card {border: 0px;border-radius: 0px;}
.contact-list #accordion a.btn {width: 100%;text-align: left;outline: none;font-weight: 600;}
.contact-list #accordion a.btn {outline: none;box-shadow: none!important;}
.contact-list #accordion span.material-icons-outlined {float: right;transition: 0.3s;transform: rotate(180deg);}
.contact-list #accordion .collapsed span.material-icons-outlined  {transform: rotate(0deg);}
.contact-list #accordion .card:last-child .card-header {border-bottom: 0px;}
.contact-list h2 {margin-bottom: 30px;}
.datefilter {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 15px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.date.label-text-field.text.required {
	margin-bottom: 15px;
}
.icon span.material-icons {
    position: absolute;
    margin-top: -44px;
    right: 26px;
}
.contact-list .box p {
    margin-bottom: 15px;
}
.contact-list .box .form-control {border-radius: 0px;border: none;outline: none;padding: 12px;}
.contact-list .box textarea {min-height: 150px;}
.contact-list input.button {float: right;margin-top: 5px;display: block;}
.map {width: 100%;overflow: hidden;height: 400px;}
.map .gmap_canvas {margin-left: -15px!important;width: calc(100% + 30px)!important;height: 400px!important;}

.contact-list .box .form-control {border: 1px solid #7b949c;border-radius: 5px;font-size: 16px;padding-top: 15px;}

.whatsapp .whapp-ico { width: 70px;height: 70px;position: fixed;bottom: 15px;right: 15px;z-index: 999;background-size: contain;background-position: center;background-repeat: no-repeat;transition: 0.3s;}
.whatsapp .whapp-ico:hover {opacity: 0.7;}

.spec-list {margin: 100px 0px;}
.spec-list .img {height: 250px;margin-bottom: 20px;background-size: 100% auto;transition: 0.3s;background-position: center;}
.spec-list .boxc {margin-bottom: 30px;margin-top: 10px;}
.spec-list .boxc:hover .img {background-size: 110% auto;opacity: 0.9;}
.spec-list .boxc h5 {color: #2ca8bd;}
.spec-list .boxc p {color: #32566d;font-size: 16px;line-height: 25px;}
.spec-list .boxc span {color: #000;font-weight: 500;font-size: 15px;}
.spec-list .boxc span span {vertical-align: middle;margin-left: 5px;margin-top: -2px;transition: 0.3s;}
.spec-list .boxc:hover span span {margin-left: 10px}

.spec-diepte {margin: 100px 0px;}
.spec-diepte h2 {color: #2ca8bd;}
.spec-diepte .image {height: 350px;background-size: cover;background-position: center;}
.spec-diepte li {font-size: 16px;line-height: 25px;color: #32566d;}

footer.footer {padding: 75px 0px;background: #64828b;}
footer.footer img {width: 156px;}
footer.footer a,footer.footer li {color: #fff;line-height: 28px;font-size: 16px;text-decoration: none;transition: 0.3s;font-weight: 400;}
footer.footer ul li a:hover {opacity: 0.7;}
footer.footer ul li:last-child {margin-right: 0px;padding-right: 0px;}
footer.footer .button {margin-top: 0px;color: #033449;}
footer.footer h2 {color: #fff !important;margin-top: 0px;font-size: 24px;}

.contact-list ul li a:hover {opacity: 0.7;}
.contact-list ul li a span {font-size: 21px;vertical-align: middle;margin-top: -3px;margin-right: 10px;}

.row-eq-height-xs,
.row-eq-height-sm,
.row-eq-heigh-md{
	display:flex;
}
@media (max-width: 1199px){
	.row-eq-height-md{
		display:block;
	}	
}
@media (max-width: 767px){
	.row-eq-height-sm{
		display:block;
	}	
}

/* -- mosaic -- */
.mosaic-list .mosaic {margin: 100px 0px;}
.mosaic h2 {margin-top: 0px;}
.mosaic .button {margin-bottom: 0px;}

.mosaic.c1 .img-c1 { height: 100%;max-height: 500px;background-size: cover;background-position: center;border-radius: 10px;}
.mosaic.c1 .align {margin: 50px 0px;}

.mosaic.c2 .imagebg {margin: 0px 50px;border-radius: 20px;background-size: cover;background-position: center;overflow: hidden;}
.mosaic.c2 .imagebg .gradient {background: linear-gradient(0deg, rgba(0, 30, 44, 0.50) 0%, rgba(0, 30, 44, 0.50) 100%);padding: 100px 0px;}
.mosaic.c2 .imagebg .gradient h2,.mosaic.c2 .imagebg .gradient p,.mosaic.c2 .imagebg .gradient li,.mosaic.c2 .imagebg .gradient {color: #fff!important;}

.mosaic.c3 {overflow: hidden;position: relative;}
.mosaic.c3  h2, .mosaic.c3  p {color: #fff}
.mosaic.c3 .img-c3 {height: 500px;margin-bottom: -500px;margin-right: -15px;margin-left: -15px;overflow: hidden;border-top-right-radius: 20px;border-bottom-right-radius: 20px;background-size: cover;background-position: center;}
.mosaic.c3 .img-c3.left {border-radius: 0px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;overflow: hidden;}
.mosaic.c3 .align {height: 500px;vertical-align: middle;display: table-cell;margin: 0px;}
.mosaic.c3 .gradient {background: rgb(100 130 139 / 65%);height: 100%;}
.mosaic.c3 .box.boxform {background-color: #64828b;border-top-left-radius: 15px;border-bottom-left-radius: 15px;padding: 50px;padding-right: 0px;}
.mosaic.c3 .box.boxform:after {content: "";background: #64828b;position: absolute;height: 100%;width: 50vw;top: 0px;right: calc(-50vw + 1px);}
.mosaic.c3 .alignment {margin: 100px 0px;position: relative;}
.mosaic.c3 .alignmain {display: flex;height: 100%;flex-direction: column;justify-content: center;}

.mosaic.c3.switch .box.boxform:after {display: none;} 
.mosaic.c3.switch .box.boxform:before {content: "";background: #64828b;position: absolute;height: 100%;width: 50vw;top: 0px;left: calc(-50vw + 0px);}
.mosaic.c3.switch .box.boxform {padding-right: 50px;padding-left: 0px;border-radius: 15px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}


.mosaic.c4 .uspbox {background-size: cover;background-position: center;border-radius: 10px;height: 250px;overflow: hidden;}
.mosaic.c4 a {text-decoration: none;transition: 0.3s;}
.mosaic.c4 .uspbox .gradient {background: linear-gradient(180deg, rgba(0, 30, 44, 0.00) 0%, rgba(0, 30, 44, 0.50) 100%);height: 100%;transition: 0.3s;}
.mosaic.c4 a:hover .uspbox .gradient {background: linear-gradient(180deg, rgba(0, 30, 44, 0.00) 0%, rgba(0, 30, 44, 0.50) 70%);height: 100%;transition: 0.3s;}
.mosaic.c4 .uspbox .gradient .align {display: flex;height: 250px;padding: 20px;align-items: flex-end;color: #fff;}
.mosaic.c4 .uspbox .gradient .arrow .ico {width: 32px;height: 32px;display: block;position: absolute;right: 35px;bottom: 20px;transition: 0.3s}
.mosaic.c4 .uspbox .content {width: 100%;padding-right: 42px;font-size: 18px;font-weight: 400;line-height: 25px;}
.mosaic.c4 a:hover .uspbox .gradient .arrow .ico {transform: scale(0.9);}

.mosaic.c5 .faq .repeat .panel div {padding: 5px;padding-bottom: 0px;padding-left: 35px;}
.mosaic.c5 .faq .repeat .panel button:hover, .mosaic.c5 .faq .repeat .panel button:focus {outline: none;opacity: 0.7;}
.mosaic.c5 .faq .hr-custom {border-top: 2px solid #e6f2f6;}
.mosaic.c5 .faq .repeat .panel h3 {text-align: center;text-transform: unset;}
.mosaic.c5 .faq .repeat .panell button {font-size: 15px;transition: 0.3s}
.mosaic.c5 .faq .repeat .panel .material-icons {color: #0083ca;}
.mosaic.c5 .faq .repeat .panel .material-icons.down {display: none;}
.mosaic.c5 .faq .repeat .panel .collapsed .material-icons.down {display: block;}
.mosaic.c5 .faq .repeat .panel .material-icons.up {display: block;}
.mosaic.c5 .faq .repeat .panel .collapsed .material-icons.up {display: none;}
.mosaic.c5 .faq .repeat .panel {color: #939593;margin-bottom: 0px;background-color: #fff;border-bottom: 1px solid #e1d8cb;border-radius: 0px;padding: 15px 0px;box-shadow: none;}
.mosaic.c5 .repeat button {background: transparent;padding: 0px;border-radius: 0px;font-weight: 600;text-align: left;}
.mosaic.c5 .faq .repeat:first-child .panel {border-top: 1px solid #e1d8cb;}
.mosaic.c5 .faq .repeat .panel .material-icons {color: #000;font-size: 21px;margin-right: 15px;}
.mosaic.c5 .repeat span.pull-left {position: absolute;left: 15px;margin-top: 1p;}
.mosaic.c5 .faq .repeat .panell button {margin-left: 35px;border: none;font-size: 18px;font-style: normal;font-weight: 600;line-height: 26px;}


.footer-copyright {height: 30px;background-color: #997f63;    overflow: hidden;    margin-top: -29px;}
.footer-copyright .logo {transition: 0.3s;height: 14px;width: 100px;background-size: contain;background-position: center right;background-repeat: no-repeat;margin: 8px 0px;float: right;}
.footer-copyright .logo:hover {opacity: 0.7;transform: scale(0.98);}
.footer-copyright .list-inline>li a {color: #fff;font-size: 14px;font-weight: 300;vertical-align: text-top;line-height: 27px;}

@media (max-width: 1270px) {
	.mosaic.c2 .imagebg {margin: 0px 30px;}
	.mosaic.c2 .content {padding-right: 30px;}
	nav.navbar .nav-link, nav.navbar .navbar-nav>li .button {margin-left: 46px;}
	nav.navbar .dropdown-menu {left: 25px!important;right: unset;}


}

@media (max-width: 992px) {
	p, li, .contact-list li a {font-size: 16px;line-height: 24px;}
	h2 {margin-bottom: 20px;}

	nav.navbar .nav-link, nav.navbar .navbar-nav>li .button {margin-left: 26px;}
	nav.navbar .dropdown-menu {left: 8px!important;right: unset;}
	nav.navbar .navbar-nav>li>a {font-size: 15px;}
	.mosaic .button {margin-top: 20px;}
	.mosaic.c2 .imagebg .gradient {padding: 50px 0px;}
	.mosaic.c2 .imagebg {margin: 0px 15px;}
}

@media (max-width: 767px) {
	.header h1,h1 {font-size: 32px;margin-top: 0px;}

	.button:hover i {color: #fff!important;}
.projecten-list .arrows {
    margin-top: 0px;
    margin-bottom: 30px;
}

.footer-copyright {height: unset;}
.footer-copyright .list-inline>li {display: block;}
.footer-copyright .logo {
    margin: 0px;
    float: unset;
    margin: 0 auto!important;
    margin-bottom: 10px!important;
    background-position: center;
}
.video-container {
    margin-top: 30px;
}
.mosaic.c8 .row .col-xs-12:last-child h2 {
    margin-top: 20px;
}

	.mosaic-list .mosaic {margin: 75px 0px;}
	.mosaic-list .mosaic .align {height: unset;display: block;margin: 0px;}

	.mosaic.c1 .img-c1 {height: 55vw;margin-top: 30px;}
	.mosaic.c1 .row.row-eq-height-sm {display: flex;flex-direction: column;}
	.mosaic.c1 .row.row-eq-height-sm .col-xs-12 {order: 1;}
	.mosaic.c1 .row.row-eq-height-sm .col-xs-12.order-2 {order: 2;}

	.mosaic.c2 .imagebg {margin: 0px;border-radius: 0px;}

	.mosaic.c3 .img-c3,.mosaic.c3 .img-c3.left {height: 75vw;margin-bottom: 0px;border-radius: 0px;}
	.mosaic.c3 {display: flex;flex-direction: column;}
	.mosaic.c3 .container-fluid {order: 2;width: 100%;margin-top: 30px;}
	.mosaic.c3 .container {order: 1;}

	.mosaic.c4 .uspbox {margin-bottom: 15px;}
	.mosaic.c4 .uspbox .gradient .arrow .ico {bottom: 35px;}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
	#navigation .navbar-collapse {text-align: left;border: none;z-index: 1000;position: absolute;background-color: #ffffff;padding-left: 5px;padding-bottom: 0px;margin-left: -15px;width: 100%;top: 71px;}
	nav.navbar .nav-link, nav.navbar .navbar-nav>li .button {margin-left: 30px;}
}





/* -- paginate -- */
.pagination {
    margin: 0px;
    text-align: center;
}

.pagination-row a.vorige.disabled {
    background-color: #E8E8E8!important;
    color: rgba(62, 62, 62, 0.33)!important;
    cursor: no-drop;
    border: 2px solid #e8e8e8;
    opacity: 1;
}

.pagination-row {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    display: block;
    clear: both;
}

.pagination-row a:hover {
    opacity: 0.7;
}

.pagination-row a.volgende.disabled {
    background-color: #E8E8E8!important;
    color: rgba(62, 62, 62, 0.33)!important;
    cursor: no-drop;
    border-color: #ebeced;
}

.pagination a {
    color: #002134;
    font-size: 14px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    padding: 3px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}

.pagination span.page_current {
    color: #3E3E3E;
    font-size: 16px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    font-weight: 800;
    padding: 8px 0px;
    border: 1px solid #E8E8E8;
}

.pagination .prev, .pagination .next {
    display: none!Important;
}

.pagination-row a.vorige {
    background-color: #f29b2f;
    padding: 11px 22px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    vertical-align: text-bottom;
    transition: 0.3s;
    border: 2px solid #f29b2f;
    line-height: 20px;
    outline: none!important;
    -webkit-appearance: none;
    text-decoration: none;
    border-radius: 5px;
    float: left;
}

.pagination-row a.vorige:focus {
    outline: none!important;
}

.pagination-row a.volgende {
    background-color: #f29b2f;
    padding: 11px 22px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    vertical-align: text-bottom;
    transition: 0.3s;
    border: 2px solid #f29b2f;
    line-height: 20px;
    float: right;
    text-decoration: none;
    border-radius: 5px;
}