@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,900');
body, h1, h2 ,h3, h4, p, li{font-family: 'Montserrat', sans-serif; color: #252525;}
p, li{    font-weight: 500;}
ul li{    line-height: 30.4px; margin-bottom:4px;}
img.img-fluid.logo {
    margin: 15px;
    padding: 15px;
    max-height: 120px;
    width: auto;
}

.rowfour span{display:none;}

.btn-default{
background: #fff;
    color: #000;
    border: none;
    padding: 20px 33px;
    font-size: 14px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.75px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    position: relative;
    z-index: 1;
border:none;
}
.btn-default:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    transition-timing-function: ease;
    z-index: -1;
}
.btn-default:hover{color:#fff;}
.btn-default:hover:after, .btn-default:focus:after {
    background: #1CC2DA;
left: 0;
}
.left{padding-left:250px;}
.right, form.contact-formulier{padding-right:250px;}

.rowzero #column-0-0{background: #fff; height: 100vh; position:fixed; padding: 30px 0 0 0;    box-shadow: 0 0 4px 0 rgba(0,0,0,0.10); }

.rowzero #column-0-0 .contact a{font-size:12px;}
.rowzero #column-0-0 h3, .rowzero #column-0-0 a, #column-5-2 a, #column-5-2 a:hover{color:#1CC2DA;}
#column-5-2 a:hover{text-decoration:underline;}
.rowzero #column-0-0 h4{color:#f00;}
.rowzero #column-0-1{display:none;}
.rowzero .contact{padding-left:15px}
.rowzero #column-0-0 h4{margin-bottom:25px;}
.rowzero .btn-danger{width:100%; left: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 1;
background: #1CC2DA;
color: #fff!important;
border: none;
padding: 20px 33px;
font-size: 14px;
border-radius: 0;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1.75px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
cursor: pointer;
z-index: 1;
color:rgb(68, 68, 68);
}

.rowzero .btn-danger:after{
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    transition-timing-function: ease;
    z-index: -1;
}

.rowzero .btn-danger:hover:after{
    left: 0;
background-color:#4c4cce; 
}


.rowone .call-to-action .call-to-action-innerlijk{background-color:rgba(0,0,0,0)!important; text-align:left;     padding: 220px 0px;}
.rowone .call-to-action .cta-title h1{line-height: 1; margin-bottom: 12px; color: #fff; text-transform:uppercase; font-size:80px; font-weight:900;}
.rowone .call-to-action .cta-tekst{text-shadow:1px 1px 1px #000;}
.rowone .call-to-action .cta-tekst span{font-size: 24px; font-weight: 500; margin-bottom: 24px; color: #fff;}
.rowone .call-to-action .cta-tekst p:nth-child(2){color:#fff; font-size: 18px; line-height: 1.4; margin-bottom: 45px;}

.rowtwo{padding-top:130px; background-color: #e9e9e9; padding-bottom:50px;}
.rowtwo h2, .rowfour h2, .rowfive h2{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: 400; font-size:26px;}
.rowtwo h3, .rowfour h3, .rowfive h3{font-size:32px;font-weight:600;margin-top:5px;}
.rowtwo p, .rowfour p, .rowfive p{line-height:30.4px;}

.rowthree{padding-bottom:130px; background-color: #e9e9e9;}

.rowfour{padding-top:130px; padding-bottom:130px; }
.rowfour #column-4-1 .btn{margin-left:250px; margin-top:30px;}


.rowfive{background-color: #e9e9e9;padding-top:130px; padding-bottom:130px;}

.rowsix{ background: #000; padding-top:60px; padding-bottom:60px; color:#fff;}
.rowsix #column-6-1, .rowseven #column-7-1{padding-left:250px;}
.rowsix #column-6-1 a{color:#fff;}
.rowsix #column-6-1 a:hover, .rowsix #column-6-1 h3, .rowseven a{color:#fff;}
.rowsix #column-6-1 h3{font-size: 18px;  margin: 0 0 40px; text-transform: uppercase;}

/* Contactformulier */
.contact-formulier .row:nth-child(1) .col-xs-12{
background-color:#222454; color:#fff; text-align:center;   padding: 20px 20px 20px 20px;
}
.contact-formulier h3{color:#fff;    font-size: 24px; margin:0px;    font-weight: 400;}
.contact-gegevens-tekst{display:none;}
.contact-formulier .row:nth-child(2){padding-top:20px;}
label{font-weight:500;}
.contact-formulier .row{background-color:#e9e9e9;}
.contact-formulier .row:nth-child(6){padding-bottom:25px;}
.contact-formulier .btn{background: #222454;border: none;
    padding: 20px 33px;
    font-size: 14px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.75px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
    position: relative;
    z-index: 1;}
.contact-formulier .btn:hover{background: #adadad;}
.contact-formulier input, .contact-formulier textarea{    padding: 17px 30px; width:100%;}



.rowseven{  color:#fff;  background: #000; text-aligen:center; padding: 25px 0;}
@media (max-width:1800px){.left{padding-left:200px;} .right, form.contact-formulier{padding-right:200px;}}

@media (max-width:1400px){
.right, form.contact-formulier { padding-right: 50px;}
.left{padding-left:50px;}
div#column-3-1 { margin-left: 35px;}
.rowsix #column-6-1, .rowseven #column-7-1 {
    padding-left: 50px;
}
.rowzero #column-0-0{height:auto; width:100%; z-index:999;padding-bottom:10px; padding-top:0px;}
.rowzero .btn-danger{width:200px; position:aboslute; right:0;position: absolute;  right: 15px;   left: auto; margin-bottom:5px;}
.rowone #column-1-0, #column-2-0, #column-3-0, #column-4-0, #column-5-0, #column-6-0, #column-7-0{display:none;}
.rowone #column-1-1{width:100%} 
#column-2-1, #column-3-1, #column-4-1, #column-5-1, #column-6-1, #column-7-1, #column-2-2, #column-3-2, #column-4-2, #column-5-2, #column-6-2, #column-7-2{width: 48%;}
}
.rowfour #column-4-1 h2, .rowfour #column-4-1 h3{display:none;}
@media (max-width:1200px){.rowfour #column-4-1 .btn{margin-left:50px;}}
.cta-title h1 span{display:none;}

@media (max-width:960px){
.cta-title h1 span{display:inline-block}
}
@media (max-width:875px){
#column-3-1, #column-3-2{width:100%;}
img.left{display:none}
div#column-3-1{margin-left:0px;}
div#column-3-1 img {margin-bottom:15px;  width: 100%;}
}
@media (max-width:700px){
.logo {
    height: 119px;
    width: auto;
}
.left {padding-left:0px!important;}
.right, form.contact-formulier {
    padding-right: 0px;
}
#column-4-2 h2, #column-4-2 h3{display:none;}
.rowone .call-to-action .cta-title h1{font-size:40px;}
#column-2-1, #column-3-1, #column-4-1, #column-5-1, #column-6-1, #column-7-1, #column-2-2, #column-3-2, #column-4-2, #column-5-2, #column-6-2, #column-7-2{width:100%;}
.rowfour #column-4-1 h2, .rowfour #column-4-1 h3{display:block;}

}
@media (max-width:540px){.btn-danger{display:none;}.rowfour #column-4-1 .btn {
    margin-left: 0px;
}}
#column-4-1 .btn-default{background: #1CC2DA!important;
    color: #fff !important}
#column-4-1 .btn-default:hover:after, #column-4-1 .btn-default:focus:after {
    background: #333;
    left: 0;
}