* {
     -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
     -ms-transition: all 0.25s ease;
     -o-transition: all 0.25s ease;
     transition: all 0.25s ease;
}
body {
     font-family: 'Roboto', sans-serif;
     font-size: 16px;
     background-color:#f2f2f2;
}
strong {
     font-weight: 700;
}
.aligncenter {
     text-align: center;
}
header {
     width: 100%;
     background-color: #fff;
     z-index: 3;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .5);
     box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .5);
}
header.fixed #top {
     padding: 5px 0;
}
header.fixed #top #top_header .logo img {
     width: 250px;
}
header.fixed #menu li a {
     font-size: 13px;
     padding: 15px;
}
header.fixed #menu li ul.sub-menu {
     top: 50px;
}
header.fixed #menu .show_megamenu:hover #append_mega, header.fixed #menu li.menu-item-has-children:hover #append_bg {
     top: 92px;
}
header.fixed span.zoeken input {
     border-radius: 25px;
     padding: 7px 25px;
     max-width: 140px;
}
header #dienst_menu ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
#top {
     padding: 25px 0;
     background-color: #fff;
}
#top #top_header {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
#top #top_header .logo img#desktop_logo {
     width: 139px;
	 height: 36px;
}
#top #top_header .top_menu {
     display: flex;
     align-items: center;
}
#top #top_header .top_menu ul li {
     padding: 0 20px;
     display: inline-block;
     justify-content: center;
}
#top #top_header .top_menu ul li a {
     font-size: 15px;
     color: #999;
}
span.zoeken input {
     border: none;
     background: #f2f2f2;
     color: grey;
     border-radius: 40px;
     padding: 15px 35px;
     width: auto;
     max-width: 200px;
     outline: none;
}
#menu {
     background-color: #1178b3;
     background: #1178b3;
}
#menu nav {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
nav ul{
     margin:0;
}
#menu li.menu-item-has-children:hover #append_bg {
     visibility: visible;
     opacity: 1;
     z-index: 1;
     left: 0;
     top: 164px;
}
#menu li {
     display: inline-block;
     position: relative;
}
#menu li:first-of-type a {
     padding: 25px 25px 25px 0;
}
#menu li:hover ul.sub-menu {
     display: block;
}
#menu li:hover ul.sub-menu li {
     display: block;
}
#menu li:hover a {
     color: #f0bf00;
}
#menu li a {
     font-size: 15px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 500;
     display: inline-block;
     padding: 25px 20px;
     text-decoration: none;
}
#menu li ul.sub-menu {
     position: absolute;
     top: 75px;
     width: 100%;
     display: none;
     left: 0;
     white-space: nowrap;
     z-index: 2;
     padding: 0 0 0 30px;
}
#menu li ul.sub-menu li a {
     color: #1178b3;
     font-size: 18px;
     text-transform: none;
     padding: 10px 0;
}

#menu span.telefoonnummer a {
     font-size: 15px;
     color: #f0bf00;
     text-transform: uppercase;
     font-weight: 500;
}

#login{
     height:calc(100vh - 162px);
     background:url('../content/custom/login.jpg')no-repeat center center;
     background-size:cover;
     position:relative;
}

