@charset "UTF-8";

/* NIKS AANPASSEN IN DIT BESTAND */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; background:transparent;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary
{display: block;}

audio, canvas, video {display: inline-block; *display:inline; *zoom:1;}

audio:not([controls]) {display:none; height:0;}

[hidden] {display:none;}

html {overflow-y:scroll; overflow-x:hidden; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}    
    
body {line-height: 1;}

nav ul, nav ol {list-style: none; list-style-image:none;}    
ol, ul {list-style: none;}
    
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; font-size:75%}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}    

sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

table {border-collapse: collapse; border-spacing: 0;}

a:link, a:visited, a:hover, a:active {text-decoration:none;}
a img, :link img, :visited img {border:none;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

html, button, input, select, textarea {font-family: sans-serif;}
textarea {resize:none; vertical-align:top; font-size:100%; overflow:auto;}
textarea:focus {outline:none;}
input:focus {outline:none;}
button, input, select {vertical-align: baseline; *vertical-align: middle; font-size:100%; line-height:normal; margin:0;}
legend {white-space: normal; *margin-left:-7px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer; *overflow: visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing; border-box; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}

img {-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow:hidden;}

strong, b {font-weight:bold}

tt {font-family: "Courier New", Courier, monospace}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size:16px;}
pre {white-space: pre; white-space:pre-wrap; word-wrap: break-word;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
i {font-style:italic}
u {text-decoration:underline}
strike, del {text-decoration:line-through}
ins {text-decoration:none}
center {text-align:center}
dfn {font-style:italic}
mark {background: #ff0; color: #000;}

/* EXTERNE FONTS */

/* GEHOSTE FONTS */
@font-face {
    font-family: 'ChopinScript';
    src: url('/fonts/chopinscript-webfont.eot');
    src: url('/fonts/chopinscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/chopinscript-webfont.woff') format('woff'),
         url('/fonts/chopinscript-webfont.ttf') format('truetype'),
         url('/fonts/chopinscript-webfont.svg#ChopinScript') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*=========Start Algemeen=======*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

textarea:focus,
input:focus,
select:focus,
button:focus,
option:focus {
    outline: none;
}

input[type=text],
input[type=submit],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea,
select,
option {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}


/* Cookie Melding */

.plenso_cookies {
    position: fixed;
    left: 10px;
    bottom: 10px;
    background-color: white;
    max-width: 400px;
    -webkit-box-shadow: 0px 0 45px -0 rgba(0, 29, 147, 0.15);
    -moz-box-shadow: 0px 0 45px -0 rgba(0, 29, 147, 0.15);
    box-shadow: 0px 0 45px -0 rgba(0, 29, 147, 0.15);
    display: flex;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 25px;
    transition: all .5s;
    z-index: 9999;
}

.plenso_cookies>img {
    width: 50px;
}

.plenso_cookies>div {
    color: #3e3e3e;
    padding: 25px 0px;
    line-height: 25px;
    text-align: justify;
    font-size: 16px;
}

.plenso_cookies>div a {
    color: #3e3e3e;
    text-decoration: underline;
}

.plenso_cookies>a {
    background-color: #6a6aa7;
    color: white;
    font-size: 15px;
    font-weight: 900;
    white-space: nowrap;
    padding: 13px 30px;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;
}

.plenso_cookies>a:hover {
    transform: scale(1.1);
}


/* Einde cookiemelding */


/* GDPR */

#content-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin: auto;
}

#content-container h2 {
    color: #7e7e7e;
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
    cursor: pointer;
    text-align: center;
}

#content-container h3 {
    background: #7e7e7e;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
    padding: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    margin-top: 20px;
}

#content-container h3 span {
    position: absolute;
    z-index: 1;
    background: transparent url("/images/cross_w.png") no-repeat;
    display: inline-block;
    width: 15px;
}

#content-container h4 {
    margin-left: 2em;
    font-size: 1.1em;
    font-weight: bold;
}

#content-container p {
    padding: 20px;
    line-height: 170%;
    color: #7e7e7e;
}

#content-container ul {
    margin-left: 3em;
}

#content-container table {
    width: 100%;
}

#content-container a {
    color: #7070a7;
    font-weight: 700;
}

#gdpr-wrapper {
    min-height: 100%;
    position: relative;
}

#content-container thead {
    background-color: #4C4C4C;
    color: #fff;
}

#content-container thead th {
    border: 1px solid #353535;
    padding: 10px;
}

#content-container tbody td {
    border: 1px solid #353535;
    color: #7e7e7e;
    line-height: 150%;
    padding: 5px;
}

#content-container tbody td p {
    padding: 0px;
}

#content-container ul {
    padding-left: 20px;
    line-height: 170%;
    color: #7e7e7e;
    list-style-type: disc;
}


/* EINDE GDPR */

.content {
    width: 96%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.content:after {
    display: block;
    clear: both;
    content: "";
}

.content .text {
    margin-bottom: 30px;
}

body {
    color: rgb(23, 23, 23);
    font-family: 'Roboto Condensed', sans-serif;
}

h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.6em;
    margin: 40px auto;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: rgb(24, 24, 24);
}

.text.main {
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.2em;
}

p {
    line-height: 175%;
    margin-bottom: 20px;
}

p:last-child,
.text.main p:last-child {
    margin-bottom: 0px;
}

ul {
    list-style-position: inside;
    list-style-type: disc;
    margin-bottom: 20px;
}

ul:last-child {
    margin-bottom: 0;
}

ul li {
    line-height: 175%;
    margin-bottom: 15px;
}

ul li:last-child {
    margin-bottom: 0px;
}

ol {
    list-style-position: inside;
    list-style-type: decimal;
    margin-bottom: 20px;
}

ol:last-child {
    margin-bottom: 0;
}

ol li {
    line-height: 175%;
    margin-bottom: 15px;
}

ol li:last-child {
    margin-bottom: 0px;
}

.pml p {
    margin-bottom: 20px;
}

.pml p:last-child {
    margin-bottom: 0;
}

h3 {
    color: #e8d70b;
    text-transform: uppercase;
    font-size: 1.2em;
}

.item {
    position: relative;
}

.item a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
}

.vertcent {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.imgoverlay {
    overflow: hidden;
    padding: 1px;
    border: 1px solid #231f20;
}

.imgoverlay img {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    /* Safari and Chrome */
    -moz-transition: all 0.5s ease;
    /* Firefox */
    -ms-transition: all 0.5s ease;
    /* IE 9 */
    -o-transition: all 0.5s ease;
    /* Opera */
    transition: all 0.5s ease;
}

.imgoverlay:hover img {
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -moz-transform: scale(1.1);
    /* Firefox */
    -ms-transform: scale(1.1);
    /* IE 9 */
    -o-transform: scale(1.1);
    /* Opera */
    transform: scale(1.1);
}

.footermar {
    margin-bottom: 100px;
}

#sliderwrap {
    margin-top: 123px;
}

.cnt {
    text-align: center;
}

.titlebox {
    position: relative;
    height: 100px;
}


/**Lightbox**/

#loctek-lightbox-close {
    line-height: 20px !important;
    border: 0 !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.loctek-lightbox {
    line-height: 20px !important;
    border: 0 !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


/*======einde algemeen=====*/


/*=====Start banner=====*/

.banner {
    height: 175px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    font-weight: bold;
}

.banner:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    content: "";
}

.banner .vertcent {
    z-index: 5;
}

.banner h3 {
    text-align: center;
    width: 100%;
    font-size: 1.8em;
    color: #fefefe;
    font-style: italic;
    text-transform: uppercase;
}

.banner h3 strong {
    font-size: 125%;
    color: #ffd503;
}


/*=====Einde banner=====*/


/*====Start footer====*/

.footer-items {
    text-align: justify;
    padding: 40px 0;
    line-height: 175%;
    margin: 0 auto;
}

.footer-items p {
    line-height: 175%;
    padding-left: 50px;
    position: relative;
}

.footer-items .item a {
    position: static;
    color: rgb(35, 31, 32);
}

.footer-items p img {
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-items .after,
.footer-items:before {
    display: none;
    content: "";
}

.footer-items:after {
    display: inline-block;
    width: 100%;
    content: "";
}

footer .item {
    display: inline-block;
    vertical-align: top;
}

footer .item>img {
    width: 85px;
    position: relative;
    top: -9px;
}

.made-by {
    text-align: center;
    border-top: 1px solid #d7d7d7;
    font-size: 0.8em;
    line-height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    -ms-align-items: center;
    justify-content: center;
}

.made-by a,
.made-by span {
    color: #7b7b7b;
}

.made-by span {
    margin: 0 10px;
}

.made-by i {
    animation: pulse 4s infinite;
}

@keyframes pulse {
    0% {
        color: #7b7b7b;
    }
    5% {
        color: #8e8ecb;
    }
    10% {
        color: #7b7b7b;
    }
    20% {
        color: #8e8ecb;
    }
    25% {
        color: #7b7b7b;
    }
    50% {
        color: #7b7b7b;
    }
    100% {
        color: #7b7b7b;
    }
}


/*====einde footer===*/


/*====Start header===*/

header {
    height: 125px;
    position: relative;
}

header .content {
    height: 125px;
}

header .logo img {
    width: 125px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -45px;
}

nav {
    position: absolute;
    right: 85px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Roboto Condensed';
}

nav a {
    color: #222;
    font-size: 1.1em;
    position: relative;
    margin-left: 40px;
    padding-bottom: 15px;
}

nav a img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

nav a.active img,
nav a:hover img {
    display: block;
}

.taal {
    width: 61px;
    position: absolute;
    right: 0;
    top: 33px;
    border-left: 1px solid #222;
    z-index: 1;
    background-color: white;
    z-index: 20;
    cursor: pointer;
}

.taal>div {
    height: 60px;
    display: none;
    position: relative;
    text-align: center;
    line-height: 60px;
    float: left;
    width: 61px;
    background-color: white;
}

.taal>div:first-child {
    display: block;
    float: none;
}

.taal>div:first-child:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000000 transparent transparent;
    content: "";
    position: absolute;
    right: 5px;
    top: 27.5px;
}

.taal.active {
    height: 180px;
}

.taal.active>div {
    display: block;
}

.taal a {
    color: #222;
}


/*====einde header====*/


/*=====Start home=====*/

.home-aanbod {
    width: 100%;
    margin: 0;
    padding: 0;
}

.home-aanbod.footermar {
    margin-bottom: 100px;
}

.home-aanbod .item a {
    z-index: 6;
}

.home-aanbod h1 {
    color: #fefefe;
}

.home-aanbod:after {
    display: block;
    content: "";
    clear: both;
}

.home-aanbod>* {
    width: 33.333%;
    margin: 0;
    padding: 0;
    float: left;
    cursor: pointer;
}

.home-aanbod .imgoverlay {
    padding: 0;
    border: 0;
}

.home-aanbod .tekst {
    z-index: 3;
}

.home-aanbod .imgoverlay:after {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    content: "";
}

.home-aanbod .item:hover .imgoverlay:after {
    background-color: rgba(69, 69, 102, 0.8);
}

.home-aanbod .item:hover .tekst h1 {
    color: #fefefe;
}

.home-aanbod .imgoverlay:hover img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.projectak {
    width: 100%;
    margin: 0;
    background-color: #d7d7d7;
    position: relative;
}

.projectak .tekst {
    padding: 20px 0;
}

.projectak {
    background-image: url(/images/akbackground.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.projectak .tekst {
    margin-left: 700px;
    margin-bottom: 0;
}

.projectak h2 {
    font-size: 1.3em;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #6a6aa7;
}

.line {
    margin-bottom: 20px;
}

.projectak .text {
    margin-bottom: 0;
}

.projectak ul {
    list-style-image: url(/images/purpcheck.png);
    list-style-position: inside;
    line-height: 250%;
    font-size: 1.3em;
}

.projectak ul:after {
    display: block;
    clear: both;
    content: "";
}

.projectak ul li {
    float: left;
    width: 50%;
}

.projectak ul li:last-of-type {
    width: 100%;
}


/*=====Einde home=====*/


/*====Start aanbod====*/

.two-col-grid {
    margin-top: -2%;
}

.two-col-grid:after {
    display: block;
    content: "";
    clear: both;
}

.two-col-grid>* {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-top: 2%;
}

.two-col-grid>*:nth-child(2n) {
    margin-right: 0;
}

.aanbod .imgoverlay {
    padding: 0;
    border: 0;
}

.aanbod .tekst {
    z-index: 3;
}

.aanbod .imgoverlay:after {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    content: "";
}

.aanbod .imgoverlay:hover img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.aanbod .item:hover .imgoverlay:after {
    background-color: rgba(207, 181, 49, 0.8);
}

.aanbod .item:hover .tekst h1 {
    color: #fefefe;
}

.aanbod .item a {
    z-index: 6;
}


/*====Einde aanbod====*/


/*====Start Vacatures====*/

.blocks .row:after {
    display: block;
    clear: both;
    content: "";
}

.blocks .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.blocks .row .item {
    float: left;
    width: 50%;
}

.blocks.layout2 .row .item {
    float: right;
}

.blocks .row:nth-of-type(2n) .item {
    float: right;
}

.blocks .cont {
    background-color: #dadada;
    padding: 30px;
}

.blocks .btn {
    margin-top: 20px;
}

.blocks h1 {
    font-size: 1.3em;
    text-align: left;
    margin-top: 0;
}

.blocks ul {
    list-style-image: url(/images/check.png);
    list-style-position: inside;
    line-height: 200%;
    font-size: 105%;
    padding-top: 20px;
}

.vacatures:after {
    display: block;
    clear: both;
    content: "";
}

.vacatures {
    border-right: 1px solid #b1b1b1;
}

.vacatures>* {
    width: 50%;
    float: left;
    border-top: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;
    padding: 30px;
}

.vacatures .tekst {
    height: 100px;
    overflow: hidden;
}

.vacature h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: #debc14;
    margin-bottom: 20px;
    font-size: 1.1em;
}

.vacature .linkholder {
    text-align: right;
}

.vacature a {
    display: inline-block;
    position: static;
    color: #debc14;
    text-decoration: underline;
    font-size: 1.2em;
}

.vacature a:hover {
    font-weight: bold;
}


/*=====Einde Vacatures===*/


/*====Start Blocks====*/

.blocks {
    background-color: #dadada;
}

.blocks .row:after {
    display: block;
    clear: both;
    content: "";
}

.blocks .row:first-child .cont {
    border-top: 1px solid #b6b6b6;
}

.blocks .row>* {
    width: 50%;
    float: right;
}

.blocks .row .img img {
    margin-bottom: 0;
}

.blocks .row.reverse>* {
    float: left;
}

.blocks .cont {
    padding: 45px;
}

.blocks .cont h2 {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 1.6em;
    margin-bottom: 20px;
}

.blocks .cont p {
    margin-bottom: 20px;
}

.blocks .cont p:last-child {
    margin-bottom: 0;
}

.blocks .img img {
    width: 100%;
}

.overlink {
    display: inline-block;
    line-height: 38px;
    padding: 0 0.5em;
    text-align: center;
    font-weight: 600;
    border: 1px solid #acc313;
    box-shadow: inset 0px 0 0 0 #acc313;
    color: #acc313;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 0px;
}

.overlinkholder {
    text-align: left;
}

.reverse .overlinkholder {
    text-align: right;
}


/*====Start Realisaties===*/

.topholder {
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    text-align: center;
}

.topholder select {
    border: 1px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 42px;
    margin: 0 auto;
    display: inline-block;
    padding-left: 8px;
    position: relative;
    background-image: url(/images/selbutton.png);
    background-position: calc(100% - 3px) 50%;
    background-repeat: no-repeat;
    font-size: 0.9em;
    padding-right: 32px;
    font-family: "Roboto Condensed", sans-serif;
    margin-right: 20px;
}

.topholder a {
    margin-top: 0 !important;
}

.locsearch {
    width: 340px;
    border: 1px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 42px;
    padding: 1px;
    margin: 0 auto;
    display: inline-block;
}

.locsearch input {
    border: 0;
    margin-top: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 0.9em;
    padding-left: 20px;
    border-left: 1px solid grey;
    padding-right: 20px;
    display: inline-block;
}

.locsearch label {
    color: rgb(62, 62, 62);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.9em;
    display: inline-block;
}

.acht {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.single-row-three.realisaties {
    max-width: 750px;
    margin: 20px auto 0 auto;
}

.single-row-three.realisaties a {
    line-height: 38px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    font-weight: bold;
    border: 1px solid #6c6ca5;
    box-shadow: inset 0px 0 0 0 #6c6ca5;
    color: #6c6ca5;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: uppercase;
    cursor: pointer;
}

.single-row-three.realisaties a:hover,
.single-row-three.realisaties a.active {
    color: #fefefe;
    box-shadow: inset 300px 0 0 0 #6c6ca5;
}

.four-row-grid.real {
    margin-bottom: 80px;
}

.four-row-grid.real>* {
    width: 23% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    margin-top: 2% !important;
}

.four-row-grid.real>*:after,
.four-row-grid.real2>*:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    background-color: rgb(0, 0, 0, 0.6);
}

.four-row-grid.real>*:hover:after,
.four-row-grid.real2>*:hover:after {
    display: none;
}

.four-row-grid.real>*:nth-child(4-n) {
    margin-top: 0 !important;
}

.four-row-grid.real .imgoverlay,
.four-row-grid.real2 .imgoverlay {
    padding: 0;
    border: 0;
}

.real .vertcent {
    text-align: center;
}

.real button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #6c6ca5;
    color: #fefefe;
    padding: 0.5em 0.75em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    display: none;
}

