/* font-family: 'Dancing Script', cursive; */
body {font-family: "Muli", Arial, Helvetica, sans-serif; color: #000; font-size: 20px;}
.mapson {display: none;}

a:LINK, a:VISITED {color: #000;}
a:HOVER, a:ACTIVE, a:FOCUS {color: #ceb573;}

.nopadding {padding-left: 0; padding-right: 0;}
h1 {color: #000; font-size: 40px;}
h2 {color: #000; font-size: 28px;}
h3 {color: #000; font-size: 24px; font-weight: bold;}

.btn {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.hide {display: none;}

#logo {position: absolute; top: 0; left: -1px; z-index: 100000;}
#logo img {width: 158px; height: auto;}
.bg-dark {background-color: #000 !important;}
.cus-relative {position: relative;}
.cus-navbar-header {background-color: #000; font-size: 20px;}
.justify-content-right {justify-content: right;}

.navbar {padding:0rem;}
.dropdown .dropdown-menu {border-radius:0; }
#cus-topnavbar {padding-top: 10px;}
#cus-topnavbar .nav-link {text-transform: lowercase;}
#cus-topnavbar .cus-social .nav-link {border: 2px solid #ceb573; width: 30px; height: 30px; display: inline-block; text-align: center; margin-left: 10px; padding: 3px 1px 1px 1px; font-size: 20px; line-height: 1;}
#cus-topnavbar .cus-contact .nav-link {background-color: #ceb573; color: #000 !important;}
#cus-topnavbar .cus-contact .nav-link:HOVER, #cus-topnavbar .cus-contact .nav-link:ACTIVE, #cus-topnavbar .cus-contact.active .nav-link {background-color: #fff;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255, 1);}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: rgba(206,181,115, 1);}

#cus-mainnavbar .nav-link {text-transform: uppercase;}
#cus-topnavbar .nav-item.active .nav-link, #cus-mainnavbar .nav-item.active .nav-link {color: rgba(206,181,115, 1);}

.carousel-indicators {position: static; margin-top: 10px;}
.carousel-indicators li {width: 20px; height: 20px; opacity: 1; margin-left: 10px; margin-right: 10px;}
.carousel-indicators li.active {background-color: #ceb573;}

.carousel-control-next, .carousel-control-prev {width: 10%;}

.cus-carousel-indicators-white-bg li {border: 1px solid #ceb573 !important;}

#carousel-news {width: 300px; position: absolute; background-color: rgba(206,181,115, 0.7); top: 5%; right: 5%; padding: 20px; z-index: 999999;}
#carousel-news p {margin: 0;}
#btn-news-close {margin-top: -35px; margin-right: -35px; display: inline-block; float: right; font-size: 30px;}


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    z-index: 1000;
}

.scrolldown {
    cursor: pointer;
    position: absolute;
    bottom: -25px;
    right: 15px;
    z-index: 1000;
}

a.scroll {background-color: #ceb573; width: 40px; height: 40px;
    text-align: center;
    color: #fff !important;
    padding-top: 5px;
    font-size: 24px;
}

a.scroll:HOVER {color: #fff;}


.slogan {font-family: 'Dancing Script', cursive; color: #ceb573; font-size: 50px;}

footer {color: #fff; padding: 40px 0; margin-top: 30px;}
footer a:LINK, footer a:VISITED {color: #fff; text-decoration: none;}
footer a:HOVER, footer a:ACTIVE, footer a:FOCUS {color: #fff; text-decoration: underline;}
footer p {margin: 0;}
.cus-footer-adres {line-height: 1.8;}
.cus-footer-openingsuren {background-color: #ceb573; color: #000; padding: 20px 15px; line-height: 1.8; text-align: center;}
.cus-footer-openingsuren h3 {text-transform: uppercase;}

.cus-footer-socials li {display: inline-block; margin-left: 10px;}
.cus-footer-socials li a {display: inline-block; border: 2px solid #ceb573; width: 30px; height: 30px; text-align: center; line-height: 1; padding: 3px 1px 1px 1px;}
.cus-footer-btwnummer {margin: 30px 0 15px 0;}
.cus-footer-copyright {font-size: 14px;}

.cus-topic-item {text-align: center;}
.cus-topic-img {z-index: 1; position: relative;}
.cus-topic-frame {padding-top: 220px; border: 5px solid #ceb573; margin-left: 10%; margin-right: 10%; position: relative; margin-top: -200px; z-index: 100000;}
.cus-topic-frame:HOVER {background-color: rgba(255,255,255, 0.5);}
.cus-topic-frame h2 {text-transform: uppercase; height: 60px;}
a.cus-topic-item:LINK, a.cus-topic-item:VISITED, a.cus-topic-item:HOVER, a.cus-topic-item:ACTIVE, a.cus-topic-item:FOCUS {text-decoration: none; color: #000;}

.cus-titel {background-color: #ceb573; padding: 10px 0; text-align: center;}
.cus-titel h1 {margin: 7px auto 0 auto; padding: 0; text-transform: uppercase; line-height: 1;}

.cus-content .bg-goud {}
.cus-content .bg-goud span {display: inline-block; padding: 20px; background-color: #ceb573; width: 350px;}
.cus-content .bg-goud a {color: #000; text-decoration: underline;}

.cus-btn-primary {background-color: #000; color: #ceb573 !important; width: 350px; padding: 20px 0; text-align: center; display: inline-block; text-decoration: none !important; text-transform: uppercase; line-height: 1;}

.thumbnail {
    position:relative;
    overflow:hidden;
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
}

.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(0, 0, 0, 0.50);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:left;
    color:#fff !important;
    z-index:2;
}

.caption h4 {margin: 0 0 4px 0; color: #fff;}
.caption p {font-size: 12px;}
.projectthumb {margin-bottom: 10px;}

.cus-paginanav {list-style-type: none; margin: 0 auto; padding: 0; font-size: 18px;}
.cus-paginanav li {display: inline-block; margin-right: 5px;}
.cus-paginanav li a {color: #ceb573; border: 1px solid #ceb573; width: 31px; height: 31px; display: inline-block;}
.cus-paginanav li a:HOVER, .cus-paginanav li.active a {background-color: #ceb573; color: #fff; text-decoration: none;}

.cus-realisatie-detail h2 {text-align: center; font-weight: bold;}

.cus-content a:LINK, .cus-content a:VISITED {text-decoration: underline;}

label.inline {display: inline;}

.form-control {border-color: #ceb573;}

.btn-primary, .btn-primary:VISITED, .btn-primary:HOVER, .btn-primary:ACTIVE, .btn-primary:FOCUS {background-color: #ceb573 !important; color: #000 !important; font-weight: bold; border-color: #ceb573 !important; font-size: 20px;}
.carousel-indicators {flex-wrap: wrap; margin-left: 0; margin-right: 0;}
.carousel-indicators li {margin-bottom: 10px;}





@media (max-width: 767px) {
    #logo {position: static; text-align: center; width: 100%;}
}


@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {display: block; margin-top: 0; border-radius:0;}
    .cus-navbar-header {font-size: 24px;}
    #cus-topnavbar {margin-bottom: 15px;}
    #cus-topnavbar .cus-home .nav-link {margin-left: 20px;}
    #cus-topnavbar .nav-link {padding: 1px 25px 1px 25px;}
    #cus-topnavbar .cus-contact .nav-link {padding-left: 3px; padding-right: 3px; margin-left: 20px;}
    #cus-mainnavbar .nav-link {padding-left: 20px; padding-right: 20px;}
    #cus-mainnavbar li:last-child .nav-link {padding-right: 0;}
}


@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}



/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */