@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Open+Sans:300i,400,400i,600,800&display=swap');

@main-color: #2D2B2B;
@main-color-off: #222;
@sec-color: #B0DA57;
@sec-color-off: rgba(176,218,87);
@tri-color: #2D2B2B;
@tri-color-off: #222;

body, p, a, li{font-family: "Open Sans"; line-height:32px; font-size:16px;}
body{background-color:#EAF4D2;}
.banner-text{padding: 120px 50px 40px; width: 49%;}
.banner-text h1{color:#fff; font-family: 'Open Sans', sans-serif;    font-size: 80px;
    font-weight: 800;
    line-height: 80px;
    text-transform: uppercase;
text-shadow: 2px 2px 2px #000;}
.banner-text h2{color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600;    font-size: 42px;text-shadow: 1px 1px 1px #000;}
#column-3-0 p:last-child{margin-bottom:35px;}

.cta-banner{width:50%; margin-left:auto; margin-right:auto; color:#fff;   background: @sec-color-off;
text-align:center;
    padding: 40px 60px 0px 60px;
 ;}
.cta-banner h3{ font-family: "Open Sans";   font-size: 30px;
    font-style: italic;
    font-weight: 100;
    margin-bottom: 10px;}
.cta-banner p{line-height:24px;}
.cta-banner p:last-child{margin-bottom:-15px;}
.cta-banner .btn { color:#fff!important;   position: relative;
    bottom: -35px;
    background: @tri-color;
    height: 70px !important;
    line-height: 70px !important;
    border-radius: 2px;
    padding: 0 40px !important;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    font-style: italic;
    font-weight: 100;
    font-size: 20px !important;
    border: 0;
;}

.cta-banner .btn:hover, #column-1-0 button:hover{background-color: @tri-color-off;}

#rijid-1{padding-top:115px; padding-bottom:80px;}
h3{font-family: 'Open Sans', sans-serif;    font-size: 28px;}

.call-to-action-row, .extra-footer-cta{background-color:@main-color;    padding: 40px 0;
    border: 0;}
.call-to-action-row h3, .extra-footer-cta h3{ font-family: "Open Sans";
color:#fff;
    padding-right: 60px;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
;}
.call-to-action-row .btn, .extra-footer-cta .btn, .contact-formulier .btn, .reviewbutton-plaatsen .btn{    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    margin-top: 17px!important;
    margin: 0;
    width: 100%;
    text-align: center;
    background-color: @main-color;
    padding: 15px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
color:#fff;
;}
.contact-formulier .btn,.reviewbutton-plaatsen .btn{     margin-top: 0px!important;    font-style: italic;
    font-weight: 100;    border: 0; background-color:@main-color;text-transform:capitalize;}
.contact-formulier .btn:hover,.reviewbutton-plaatsen .btn:hover{background:@main-color-off;}

.btn, a{
 -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
;}

.contact-formulier{
background:#fff;
border: 2px solid @sec-color;
padding-left:15px; padding-right:15px;
;}
.contact-formulier input, .contact-formulier textarea{border:none; background:#f5f5f5;    padding: 10px 30px; color:#333;
border-bottom: 2px solid @sec-color;
;}

.contact-formulier textarea{height:120px;}
.contact-formulier div.row:first-child {background-color:@sec-color;}
.contact-formulier h3{margin-bottom:20px; color:#fff;}
.contact-formulier div.row:nth-child(2){margin-top:25px;}
.contact-formulier div.row:nth-child(6){margin-bottom:25px;}

.contact-formulier .col-xs-3{display:none;}
.contact-formulier .col-xs-9{width:100%;}

.call-to-action-row .btn:hover, .extra-footer-cta .btn:hover{    color: @main-color; background-color: #ffffff;}
.post-cta-banner{padding-top:80px; padding-bottom:80px;}
.contact a, footer a{color:@main-color;}
.contact a:hover, footer a:hover{text-decoration:underline;}

.extra-footer-cta{display:none;}

@media(max-width:992px){
#column-1-0, #column-3-0{padding-bottom:80px;}
.cta-banner{width:70%;}
}
@media (max-width:993px){h1{font-size:60px!important; line-height:60px!important;}.banner-text{width:100%;}}
@media (max-width:650px){.banner-text{ width:100%;}h1{font-size:36px!important; line-height:36px!important;}.banner-text h2{    font-size: 28px;
    line-height: 28px;}
#rijid-5{padding-top: 20px;
    padding-bottom: 20px;}
.extra-footer-cta{display:block;}
}
@media (max-width:450px){
h1{font-size:32px!important; line-height:32px!important;}
.banner-text h2{    font-size: 26px;
    line-height: 26px;}
.cta-banner{width:98%;}.cta-banner{padding: 40px 30px 0px 30px;}
.banner-text {
    padding: 120px 0px 40px;}}{font-family: !important; font-display: swap;}

body{text-overflow: ellipsis-word;}
.btn{padding:24px}
.fullwidth{width: calc(100% - 1.92rem);max-width: calc(100% - 1.92rem);margin-left: 0.96rem;margin-right: 0.96rem;}
#map{min-width:100%;min-height:400px}
input, textarea{min-width:100%;margin-bottom:8px}
.btn{border-radius:0px}
.success{display:none;color:#093}
.geensuccess{display:none;color:#f00}
.veldennietgevuld{display:none;color:#f00}
.container-maps{min-width:calc(100vw - 17px);max-width:calc(100vw - 17px);padding:0px;overflow:hidden;margin:0px}
.social-media{font-size:200%}
.social-media a{text-decoration:none;color:#000}
#myCarousel {padding:0px;margin:0px}
#myCarousel img{min-width:100%}
.call-to-action{overflow:hidden;margin-left: auto;margin-right: auto;padding: 160px 0px;width:100%!important;max-width: 1100px;  white-space: normal;}
.call-to-action-innerlijk{text-align:center;background-color:rgba(255,255,255,0.45);padding:20px 0px}
input,textarea{border-radius:0px!important}
select, textarea, input {font-size:16px}
.reviewbutton-plaatsen{padding:20px 0px;margin-top:20px}
.yellow{color:#e7711b}
.star-rating{font-size:160%}
.rate{padding-bottom:30px}
.reviewmodal textarea {min-height:150px;}
.reviewmodal input,  .reviewmodal textarea{border:0px;border-bottom:1px solid #093;padding:5px;margin-top:30px}
.reviewmodal label{margin-top:35px}
.button-holder{min-height:70px}
.review-tekst{clear:both;padding-top:20px;padding-bottom:20px}
.review-door{font-weight:900;}
.review-holder{padding:20px;border-bottom:1px solid #cfcfcf}
.review-holder:nth-child(odd){background-color:#f6f6f6}
.review-datum{font-size:10pt}
.review-sterren-overzicht{font-size:140%}
.load-reviews-holder{min-height:400px;max-height:400px;overflow-y:scroll;}

{margin-right: 0px!important;margin-left: 0px!important;}

.load-reviews.reviewscontainer {background-color: #fff;color: #000;}
.modal-content.reviewmodal.reviewscontainer {color: #000!important}
.load-reviews-holder{color:#000!important}

img {max-width: 100%;vertical-align: middle;}

.trigger {display: none;}
.slider, .slider-wrapper {position: relative;}
.slide {width: 100%;overflow: hidden;position: absolute;height: 100%;left: 0;top: 0;z-index: 5000;}
.slide-img {height: 100%;object-fit: fill;display: block;margin: 0 auto;}
.slide-figure img{min-width:100%;}

.slide-figure {height: 100%;position: relative;margin: 0;}
.trigger:checked + .slide {z-index: 6000;opacity: 1;}
.slider-nav {width: 100%;text-align: center;margin: 1rem 0;}
.slider-nav__item {display: inline-block;}
.slider-nav__label {margin-right:2px;font-size: 10px;background-color: #333;display: block;height: 1.5em;line-height: 1.5em;width: 1.5em;text-align: center;border-radius: 50%;color: white;cursor: pointer;transition: background-color .25s, color .25s ease-in-out;}
.slider-nav__label:hover,.slider-nav__label:active,.slider-nav__label:focus {background-color: gray;color: black;}

@media only screen and (min-width: 1024px) {
  .slider, .slider-wrapper {height: px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .slider, .slider-wrapper {height: 360px;}
}
@media only screen and (min-width: 1px) {
  .slider, .slider-wrapper {min-height: 160px;}
}
.btn{background-image:none!important;} 
.pop{padding:20px}
.pop .row{margin-top:20px} 
.pop .adres-bedrijfsnaam{font-weight:900}
.pop .spacer{padding:20px}
.pop .hiddentext{display:none}
.closer{float:right;color:#FF8C00;font-size:220%;positon:absolute;margin-top:-10px;margin-right:-5px}
.closer i{transition: ease-in-out 0.400s all;}
.closer i:hover{color:#F00}
.center-div{position: fixed;margin: auto;top: 0;right: 0;bottom: 0;left: 0;width: 50%;height: 60%;background-color: #fff;display:none;box-shadow: 5px 5px 7px #000;}
.hide-mobile{display:block}
@media only screen and (max-width: 1300px) {.center-div{min-width:90%;min-height:80%;overflow:hidden}.spacer{display:none}.col-sm-6{background-color:red}.at-share-dock.atss{top:0!important}}
@media only screen and (max-width: 900px){.pop{display:none}}
@media only screen and (min-width: 901px){.pop{display:block}}
.closer{z-index:999999}
#rijid-0{ background-size:cover; background-position:center bottom;}#solliciteer select{min-width:100%;padding:13px;margin:10px;padding-bottom:14px}#solliciteer input{min-width:100%;padding:10px;margin:10px;}.modal{color:#000!important}.frmhddn{display:none;visibility:hidden}