.real .realisatie:hover button {
    display: inline-block;
}

h2.nieuws {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3em;
}


/*=====Nieuws=====*/

.nieuws .row {
    margin-top: 0 !important;
    clear: none !important;
}

.four-row-grid.nieuws>*,
.single-row-four.over>* {
    width: 23% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    margin-top: 0% !important;
}

.nieuws .img {
    position: relative;
}

.nieuws .img:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.3);
    content: "";
    z-index: 1;
}

.picteller {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 54px;
    height: 54px;
    padding-top: 21.66px;
    font-size: 15px;
    text-align: center;
    background-image: url(/images/picteller.png);
    background-repeat: no-repeat;
    background-position: 0.7rem center;
    font-weight: 700;
    line-height: 1;
    font-family: "Roboto Condensed", sans-serif;
    z-index: 2;
}


/*====Einde Nieuws===*/


/*=====Einde realisaties====*/


/*====Start Over====*/

.row .img img {
    width: 100%;
    margin-bottom: 30px;
}

.row .text {
    margin-bottom: 30px;
    background-color: #e2e2e2;
    padding: 60px 30px;
}

.row h2 {
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 45px;
    font-weight: bold;
}


/*====EInde Over====*/


/*====Start contact===*/

.contactpage {
    margin-top: 60px;
}

.contact-form {
    float: left;
    width: 390px;
}

.contacteer-ons {
    float: right;
    width: 290px;
}

.location {
    float: none;
    margin-left: 430px;
    margin-right: 330px;
}

.contactheight {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 593px;
    padding-bottom: 50px;
    position: relative;
}

#dasmap {
    height: 515px;
}

.contact-form input[type="text"] {
    width: 100%;
    height: 33px;
    margin-bottom: 10px;
    padding-left: 7px;
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #2d1f1a;
}

.contact-form input[type="submit"] {
    width: 100%;
    height: 40px;
    background-color: #393939;
    border: none;
    text-transform: uppercase;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Roboto Condensed', sans-serif;
}

.contact-form input[type="submit"]:hover {
    background-color: #7070a7;
}

.contact-form select {
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #2d1f1a;
    height: 33px;
    background: #fff url('/images/bg-select.png') no-repeat right 1px center;
    padding: 0;
    margin-bottom: 10px;
    padding-left: 7px;
}

.contact-form textarea {
    height: 170px;
    width: 100%;
    padding-left: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #2d1f1a;
    padding-top: 5px;
}