.login{
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     max-width: 650px;
     background-image: linear-gradient(#1178b3, #0b5078);
     left: 0;
     right: 0;
     padding:50px;
     margin: 0 auto;
}

.login h3{
     font-size:22px;
     color:#fff;
     text-transform:uppercase;
     margin:0 0 20px 0;
}

.login .form-group{
     margin:0 0 15px 0;
}

.login input[type=text],
.login input[type=password]{
     padding: 10px 15px;
     border: none;
     width: 100%;
}

.login input[type=submit]{
     background-color: #1178b3;
     border: 2px solid #1178b3;
     padding: 18px 80px;
     font-size: 14px;
     color: #fff;
     text-transform: uppercase;
     border-radius: 30px;
     cursor: pointer;
     line-height: 1;
     margin: 0 0 50px 0
}

.login input[type=submit]:hover{
     background-color:transparent;
}

.login label{
     color:#fff;
     font-size:14px;
}

.login p{
     color:#1178b3;
}

.login p a:first-of-type{
     padding:0 20px 0 0;
}

.login p a{
     color:#1178b3;
     padding:0 20px;
}


.tekst_wrap{
     padding:100px 0;
}

.tekst.wit *{
     color:#fff;
}

.tekst.wit p{
     font-size:16px;
}

.tekst p{
     font-size: 21px;
     color: #1178b3;
     font-weight: 300;
     line-height: 30px;
     margin: 0 0 30px 0;
}

.tekst p strong{
     color: #173e49;
}

.tekst p a{
     color: #f0bf00;     
     font-weight:700;
     text-decoration:underline;
}

.tekst h1 {
     font-size: 46px;
     color: #053340;
     line-height: 1.5;
     font-weight: 500;
}

.tekst h2 {
     font-size: 22px;
     color: #053340;
     line-height: 1.5;
     font-weight: 500;
}

.tekst h3 {
     color: #f0bf00;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 16px;
}

.tekst_wrap .tekst hr {
     margin: 25px 0;
     border: 2px solid #f0bf00;
     border-width: 4px;
     width: 150px;
}

.tekst_wrap.blauw{
     background-color: #1178b3;
     margin: 0 0 0 5px;
     border-bottom-left-radius: 100px;
}


.tekst_wrap.blauw .tekst *{
     color:#fff;
}

.hero{
     height:450px;
     background:url('../content/custom/login.jpg')no-repeat center center;
     background-size:cover;
     position:relative;
     display: flex;
     align-items: center;
}

.hero:after{
     content:'';
     background-color:rgba(0,0,0,.2);
     position:absolute;
     width:100%;
     height:100%;
     left:0;
     top:0;
}

.hero_titel{
     position:relative;
     z-index:1;
}

.hero_titel p {
     font-size: 23px;
     font-weight: 900;
     margin: 0 0 10px 0;
     color: #fff;
     letter-spacing: 2px;
}

.hero_titel h1 {
     font-size: 54px;
     font-weight: 900;
     color: #fff;
}

.project_gegevens{
     margin:-150px 0 0 0;
}

.project_info{
     border-top-right-radius: 100px;
     background-color: #fff;
     padding: 100px;
     box-shadow: 0 0 35px 15px rgba(152, 152, 152, 0.1);
}

.form{
     margin:-50px 0 0 0;
     padding:0 50px;
}

.form.profile {
    margin: 40px 0 0 0;
    padding: 0 50px;
}

.form input[type=text]{

}

.contact_form{
     background-color:#07344d;
     padding:25px 50px;
     border-bottom-left-radius:50px;
}

.form_titel{
     padding:25px 50px;
     border-top-right-radius:50px;      
     background-color:#f0bf00;
}

.form_titel h2{
     font-size:40px;
     color:#07334c;
     font-weight:700;
}

.contact_form input[type=text]{
     width:100%;
     padding:10px 20px;
     border:none;
     color:#1178b3;
     font-size:18px;
}
.contact_form textarea{
     width:100%;
     padding:10px 20px;
     border:none;
     color:#1178b3;
     font-size:18px;
     -webkit-transition-duration:0s;
     transition-duration:0s;
     min-height:200px;
}

.contact_form ::-webkit-input-placeholder { 
     color:#1178b3;
     font-size:18px;
}
.contact_form ::-moz-placeholder {
     color:#1178b3;
     font-size:18px;
}
.contact_form :-ms-input-placeholder {
     color:#1178b3;
     font-size:18px;
}
.contact_form :-moz-placeholder { 
     color:#1178b3;
     font-size:18px;
}
.contact_form input[type=submit]{
     background-color: #1178b3;
     padding: 12px 80px;
     border: 2px solid #1178b3;
     text-transform: uppercase;
     color: #fff;
     border-radius: 30px;
     font-size:18px;
     cursor:pointer;
}
.contact_form input[type=submit]:hover{
     background-color:transparent;
}
#footer {
     padding: 70px 0;
     background-color:#fff;
}
.footer_titel h3 {
     font-size: 18px;
     color: #07344d;
     margin: 0 0 15px 0;
}
.contactgegevens {
     columns: 3;
     column-gap: 30px;
}
.contactgegevens ul{
     list-style-type:none;
     padding:0;
}
.contactgegevens li {
     font-weight: 300;
     color: #a8a8a8;
     font-size: 14px;
     line-height: 28px;
}
.contactgegevens li a {
     font-size: inherit;
     color: inherit;
     text-decoration: none;
}

.button {
    background-color: #1178b3;
    padding: 5px 30px;
    border: 0px solid #1178b3;
    margin:5px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
}
    .button:hover {
        background-color: #07344d;
        color:#fff;
        text-decoration:none;
    }

.footer_logo {
     margin: 11px 0 0 0;
}
.footer_logo img {
     margin: 0 0 33px 0;
}
.footer_logo p {
     font-size: 14px;
     color: #a8a8a8;
}
.cta_button {
     margin: 50px 0 0 0;
}
.cta_button a {
     display: inline-block;
     padding: 13px 30px;
     background-color: #1178b3;
     border: 2px solid #1178b3;
     color: #fff;
     text-transform: uppercase;
     border-radius: 30px;
     font-size: 13px;
     text-decoration: none;
}
.cta_button a:hover {
     background-color: #fff;
     color: #1178b3;
}


@media(max-width:992px){
     #menu nav{display:none;}
     #top #top_header{justify-content:center;flex-wrap:wrap;}
     .project_info{padding:50px 30px;}
     .logo{margin: 0 0 30px 0;}     
     .hero_titel h1{font-size:40px;}
}