@import url('https://fonts.googleapis.com/css?family=Catamaran:200,600,800');
.fb-icon.hidden-xs{display:block!important;}
body{    font-family: Catamaran, sans-serif; overflow-x:hidden; font-size:16px;}
h1, h2, h3{font-family: Catamaran, sans-serif;}
.firstrow{padding-top:15px; padding-bottom:15px;}
.contact div{display:inline-block; padding-right:15px;}
.secondrow .container-fluid, #column-1-0{padding-left:0px; padding-right:0px;}
.secondrow .call-to-action-innerlijk{background-color:rgba(0,0,0,0)!important;}
.secondrow .call-to-action{max-width:100%;}
.secondrow .call-to-action h1{margin-left:10px; margin-right:10px;
    color: #fff;
    letter-spacing: 6px;
    line-height: 1.025;
font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
text-shadow:2px 2px 2px #000;
}
.secondrow .call-to-action  .cta-tekst p{margin-left:10px; margin-right:10px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-top: 12px;
    margin-bottom: 38px;
text-shadow:2px 2px 2px #000;
}
.secondrow .call-to-action .btn{
    line-height: 1;
    height: 44px;
    padding: 17px 25px 0;
    border-color: #00498b;
    background-color: #0059aa;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
letter-spacing: 1.4px;
    position: relative;
    z-index: 1;
text-transform: uppercase;
    font-weight: 600;
text-transform: uppercase;
    font-weight: 600;
}
.secondrow .call-to-action .btn:hover{    border-color: #00315e;
    background-color: #003e77;}

#column-3-0, #rijid-4{text-align:center;}
.rowfour{padding-top:75px; padding-bottom:75px;}

.rowfour h2{
    font-size: 36px;
    line-height: 36px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 30px;
    border: 0;

margin: 0.67em 0;
}





.rowfive{padding-top:105px;    background-color: #f2f4f7;}
.rowfive h3{    margin-top: 0;
    font-size: 36px;
    line-height: 36px;
    border: 0;
    font-weight: 200;}
.rowfive p{font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;}

.rowsix{ padding-top:50px; padding-bottom:105px; background-color: #f2f4f7;}
.rowseven, .roweight{background-image:url("https://www.jcbkeukenmontage.nl/images/2018/08/13/keuken-montage-utrecht-jcb.jpg"); background-repeat:no-repeat; background-size:cover;  background-attachment: fixed; color:#fff;}
.rowseven{text-align:center; padding-top:105px;}
.rowseven{    color: #ffffff; padding-bottom:20px;
     margin-top: 0;
    font-size: 36px;
    line-height: 36px;
        border: 0;
font-family: Catamaran, sans-serif;
    font-weight: 200;}
.rowseven p{    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;}


.roweight .feature-box{text-align:center; color:#000!important;}
.roweight .feature-box i{
color:#fff;
    font-size: 54px;
    text-align: center;
background-color:#fcd400;
border:10px solid #fff;
border-radius:55%;
padding-left: 14px;
    padding-right: 14px;
    padding-top: 7px;
    padding-bottom: 9px;
width:90px;
}
.roweight #column-7-0 .fb-icon {
    margin-bottom: -45px!important;
}
.roweight #column-7-1 .fb-icon {
    margin-bottom: -41px!important;
}
.roweight #column-7-2 .fb-icon {
    margin-bottom: -33px!important;
}
.roweight #column-7-1 i{font-size: 50px;}
.roweight #column-7-2 i{font-size:42px;}

.rowseven h3{
    font-size: 36px;
    line-height: 36px;
    font-weight: 200;
    color: #ffffff;
}
.roweight .fb-icon{    margin-bottom: -30px;}
.roweight .fb-title{background-color:#fff;}
.roweight .fb-title h3{margin:0px; padding-top:55px;}
.roweight .fb-text{background-color:#fff;padding-top:25px; padding-bottom:30px;}
.roweight{padding-bottom:105px;}
.roweight .fb-title h3{
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
 }
.roweight .fb-title h3 span{font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
display:block;
clear:right
}




.rownine{padding-top:105px; padding-bottom:105px;}
.rownine br{display:none;}
.rowten{color:#fff; text-align:center;}
.rowten h3{font-size: 60px; display: inline-block;
    font-weight: 200;
    line-height: 1;    font-family: Catamaran, sans-serif;}
.rowten p{margin-bottom: 11px;
    font-size: 30px;
    line-height: 30px;font-weight: 500;
    margin: 0;     font-family: Catamaran, sans-serif;}
.rowten a{text-decoration:none; color:#fff;}
.roweleven{text-align:center;}
.roweleven .feature-box-holder {
    margin-top: -45px;
}
#rijid-9, #row9{margin:0; padding:0;}
.roweleven i{color:#fff;}
.roweleven .fb-icon {font-size:36px;}
.roweleven .fb-icon i{background-color:#337ab7; border: 10px solid #fff;
    border-radius: 50%;    padding: 15px;}
.rowtwelve{padding-bottom:105px;}
.rowthirteen{display:none;}
.rowthirteen div{padding:0; background-color:#000;}
.rowfourteen{padding-top:50px; padding-bottom:25px; background-color:#f2f4f7;}
.rowfourteen .adres-bedrijfsnaam{font-weight:600;}
.contact-formulier input, .contact-formulier textarea{border-left:none; border-right:none; border-top:none;}
.footer-bg{    background: #0059aa; color:#fff; text-align:center;padding-top:15px; padding-bottom:15px;}
.footer-bg a{color:#fff;}
@media (max-width:992px){
.feature-box-holder{margin-top:15px;}
}
@media (max-width:650px){
.secondrow .call-to-action h1{font-size: 38px;}
.secondrow .call-to-action .cta-tekst p{font-size:22px;}
}
@media (max-width:450px){
.secondrow .call-to-action h1{font-size: 24px;}
.secondrow .call-to-action .cta-tekst p{font-size:19px;}
}
{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}
#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}