.toon-groot,
.contact-us {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #393939;
    border: none;
    text-transform: uppercase;
    color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

. .toon-groot:hover,
.toon-groot.active,
.contact-us:hover {
    background-color: #7070a7 !important;
}

.toon-groot {
    width: 49%;
}

.toon-groot.bureel {
    left: 0;
}

.toon-groot.zetel {
    left: auto;
    right: 0;
}

.toon-groot:hover,
.toon-groot.active {
    background-color: #7070a7;
}

.contacteer-ons>img {
    width: 100%;
    margin-bottom: 20px;
}

.special-contact {
    margin-bottom: 30px;
}

.contact-info h4 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.contact-info h4:first-child {
    margin-bottom: 20px;
}

.contact-info p {
    position: relative;
    padding-left: 60px;
    font-size: 1em;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 0;
    line-height: 200%;
}

.contact-info p img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.contact-info p a {
    color: black;
}

.contact-us {
    margin-top: 50px;
}


/*====Einde contact===*/


/*===Start Team====*/

.team {
    padding-top: 40px;
}

.team>* {
    float: left;
    width: 25%;
}

.team .overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.team .item:hover .overlay {
    display: block;
}

.team h3 {
    font-weight: 600;
    font-size: 1.1em;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffd503;
    text-align: center;
    margin-bottom: 20px;
    line-height: 150%;
    padding: 0 5px;
}

.team h4 {
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
    text-align: center;
    line-height: 150%;
    padding: 0 5px;
}

.team img {
    width: 100%;
}


/*====Einde Team===*/


/*===Bocovan specifiek===*/

.blocks2 {
    background-color: #e5e5f5;
    color: rgb(24, 24, 24);
}

.blocks2 p {
    color: rgb(24, 24, 24);
}

.blocks2 a {
    position: static;
}

.blocks2 h1 {
    text-align: left;
    color: rgb(24, 24, 24);
    font-size: 1.5em;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 20px;
}

.blocks2 h2 {
    text-align: left;
    color: rgb(24, 24, 24);
    font-size: 1.3em;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 40px;
}

.blocks2 .row2:after {
    display: block;
    clear: both;
    content: "";
}

.blocks2 .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.blocks2 .row2 .item {
    float: right;
    width: 50%;
}

.blocks2.layout2 .row2 .item {
    float: right;
}

.blocks2 .row2:nth-of-type(2n) .item {
    float: left;
}

.blocks2 .cont {
    padding: 30px;
}

.doelgroep .row3>* {
    width: 49%;
    float: left;
}

.row3 .cont {
    padding: 30px 0;
    margin-left: 2%;
    border-top: 1px solid #c6c6c6;
    height: 300px;
}

.row3 .cont h3 {
    text-transform: none;
    color: #764b9f;
    margin-bottom: 20px;
}

.row3 .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.row3 .tkst {
    max-height: 150px;
    overflow: hidden;
}

.row3 .btnhold {
    text-align: right;
    margin-top: 20px;
}

.row3 .btnhold a {
    position: static;
    display: inline-block;
    line-height: 35px;
    padding: 0 0.85em;
    color: #8e8ecb;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    font-weight: bold;
    border: 1px solid #8e8ecb;
    box-shadow: inset 0px 0 0 0 #8e8ecb;
    color: #8e8ecb;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: uppercase;
}

.row3 .btnhold a:hover {
    color: #fefefe;
    box-shadow: inset 600px 0 0 0 #8e8ecb;
}

.btndoelgroep {
    position: absolute;
    bottom: 0;
    right: 0;
}

.btndoelgroep a {
    position: static;
    display: inline-block;
    line-height: 35px;
    padding: 0 0.85em;
    color: #8e8ecb;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    font-weight: bold;
    border: 1px solid #8e8ecb;
    box-shadow: inset 0px 0 0 0 #8e8ecb;
    color: #8e8ecb;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: uppercase;
}

.btndoelgroep a:hover {
    color: #fefefe;
    box-shadow: inset 600px 0 0 0 #8e8ecb;
}

.doel .main img {
    width: 400px;
    float: left;
}

.doel .main .cont {
    margin-left: 440px;
}

.doel .main .cont h2 {
    font-size: 1.3em;
    color: #7e7e7e;
    margin-bottom: 40px;
}

.actions.check {
    height: 50px;
    content-align: center;
    width: 100%;
    position: relative;
    padding-top: 9px;
    padding-bottom: 9px;
    z-index: 10;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}

.actions.check>img {
    float: left;
    width: 5%;
}

.actions.check>div {
    width: 90%;
    float: left;
    text-align: center;
    margin-left: 5%;
}

.actions.check button {
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1em;
}

.actions.check button {
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1em;
}

.actions.check button {
    border: 1px solid #6a6aa7;
    color: #6a6aa7;
    box-shadow: inset 0px 0 0 0 #6a6aa7;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: uppercase;
    background-color: transparent;
    position: relative;
    bottom: 8px;
}

.actions.check button:hover {
    box-shadow: inset 90px 0 0 0 #6a6aa7;
    border: 1px solid #6a6aa7;
    color: #fefefe;
}

.actions.check>a>img {
    position: absolute;
    bottom: 0px;
}

.actions.check>div>a {
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}

.actions.check .leftarr {
    left: 15px;
    bottom: 8px;
}

.actions.check .rightarr {
    right: 15px;
    bottom: 8px;
}

.actions.check .share {
    z-index: 100;
    background-color: #fff;
    display: none;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    position: absolute;
    padding: 10px;
    bottom: -100px;
    -webkit-box-shadow: 0 -1px 3px 1px #424242;
    box-shadow: 0 -1px 3px 1px #424242;
}

.actions.check .share .before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -14.5px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}

.actions.check .share img {
    margin-bottom: 10px;
}

.actions.check .sharepos {
    position: relative;
    width: 90px;
    height: 30px;
    display: inline-block;
}

.links .item {
    background-color: #6666a2;
    padding: 40px 20px;
}

.links .item:hover {
    background-color: #34345b;
}

.links h4 {
    color: #fefefe;
    margin-bottom: 20px;
    font-size: 1.3em;
    text-align: center;
}

.links p {
    margin-bottom: 0;
    color: #fefefe;
    text-align: center;
}

.aknb {
    margin: 0 auto;
    display: block;
    width: 600px;
}

.aknb input {
    width: 48%;
}

.aknb #nnaam2 {
    margin-right: 2%;
}

.aknb input[type="submit"] {
    display: block;
    margin: 20px auto;
    height: 40px;
    background-color: #393939;
    border: none;
    text-transform: uppercase;
    color: white;
    padding-left: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Roboto Condensed', sans-serif;
}

.aknb input[type="submit"]:hover {
    background-color: #7070a7;
}


/*====Einde Bocovan specifiek===*/


/*===Start offerte blok====*/

.orangeblok {
    background-color: #323232;
    height: 180px;
    width: 100%;
    position: relative;
}

.orangeblok .content {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.orangeblok h3 {
    color: #8e8ecb;
    display: inline-block;
    margin-right: 20px;
    line-height: 40px;
    font-size: 1.5em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: none;
}

.orangeblok p {
    display: inline-block;
    line-height: 40px;
    color: #fefefe;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
}

.orangeblok a {
    float: right;
    width: 175px;
    line-height: 38px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #8e8ecb;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    font-weight: bold;
    border: 1px solid #8e8ecb;
    box-shadow: inset 0px 0 0 0 #8e8ecb;
    color: #8e8ecb;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    text-transform: uppercase;
}

.orangeblok a:hover {
    line-height: 38px;
    height: 40px;
    color: #fefefe;
    border: 1px solid #8e8ecb;
    box-shadow: inset 600px 0 0 0 #8e8ecb;
}


/*====Einde offerte blok===*/


/*====Media Queries===*/

.item.fb p img {
    width: 28px;
}

@media screen and (max-width: 1600px) {
    .projectak .tekst {
        margin-left: 600px;
    }
}

@media screen and (max-width: 1450px) {
    .content.fake {
        width: 100%;
    }
}

@media screen and (max-width: 1300px) {
    .blocks .cont {
        padding: 25px;
    }
}

@media screen and (max-width: 1220px) {
    .projectak .tekst {
        margin-left: 550px;
    }
}

@media screen and (max-width: 1160px) {
    .projectak .tekst {
        margin-left: auto;
        margin-right: auto;
        width: 96%;
    }
    .projectak {
        background-image: none;
    }
    .blocks .row>* {
        width: 100%;
        float: none;
    }
    .overlinkholder {
        text-align: center;
    }
    .reverse .overlinkholder {
        text-align: center;
    }
}

@media screen and (max-width: 1130px) {
    .single-row-four>*:nth-child(1),
    .single-row-four>*:nth-child(2) {
        margin-bottom: 10px;
    }
    .single-row-four>*:nth-child(4) {
        margin-left: 4% !important;
    }
    .single-row-four>*:nth-child(3) {
        margin-left: 0 !important;
    }
    .single-row-four.over>*:nth-child(1n) {
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
    .five-col-grid .refis:nth-child(4) {
        display: none;
    }
    .five-col-grid.ref>*:nth-child(5n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 1100px) {
    .orangeblok {
        text-align: right;
        height: 200px;
        padding-bottom: 60px;
    }
    .orangeblok .content {
        top: 35%;
    }
    .orangeblok h3 {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }
    .orangeblok p {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .orangeblok a {
        float: none;
        position: absolute;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .contactheight {
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    .contacteer-ons {
        margin-right: 0;
    }
    .contacteer-ons>img {
        max-width: 390px;
    }
    .location {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1050px) {
    #menubutton {
        display: block;
        position: absolute;
        top: 50%;
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        cursor: pointer;
    }
    nav {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        background-color: white;
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        transform: translateY(0%);
        top: 0;
        padding-top: 30px;
        padding-bottom: 40px;
        z-index: 90;
    }
    nav a {
        width: 100%;
        line-height: 55px;
        padding-left: 40px;
        font-size: 1.6em;
        display: block;
        float: none;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    nav a.active img,
    nav a:hover img {
        display: none;
    }
    nav a.active,
    nav a:hover {
        background-color: #7070a7;
        color: #fefefe;
    }
}

@media screen and (max-width: 1000px) {
    .home-aanbod>* {
        width: 100%;
    }
    .four-row-grid.nieuws>*,
    .single-row-four.over>* {
        width: 48% !important;
    }
}

@media screen and (max-width: 900px) {
    .four-row-grid.real>* {
        width: 48% !important;
    }
    .blocks .row .item {
        width: 100%;
    }
    .blocks .row .img {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .footer-items {
        text-align: center;
    }
    .footer-items .item {
        width: 220px;
        margin: 20px;
    }
    .footer-items p {
        text-align: left;
    }
    .doel .main .cont {
        margin-left: 0;
    }
    .doel .main img {
        width: 100%;
        float: none;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 820px) {
    .item.fb p img {
        display: none;
        width: 22px;
    }
    .item.fb p img.dn {
        display: block;
    }
    .item.fb p {
        padding-left: 50px !important;
    }
}

@media screen and (max-width: 790px) {
    .five-col-grid .refis:nth-child(3) {
        display: none;
    }
    .five-col-grid.ref>*:nth-child(4n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 750px) {
    .single-row-four>*:nth-child(3) {
        margin-bottom: 10px;
    }
    .single-row-four>*:nth-child(4) {
        margin-left: 0 !important;
    }
    .single-row-three.realisaties a {
        float: left !important;
        max-width: 750px !important;
        margin-bottom: 20px !important;
    }
    .single-row-three.realisaties a:last-child {
        margin-bottom: 0px !important;
    }
    .single-row-three.realisaties a:hover,
    .single-row-three.realisaties a.active {
        box-shadow: inset 750px 0 0 0 #6c6ca5;
    }
}

@media screen and (max-width: 700px) {
    .team>* {
        width: 50%;
    }
    .blocks2 .row2 .item {
        width: 100%;
    }
    .blocks2 .row2 .item .btnhold {
        text-align: center !important;
    }
    .blocks2 .row2 h1 {
        margin-top: 0;
    }
    .actions.check:after {
        display: block;
        clear: both;
        content: "";
    }
    .actions.check {
        height: auto;
    }
    .actions.check button {
        display: block;
        margin: 10px auto;
    }
    .actions.check>div>a {
        display: block;
        margin: 10px auto;
    }
    .actions.check .leftarr,
    .actions.check .rightarr {
        top: 50%;
        margin-top: -17px;
    }
}

@media screen and (max-width: 640px) {
    #content-container h2 {
        font-size: 2em;
    }
    #content-container h3 {
        font-size: 1.1em;
        padding: 10px 20px;
    }
    .contactheight {
        width: 100%;
        margin-right: 0;
        min-height: 1px;
    }
    .contacteer-ons {
        margin-top: 20px;
    }
    .projectak ul li {
        width: 85%;
        margin-left: 15%;
    }
    .projectak ul {
        list-style-position: outside;
    }
    .projectak ul li:last-of-type {
        width: 80%;
    }
    .aknb {
        width: 100%;
    }
    .aknb input {
        display: block;
        width: 100%;
        margin: 10px auto;
    }
}

@media screen and (max-width: 600px) {
    #slider {
        height: 350px !important;
    }
}

@media screen and (max-width: 600px) {
    .four-row-grid.nieuws>*,
    .single-row-four.over>*:nth-child(1n) {
        width: 100% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
    }
    .row .img img {
        margin-bottom: 0;
    }
    .row .text {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .row {
        margin-bottom: 25px;
    }
    .orangeblok {
        height: auto;
        padding: 40px 0 80px 0;
    }
    .orangeblok .content {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
    .home-aanbod>* {
        width: 100%;
    }
    .two-col-grid>* {
        width: 100%;
        margin-right: 0 !important;
    }
    .blocks2 .cont {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .doelgroep .row3>* {
        width: 100%;
    }
    .row3 .cont {
        border-top: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 560px) {
    .five-col-grid>*:nth-child(1n) {
        width: 100%;
        margin-top: 35px;
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 550px) {
    .topholder select {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 450px) {
    .toon-groot {
        width: 100%;
        display: block;
        position: static;
        margin: 10px 0;
    }
    .plenso_cookies {
        right: 10px;
    }
}

@media screen and (max-width: 420px) {
    .locsearch label {
        display: none;
    }
    .locsearch {
        width: 100%;
    }
    .locsearch input {
        border-left: 0;
        float: left;
        padding-left: 10px;
    }
}

@media screen and (max-width: 400px) {
    .four-row-grid.real>* {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .vacatures>* {
        width: 100%;
    }
    .blocks2 .cont {
        padding-left: 15px;
        padding-right: 15px;
    }
    .topholder select {
        margin-right: 0;
        width: 100%;
    }
    .blocks .row .cont {
        padding-left: 10px;
        padding-right: 10px;
    }
}