@charset "utf-8";

* {
    box-sizing: border-box;
}

/* CSS Document */

.band .between-titel h3 {
    background-color:#e5f3ff;
}
.between-titel {
    padding:60px 0;
    position: relative;
    text-align: center;
}

.between-titel .line-hold {
    position: relative;
}
.between-titel .line-hold h3, .between-titel .line-hold h2, .between-titel .line-hold h1 {
    font-size: 2.4rem;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin:0 auto;
    position: relative;
    z-index:2;
    background-color: #fff;
    display: inline-block;
    padding:0 100px;
}
.band .between-titel h3 {
    background-color:#e5f3ff;
}
.between-titel .line-hold:after {
    display: block;
    height: 1px;
    background-color: #707070;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.small.between-titel {
    padding:30px 0;
}

.band {
    background-color: #e5f3ff;
    margin:60px 0;
    padding:60px 0;
}

/* Bevestiging */

.bevestiging_bg {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bevestiging {
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.10);
    -moz-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.10);
    box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.10);
    max-width: 700px;
    padding: 50px;
    background-color: white;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    flex-direction: column;
}

.bevestiging i {
    font-size: 2em;
    color: #363F46;
}

.bevestiging h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #363F46;
    font-size: 15px;
    margin: 10px 0;
}

.bevestiging h1 {
    font-weight: 700;
    font-size: 2em;
    text-align: center;
    color: #363F46;
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
}

.bevestiging p {
    line-height: 150%;
    color: #363F46;
    font-size: 17px;
    font-weight: 200;
    text-align: center;
}

.bevestiging a {
    cursor: pointer;
    display: inline-block;
    padding: 13px 30px;
    background-color: #363F46;
    border: 1px solid #363F46;
    font-weight: 200;
    color: white;
    margin-top: 20px;
    transition: all 1s;
}

.bevestiging a:hover {
    background-color: transparent;
    color: #363F46;
}


/* Einde Bevestiging*/


/* Cookie Melding */

.plenso_cookies {
    position: fixed;
    left: 10px;
    bottom: 10px;
    background-color: white;
    border-radius: 5px;
    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: 1000;
}

.plenso_cookies>img {
    width: 50px;
}

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

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

.plenso_cookies>a {
    background-color: #4570B4;
    color: white;
    font-size: 16px;
    font-weight: 900;
    white-space: nowrap;
    padding: 15px 30px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    transition: all .3s;
}

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


/* Einde Cookie Melding */


/* GDPR */

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

#content-container h1 {
    width: 100%;
    text-align: center;
    font-size: 3em;
    font-weight: 700;
    color: #363F46;
    margin-bottom: 20px;
    margin-top: 150px;
}

#content-container h2 {
    color: #363F46;
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 1em;
    cursor: pointer;
    padding-left: 15px;
}

#content-container h3 {
    background: #363F46;
    color: #fff;
    font-family: 'effra', 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;
    font-size: 1.2em;
}

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

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

#content-container a {
    color: #363F46;
    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 */

#slogan-banner {
    background-color: #E4E4E4;
    padding: 4rem;
}

#slogan-banner h2 {
    font-family: effra, sans-serif;
    color: #314E7A;
    text-align: center;
    font-size: 2rem;
    line-height: 2.5rem;
}

html,
body {
    height: 100%;
    min-height: 100%;
    font-size: .95em;
    line-height: 1.5em;
    font-family: effra, sans-serif;
    background-color: #ffffff;
}

.c a {
    color: #314e7a;
}

#video_pattern {
    background-image: url(/images/pattern.png);
    position: fixed;
    opacity: 0.8;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    overflow: hidden;
}

#bodysplash {
    overflow: hidden;
}

.splash {
    position: relative;
    z-index: 3;
}

#container {
    position: relative;
    min-height: 100%;
    padding-top: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.loctek-lightbox {
    border-color: #314e7a !important;
}

.onlymob {
    display: none !important;
}

header {
    background: #0A2F50;
    /*min-height: 117px;*/
    min-height: 95px;
    padding-top: 1px;
    z-index: 20;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;

}

header .cen {
    position: relative;
    background-color: #0A2F50;
}

header #logo {
    position: absolute;
    left: 0;
    z-index: 5;
    top: 0;
    height: 100%;
}

#logo img {
    float: left;
    margin-top: 16px;
    margin-right: 20px;
    height: 4rem;
}

#logo h1 {
    margin: 0 !important;
    float: right;
    color: #19293F;
    margin-left: 20px;
    margin-top: 25px!important;
    font-family: effra, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 4px;
    padding-top: 10px;
}

header #logo span {
    display: block;
    background: url(/images/lgo2.png) no-repeat center;
    max-width: 350px;
    background-size: contain;
    margin-left: 20px;
    height: 85px;
    margin-top: 15px;
}

header nav {
    float: right;
    display: inline-block;
    margin-top: 37px;
    z-index: 25;
}

header li {
    display: inline-block;
    position: relative;
    margin-left: 30px;
}

header li img {
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translateX(-50%);
    width: 40px;
    height: 15px;
    opacity: .5;
    display: none;
}

header nav a {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    
    padding-bottom: 5px;
    font-family: effra, sans-serif;
    border-bottom: 1px solid transparent;
    transition: all 150ms;
}

header li a.active {
    border-bottom: 1px solid #CB9E75;
}


header .cen {
    width: 100%;
    max-width: 1595px;
    margin: 0 auto;
    height: 100px;
}

#resmenu {
    width: 35px;
    display: none;
    position: absolute;
    top: 35px;
    right: 20px;
    cursor: pointer;
    z-index: 60;
}

.overlay-menu {
    position: fixed;
    left: 0;
    right: 0;
    right: 0;
    overflow: hidden;
    bottom: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
}

footer {
    width: 100%;
}

footer address {
    padding: 1px 0;
    background: #0A2F50;
    text-align: center;
    color: #B3B3B3;
    font-family: effra, sans-serif;
    font-size: 1.15em;
    letter-spacing: 1px;
}

footer address a {
    color: #B3B3B3;
}

footer address h2 {
    color: #fff;
    margin-bottom: 0;
}

footer address img {
    width: 100px;
}

.socialbtns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

footer address .socialbtn {
    width: 50px;
    height: 50px;
    background-color: #19293F;
    border: 2px solid #19293F;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    margin: 0 10px;
    color: white;
    font-size: 19px;
}

footer address .socialbtn:hover {
    background-color: transparent;
}

#siteby {
    display: block;
    margin-top: 30px;
    font-family: effra, sans-serif;
    font-size: .65em;
    line-height: 30px;
    background-color: #19293f;
}

#siteby a {
    opacity: 0.3;
}

.disclaimer {
    background-color: #0A2F50;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    flex-direction: column;
    padding: 15px 0;
    position: relative;
    margin-bottom: 0;
    font-family: effra, sans-serif;
    font-size: .65em;
}

.disclaimer div {
    display: flex;
    flex-direction: row;
}

.disclaimer div:first-of-type {
    font-size: 1.2em;
    font-weight: lighter;
}

.disclaimer p {
    color: #fff;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.disclaimer a {
    color: #5a708f;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.disclaimer div:last-of-type {
    font-size: 1em !important;
    justify-content: flex-end;
    align-items: flex-end;
    font-weight: lighter;
}

.disclaimer div:last-of-type p {
    font-size: 1em !important;
    ;
}

.disclaimer span {
    color: #5a708f !important;
}

.disclaimer div:last-of-type p,
.disclaimer div:last-of-type a,
.disclaimer div:last-of-type span {
    color: #5a708f;
}

.disclaimer a:last-of-type i.show {
    display: inline;
}

.disclaimer a:last-of-type i.hidden {
    display: none;
    color: #8bcf97;
}

.disclaimer a:last-of-type:hover i.show {
    display: none;
}

.disclaimer a:last-of-type:hover i.hidden {
    display: inline;
}

#aks {
    color: #6a6a6a;
    padding: 40px 20px;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#aks article {
    text-align: center;
}

#aks article img {
    margin: 15px 4px auto 4px;
}

#aks .c,
#aks ul {
    text-align: justify;
}

#aks q {
    font-style: italic;
    display: inline;
}

#aks strong {
    font-style: italic;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

#aks .c p:first-child {
    margin-top: 0;
}

#aks .troeven span {
    display: block;
    width: 0;
    height: 0;
    float: left;
    margin-right: 12px;
    margin-top: 7px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
}

#aks .troeven li {
    border-bottom: 1px solid #cfcfcf;
    display: block;
    padding: 5px 0;
    font-size: .9em;
}

#aks h2 {
    margin-top: 10px;
    text-align: left;
    color: #314e7a;
    font-family: effra, sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 900;
    margin-bottom: 15px;
}

#aks article {
    width: 29.33%;
}

#mapbutton {
    background-color: #203351;
    border: 0 none;
    color: white;
    margin: 50px auto;
    cursor: pointer;
    display: inline-block;
    font-family: effra, sans-serif;
    font-size: 1.2em;
    padding: 20px 25px;
    text-transform: uppercase;
    transition: all .3s;
    font-weight: 900;
}

#mapbutton:hover {
    background-color: #4a6793;
}

.i50 {
    width: 48.5% !important;
}

.i50fr {
    float: right !important;
    width: 48.5% !important;
    margin: 0 !important;
}


input[type="radio"] {
    margin-left: 15px;
}

#aks .quote {
    color: #314e7a;
    font-size: 1.3em;
    font-family: effra, sans-serif;
}

#aks article:first-child {
    margin-left: 0;
}

#overons h2 {
    margin-top: 55px;
}

#slogan {
    height: 228px;
    background-color: #203351;
    /*background-image: url(/images/overlay2.png);*/
    font-size: 1.5em;
    color: #fff;
    font-family: effra, sans-serif;
    display: table;
    width: 100%;
    line-height: 1.7em;
}

#slogan div {
    display: table-cell;
    height: 228px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#slogan p,
#slogan h2 {
    max-width: 805px;
    margin: 0 auto;
    width: 95%;
    /*font-weight: bold;*/
}

#slogan p {
    line-height: 1.25em;
}

#slogan h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

#slider article {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 550px;
    text-align: center;
    width: 100%;
}

#slider h2 {
    font-family: effra, sans-serif;
    font-size: 5.2em;
    margin-top: 205px;
    margin-bottom: 90px;
}

#slider article a {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-size: 1.8em;
    border: 2px solid #fff;
}

#slider .loctek-slider-controls {
    bottom: -30px;
}

#slider {
    overflow: inherit;
}

#slider .loctek-slider-controls li {
    border: 0;
    background-image: none;
    background-color: #4C4C4C;
    margin: 0 5px;
}

#slider .loctek-slider-controls li.active {
    background-color: #4570B5;
    width: 16px;
    height: 16px;
}

#overons {
    background-color: #EDF7F8;
    margin-top: 40px;
    padding: 35px 10px;
    text-align: center;
    color: #433e3e;
}

#overons h2 {
    font-size: 3em;
    font-family: effra, sans-serif;
}

#overons .c {
    margin: 35px auto;
    max-width: 805px;
}

#leesmeer {
    background-color: #314e7a;
    font-family: effra, sans-serif;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    display: inline-block;
    cursor: pointer;
}

#homeaks {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: white;
    text-align: center;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}

#homeaks article {
    box-sizing: border-box;
    display: inline-block;
    width: 23%;
    margin: 1%;
    color: #fff;
    background-color: white;
    border: #ebebeb 2px solid;
}

#homeaks article img {
    width: 100%;
}

#homeaks a:first-child article {
    margin-left: 0;
}

#homeaks h2 {
    padding: 16px 10px;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    text-transform: uppercase;
    font-family: effra, sans-serif;
    font-size: 1.2em;
    color: #203351;
    font-weight: 700;
}

#homeaks p {
    height: 90px;
    margin: 20px;
}

#homeaks span {
    box-sizing: border-box;
    display: inline-block;
    background-color: #203351;
    padding: 16px 25px;
    text-transform: uppercase;
    font-family: effra, sans-serif;
    font-size: 1.2em;
    width: 100%;
    font-weight: 900;
    /*border-top: 2px solid white;*/
    color: white;
    transition: all.3s;
}

#homeaks span:hover {
    background-color: #314e7a;
}

#home_slider {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#home_slider article img {
    width: 100%;
}

#home_slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 10px;
}

#home_slider .slick-arrow {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .6);
    width: 40px;
    height: 40px;
    border-radius: 200px;
    border: none;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    z-index: 1;
}

#home_slider .slick-next {
    right: 10px;
    left: initial;
}

#home_slider .slick-dots li button {
    display: none;
}

#home_slider .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 500px;
    border: #4570B4 2px solid;
    margin: 0 3px;
}

#home_slider .slick-dots li.slick-active {
    background-color: #4570B4;
}


#actueel {
    text-align: center;
}

#actueel img {
    width: 100%;
}

#actueel article {
    max-width: 571px;
    width: 44%;
    margin: 25px 2%;
    display: inline-block;
    text-align: left;
    background-color: #393333;
}

#actueel article h2 {
    font-size: 1.7em;
    border-bottom: 1px solid #8C8E8D;
    font-family: effra, sans-serif;
    min-height: 45px;
    margin: 12px 35px;
    line-height: 1.6em;
}

#actueel article .c {
    margin: 0 35px;
    height: 220px;
    padding-bottom: 30px;
}

#actueel article h2 .title {
    width: 85%;
    height: 50px;
    display: inline-block;
}

#actueel article h2 .date {
    line-height: .85em;
    text-align: center;
    font-size: .65em;
    float: right;
    display: block;
    padding-top: 6px;
    width: 40px;
    height: 34px;
    background-color: #314e7a;
    border-radius: 25px;
    -webkit-border-radius: 25px;
}

#actueel article h2 span i {
    font-size: .8em;
    font-style: normal;
}

#realisaties {
    text-align: center;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5rem;
}

#realisaties article .img {
    height: 234px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#realisaties article {
    float: left;
    text-align: center;
    /*min-height: 400px;*/
    width: 23%;
    box-sizing: border-box;
    margin: 15px 1%;
    display: inline-block;
    background-color: white;
    border: 2px solid #ebebeb;
    position: relative;
}

#realisaties article.big {
    width: 48%;
}

#realisaties article h2 {
    font-size: 1.3em;
    font-family: effra, sans-serif;
    padding: 20px 15px;
    color: #314E7A;
    min-height: 60px;
    font-weight: 700;
    line-height: 1.2em;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#realisaties article .c {
    margin: 0 35px;
    height: 120px;
}

#realisaties article .btn {
    background-color: #314e7a;
    display: inline-block;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-family: effra, sans-serif;
    font-weight: 700;
    cursor: pointer;
    /*position: absolute;*/
    bottom: 0;
    /*border-top: 2px solid white;*/
    left: 0;
    color: #ffffff;
    transition: all .3s;
}

#realisaties article .btn:hover {
    background-color: #4a658e;
}

#realisaties article .btn.disabled {
    background-color: #8493A8;
    cursor: default;
}

.centertext {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
}

#kijkwoning {
    background-color: #E4E4E4;
    margin-top: 50px;
}

#kijkwoning .center {
    max-width: 1240px;
    width: 95%;
}

#kijkwoning img {
    width: 100%;
}

#kijkwoning article {
    float: left;
    max-width: 400px;
    width: 32%;
    margin: 56px 0 56px 24px;
    display: inline-block;
    text-align: left;
    background-color: #393333;
}

#kijkwoning article:first-child {
    margin-left: 0;
}

#kijkwoning article h2 {
    font-size: 1.7em;
    border-bottom: 1px solid #8C8E8D;
    font-family: effra, sans-serif;
    height: 45px;
    margin: 12px 35px;
    line-height: 1.6em;
}

#kijkwoning article .c {
    margin: 0 35px;
    height: 220px;
    padding-bottom: 30px;
}

.errors li {
    color: #314e7a;
    margin-left: 25px;
    list-style-type: disc;
    margin-bottom: 7px;
}

#mymap {
    height: 100%;
    width: 100%;
}

#contact {
    padding-top: 1px;
    background-color: #E4E4E4;
    padding-bottom: 55px;
    color: #6a6a6a;
}

#line {
    margin-top: 1px;
    height: 1px;
    background-color: #F7F7F7;
    margin-bottom: 55px;
}

#contact h2 {
    font-family: effra, sans-serif;
    font-size: 1.5em;
    margin: 0 auto 30px 0;
    color: #3F3F3F;
    text-transform: uppercase;
}

#contact aside {
    line-height: 1.7em;
    display: inline-block;
    float: left;
}

#contact h3 {
    font-family: effra, sans-serif;
    font-size: 1.3em;
    margin-bottom: 12px;
    color: #3F3F3F;
    margin-top: 16px;
}

#contact h3:first-child {
    margin-top: 0;
}

#contact form {
    margin-left: 20%;
}

#contact form h2,
#contact form .fl {
    margin-left: 1.3%;
}

#contact input[type="text"],
#contact textarea {
    border: none;
    float: left;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-left: 1.3%;
    width: 98.7%;
}

#contact input[type="text"] {
    width: 32%;
}

#contact input[type="submit"] {
    border: 0;
    margin-left: 1.3%;
    padding: 20px 25px;
    text-transform: uppercase;
    font-family: effra, sans-serif;
    font-size: 1.2em;
    font-weight: 900;
    float: left;
    background-color: #203351;
    color: #fff;
    transition: all .3s;
}

#contact input[type="submit"]:hover {
    background-color: #53709d;
}


#contact .center {
    max-width: 1250px;
    width: 95%;
}

.splash {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -220px;
}

#splash {
    display: inline-block;
    font-size: 1.2em;
}

#splash div {
    display: inline-block;
    width: 380px;
    padding-left: 60px;
}

#splash div:first-child {
    padding-left: 0;
    padding-right: 60px;
}

#splash .line {
    display: inline-block;
    width: 1px;
    height: 195px;
    background-color: #fff;
    margin-top: 30px;
}

#splash a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 1.4em;
    border: 2px solid #fff;
    padding: 5px;
}

#splash p {
    margin: 60px auto 45px auto;
    height: 145px;
    overflow: hidden;
}

.icofb {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-image: url(../images/icofb.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s;
}

.icofb:hover {
    background-image: url(../images/icofb2.png);
}


/* grijze ak */

.grijze_ak {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 100px;
  padding-bottom: 10px;
  position: relative;
  background-color: #EFEFEF;
}

.grijze_ak>h2 {
  position: absolute;
  top: 0;
  left: 49%;
  transform: translate(-50%, -50%);
  max-width: 1070px;
  width: 100%;
  font-size: 180px;
  font-weight: 700;
  font-family: 'Nanum Myeongjo', serif;
  color: #e0dee0;
  letter-spacing: 1px;
}

.aks {
  width: 100%;
  max-width: 1100px;
  padding: 20px;
  position: relative;
  padding-bottom: 20px;
  transform: translateY(-50px);
}


.aks section {
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.aks section a {
    position: relative;
    width: 49%;
    padding-bottom: 49%;
    margin-bottom: 2%;
    border: none;
    overflow: hidden;
}

.aks section img,
.aks section video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    border: none !important;
}

.aks .slick-arrow {
  position: absolute;
  left: 47%;
  bottom: 5px;
  background-color: transparent;
  border-radius: 40px;
  width: 35px;
  height: 35px;
  border: none;
  color: #394056;
  z-index: 2;
}

.aks .slick-next {
  left: 50%;
}

.aks .slick-dots {
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 30px;
  width: 50%;
  margin-left: 50%;
}

.aks .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 200px;
  border: 2px solid #394056;
  background-color: transparent;
  margin: 0 5px;
  cursor: pointer;
}

.aks .slick-dots li button {
  display: none;
}

.aks .slick-dots .slick-active {
  background-color: #394056;
}

.grijze_ak_content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

.grijze_ak_content>div {
  width: 45%;
  margin-top: 50px;
}

.grijze_ak_content img {
  width: 50%;
  border: 1px solid #afafaf;
}

.grijze_ak_content>div h2 {
  font-size: 35px;
  color: #353535;
  margin-bottom: 30px;
}

.grijze_ak_content>div div {
  line-height: 180%;
  font-weight: 200;
  color: #4c4c4c;
  font-size: 18px;
}

.grijze_ak_content>div div ul {
    padding-left: 20px;
    list-style: disc ;
}

.grijze_ak_content>div a {
  color: #000035;
  border-bottom: #000035 1px solid;
  padding: 15px 0;
  display: inline-block;
  margin-top: 20px;
  font-size: 18px;
}

/* Home Banner */
.home_banner {
  width: 100%;
  height: 90vh;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 50px;
}


.dark_overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color:  rgba(0,0,0,.3);
}

.home_banner .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 2;
}

.home_banner .content h2 {
  color: white;
  font-weight: 700;
  text-align: center;
  font-size: 65px;
  line-height: 130%;
}

.home_banner .content h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 200;
    line-height: 150%;
    color: #fff;
}

.home_banner .content a {
  border-bottom: 1px solid white;
  padding: 15px 0;
  font-weight: 700;
  font-size: 19px;
  display: inline-block;
  color: white;
  transition: all .3s;
  margin-top: 50px;
}

.home_banner .content a:hover {
  border: 1px solid white;
}

.content {
	width: 96%;
	max-width: 1400px;
	margin:0 auto;
	position: relative;
}
.content:after {
	display: block;
	clear: both;
	content: "";
}
.content .text {
	margin-bottom: 30px;
}
.instagram_feed {   
    width: 100%;   
    max-width: 1600px;   
    margin: 0 auto;   
    display: flex;   
    justify-content: space-between;   
    -ms-align-items: center;   
    align-items: center;   
    flex-wrap: wrap;   
    padding: 25px;   
    padding-top: 30px;   
    background-color: white;   
    margin-top: 30px; 
} 

.instagram_feed .instagram_post {   
    width: 24%;
    margin: 0 .5%;
    position: relative;
    height: 350px;
    background-size: cover;
    overflow: hidden;
} 

.videoInstagram{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

.instagram_feed .instagram_post img {   
    width: 100%; 
} 

.instagram_feed .instagram_post video {   
    width: 100%;
} 

.instagram_feed .instagram_post .overlay {   
    position: absolute;   
    left: 0;   
    right: 0;   
    bottom: 0;   
    top: 0;   
    z-index: 1;   
    background-color: rgba(0,0,0,.5);   
    opacity: 0;   
    display: flex;   
    justify-content: center;   
    -ms-align-items: center;   
    align-items: center;   
    color: white;   
    font-size: 3em;   
    transition: all .3s; 
} 

.instagram_feed .instagram_post:hover .overlay {   
    opacity: 1; 
}

.insta-logo-only {
    display: none;
}

/* Einde Home Banner */

/* Producten Preview */
.producten_preview{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px 10px;
}

.producten_preview > h2 {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #252525;
  margin-bottom: 10px;
  text-align: center;
  line-height: 100%;
}

.producten_preview > h3 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  margin-bottom: 20px;
  color: #000035;
  transition: all 1s;
}

.producten_preview .producten {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.producten_preview .producten article {
  width: 31.33%;
  margin: 1%;
  position: relative;
  overflow: hidden;
}

.producten article .overlay {
  content: "";
  height: 60%;
  bottom: 0;
  z-index: 2;
  left: 0;
  right: 0;
  transition: all 2s;
  opacity: 1;
  top: auto;
  position: absolute;
  pointer-events: none;
  background-image: -webkit-linear-gradient(bottom,#19191b 0,rgba(25,25,27,0) 100%);
  background-image: linear-gradient(to top,#19191b 0,rgba(25,25,27,0) 100%);
  -webkit-transition: .2s cubic-bezier(.4,0,.2,1);
  transition: 2s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

.producten_preview .producten article:hover .overlay {
  opacity: .5;
}

.producten_preview .producten article:hover img {
  transform: scale(1.2);
}


.producten_preview .producten article img {
  width: 100%;
  position: relative;
  transition: all 2s;
  z-index: 0;
}

.producten_preview .producten article a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
}

.producten_preview .producten article h3 {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-weight: 200;
  font-size: 22px;
  z-index: 4;
  color: #fff;
  transition: all 1s;
  font-family: 'effra', sans-serif;
}

.producten_preview .producten article i {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    z-index: 1;
    font-size: 35px;
}

/* Einde Producten Preview */

/* Animaties */


.come-in {
  transform: translateY(150px);
  opacity: 0;
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 2s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0);opacity: 1; }
}

@media screen and (min-width: 800px) {

  .come-in-left {
    transform: translateX(-300px);
    opacity: 0;
    animation: come-in-left 0.8s ease forwards;
}
.come-in-left:nth-child(odd) {
    animation-duration: 2s; /* So they look staggered */
}
}

@keyframes come-in-left {
  to { transform: translateX(0);opacity: 1; }
}
@media screen and (min-width: 800px) {
  .come-in-right {
    transform: translateX(300px);
    opacity: 0;
    animation: come-in-right 0.8s ease forwards;
}
.come-in-right:nth-child(odd) {
    animation-duration: 2s; /* So they look staggered */
}
}
@keyframes come-in-right {
  to { transform: translateX(0);opacity: 1; }
}

/* Einde Animaties */

/* Realisatie Detail  */

.realisatie_detail_page {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
}

.realisatie_detail_page article {
    width: 100%;
}

.realisatie_map,
.realisatie_video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    display: none;
}

.realisatie_video>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}

.realisatie_video iframe {
    height: 100%;
    width: 65%;
}

.realisatie_video>div h2 {
    font-size: .9em;
    padding: 8px 15px;
    background-color: #EB4320;
    color: white;
    font-weight: 700;
    margin-bottom: 10px;
    border-radius: 200px;
}

.realisatie_video>div h1 {
    font-size: 2.5em;
    font-weight: 700;
    color: white;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.83);
}

.realisatie_video>div>div {
    height: 100%;
    width: 35%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 15px;
    border-right: 10px solid white;
}

#realisatie_map {
    width: 100%;
    height: 100%;
}

.realisatie_detail_content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 100px;
}

.realisatie_detail_page>img {
    width: 100%;
}

.respimage {
    display: none;
}

.realisatie_detail_content h1 {
    font-size: 2.9em;
    font-weight: 700;
    color: white;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.83);
}

.realisatie_detail_content h2 {
    font-size: .9em;
    padding: 8px 15px;
    background-color: #EB4320;
    color: white;
    font-weight: 700;
    margin-bottom: 10px;
    border-radius: 200px;
}

.realisatie_detail_content h2 i {
    margin-right: 5px;
}

.realisatie_controls {
    max-width: 1600px;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    -ms-align-items: center;
    align-items: center;
}

.realisatie_controls .control a {
    font-weight: 700;
    color: #000000;
    border-radius: 400px;
    margin: 10px 0;
    padding: 10px 25px;
    border: 2px solid #EFEFEF;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.realisatie_controls .control .active {
    color: #EB4320 !important;
}

.realisatie_controls .control a:hover {
    transform: scale(1.1);
    background-color: #0A2F50;
    border: 2px solid #0A2F50;
    color: white;
}

.realisatie_controls a i {
    margin-right: 15px;
    font-size: 1.3em;
}

.realisatie_controls .control {
    width: 100%;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}


.realisatie_controls .social a {
    font-size: 1.1em;
    color: black;
    margin: 0 10px;
    cursor: pointer;
}

.realisatie_content {
    width: 100%;
    max-width: 1600px;
    padding: 10px;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.realisatie_content>div {
    width: 100%;
}

.realisatie_content>div h1 {
    text-align: left;
    margin: 0 !important;
    text-transform: none;
    color: #19293F;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 120%;
    display: inline-block;
}

.realisatie_content aside {
    width: 450px;
    margin-left: 50px;
}

.realisatie_content aside > div {
    border: 2px solid #EFEFEF;
    padding: 20px;
    margin-bottom: 20px;
}

.realisatie_content aside > div div {
    margin-bottom: 15px;
}

.realisatie_content aside h2 {
    font-size: 20px;
    color: #19293F;
    font-weight: 700;
    margin-bottom: 10px;
}

.realisatie_content aside h3 {
    font-size: 18px;
    color:#4570B4 ;
}

.realisatie_content aside p {
    color: #252525;
    line-height: 150%;
    font-size: 18px;
    font-weight: 200;
}

.realisatie_content aside > div > a {
    font-size: 18px;
    color: #19293F;
    font-weight: 200;
    width: 100%;
    padding: 5px 0;
    display: inline-block;
}
.realisatie_content aside > div > a i {
    width: 25px;
}

.realisatie_content aside p a {
    font-weight: 400;
    color: #999999;
}


.realisatie_content .breadcrum {
    font-weight: 700;
    color: #a4a4a4;
    font-size: 14px;
    padding-bottom: 15px;
}


.realisatie_content .breadcrum span {
    margin: 0 5px;
}

.realisatie_content .breadcrum a {
    color: #a4a4a4;
}

.realisatie_tekst {
    line-height: 200%;
    font-size: 1.2em;
    color: #777777;
}

.realisatie_images {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 15px 0;
    padding-bottom: 0;
    flex-wrap: wrap;
}

.realisatie_images article {
    width: 32.33%;
    margin-bottom: 1.5%;
    position: relative;
}

.realisatie_images article div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 2em;
    color: white;
    transition: all .3s;
    opacity: 0;
    cursor: pointer;
}

.realisatie_images article:hover div {
    opacity: 1;
}

.realisatie_images article img {
    width: 100%;
}

.pswp__bg {
    background-color: white !important;
}

.pswp__top-bar,
.pswp__caption {
    background-color: white !important;
}

.pswp__top-bar *,
.pswp__caption * {
    color: white !important;
    background-color: black !important;
}

.andere_realisaties {
    width: 100%;
    padding: 80px 10px;
    margin-bottom: 50px;
    background-color: #EFEFEF;
}

.andere_realisaties>div {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.andere_realisaties>div>h2 {
    font-weight: 700;
    font-size: 1.5em;
    color: #262626;
    width: 100%;
    margin-bottom: 20px;
}

.andere_realisaties>div article {
    width: 31.83%;
    margin-right: 2%;
    position: relative;
    transition: all .3s;
}

.andere_realisaties>div article:hover {
    transform: scale(1.05);
}

.andere_realisaties>div article a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.andere_realisaties>div article img {
    width: 100%;
}

.andere_realisaties>div article:last-of-type {
    margin-right: 0;
}

.andere_realisaties .referentie_overzicht_content {
    background-color: white;
}

.social {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0 !important;
}

.social a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #EFEFEF;
    color: #0A2F50;
    margin: 0 5px;
    font-size: 20px;
    cursor: pointer;
    transition: all .3s;
}

.social a:hover {
    border: 2px solid #0A2F50;
    background-color: #0A2F50;
    color: white;   
}

.allrealisaties {
    font-weight: 700;
    color: #000000;
    border-radius: 400px;
    margin: 10px 0;
    padding: 10px 25px;
    border: 2px solid #EFEFEF;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.allrealisaties:hover {
    transform: scale(1.1);
    background-color: #0A2F50;
    border: 2px solid #0A2F50;
    color: white;
}

/* Einde Realisatie Detail */


/* Team  */

.team {
    width: 100%;
    max-width: 1600px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 30px;
}

.team > h2 {
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #19293F;
    margin-bottom: 10px;
    font-weight: 700;
}

.team article {
    width: 23%;
    margin: 1%;
    position: relative;
}

.team article img {
    width: 100%;
    transition: all 1s;
}

.team article img.afb2 {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.team article h2 {
    text-align: left;
    width: 100%;
    z-index: 2;
    padding: 5px 10px;
    font-size: 25px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 40px;
    font-weight: 700;
}

.team article h3 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 2;
    padding: 5px 10px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 200;
    color: #fff;
}

.team article .overlay {
  content: "";
  height: 60%;
  bottom: 0;
  z-index: 2;
  left: 0;
  right: 0;
  transition: all 1s;
  opacity: 1;
  top: auto;
  position: absolute;
  pointer-events: none;
  background-image: -webkit-linear-gradient(bottom,#19191b 0,rgba(25,25,27,0) 100%);
  background-image: linear-gradient(to top,#19191b 0,rgba(25,25,27,0) 100%);
  -webkit-transition: .2s cubic-bezier(.4,0,.2,1);
  transition: 2s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

.team article:hover .afb1 {
    opacity: 0;
}

.team article:hover .afb2 {
    opacity: 1;
}

.team article:hover .overlay {
    opacity: 0;
}


/* Einde Team */

/* Contact Pagina */

.contact_pagina * {
    box-sizing: border-box;
}

.contact_pagina {
    width: 100%;
    max-width: 1600px;
    display: flex;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 80px 0 0 0;
    box-sizing: border-box;
    margin-bottom: 35px;
}

.contact_info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #F4F4F4;
    padding: 80px 80px;
    margin-top: 20px;
    width: 100%;
}

.contact_info p {
    font-size: 20px;
    font-weight: 200;
    color: #252525;
}

.contact_gegevens {
    width: 30%;
}

.ccgeg {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    position: relative;
}

.ccgeg > img {
    width: 200px;
    margin-left: 20px;
    z-index: 1;
    position: relative;
}

.contact_gegevens .contacttitle {
    width: calc(100% - 220px);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
}

.contact_gegevens h1 {
    font-weight: 700;
    color: #19293F;
    margin-bottom: 20px;
    margin-top: 0 !important;
    font-size: 20px;
}

.contact_gegevens h2 {
    font-size: 18px;
    font-weight: 200;
    color: #353535;
    line-height: 170%;
}

.contact_gegevens p {
    padding-bottom: 10px;
}

.contact_split {
    display: flex;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

.contact_split h2 {
    font-weight: 700;
    color: #19293F;
    font-size: 25px;
    margin-bottom: 25px;
    line-height: 130%;
}

.contact_split div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.contact_split div p {
    padding: 10px;
    padding-left: 50px;
    position: relative;
    color: #252525;
}

.contact_split div p a {
    color: #252525;
}

.contact_split div p i {
    position: absolute;
    left: 0;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    color: #19293F;
    transform: translateY(-50%);
}

.contact_split img {
    width: 100px;
    border-radius: 200px;
    margin-right: 20px;
}

.contact_formulier {
    width: 65%;
}

.contact_formulier > h2 {
    font-size: 30px;
    color: #19293F;
    font-weight: 700;

}
.contact_formulier > h3 {
    font-size: 18px;
    font-weight: 200;
    color: #353535;
    line-height: 170%;
    margin-bottom: 20px;
}

.contact_form * {
    box-sizing: border-box;
}

.contact_form {
    display: flex;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.contact_label {
    width: 100%;
    font-size: 1.2em;
    font-weight: 200;
    color: #353535;
    display: inline-block;
    margin-bottom: 5px;
}

.contact_form input[type=text],
.contact_form input[type=email],
.contact_form select {
    border: 1px solid #EEEEEE;
    padding: 8px;
    color: #252525;
    font-size: 18px;
    font-weight: 200;
    width: 100%;
    font-family: 'effra', sans-serif;
}

.contact_form>p {
    margin-top: 20px;
    width: 100%;
}

.contact_form select {
    background-image: url(/images/select.png);
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

.contact_form input[type=text]:focus,
.contact_form input[type=email]:focus {
    border: 1px solid #000;
    font-weight: 400;
}

.contact_form textarea {
    width: 100%;
    border: none;
    border: 1px solid #EEEEEE;
    border-radius: 0px;
    padding: 8px;
    color: #252525;
    margin-bottom: 00px;
    font-weight: 200;
    font-size: 18px;
    font-family: 'effra', sans-serif;
    height: 150px;
}

.contact_form textarea:focus {
    border: 1px solid #000;
    font-weight: 400;
}

#contactbtn {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}

.contact_form input[type=submit] {
    padding: 10px 40px;
    background: transparent;
    border: 2px solid #19293F;
    font-weight: 200;
    color: #19293F;
    font-size: 16px;
    font-weight: 700;
    font-family: 'effra', serif;
    transition: all .3s;
}

.contact_form input[type=submit]:hover {
    background-color: #19293F;
    color: #fff;
}

.radiofield {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0;
}

.radiolabel {

    color: #252525;
    font-weight: 200;
    min-width: 200px;
    font-size: 18px;
}

.radioline {
    width: 100%;
    cursor: pointer;
    color: #252525;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 200;
    font-size: 18px;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-left: 10px;
}

.radioline label {
    cursor: pointer;
}

.radioline input {
    margin-right: 10px;
    margin-left: 0;
}

.contact_formulier .field {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
}

.contact_formulier .field label {
    position: absolute;
    left: 10px  ;
    top: 10px;
    font-weight: 200;
    font-size: 18px;
    color: #19293F;
    z-index: 1;
    transition: all .3s;
}

.contact_formulier .floatlabel label {
    top: 0px;
    font-size: 12px;
}

.contact_formulier .floatlabel input {
    padding-bottom: 3px;
    padding-top: 13px;
}

.contact_formulier #NaamInput {
    width: 49%;
}

.contact_formulier #EmailInput {
    width: 100%;
}

#dasmap {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    height: 497px;
    position: relative;
    z-index: 0;
    margin-bottom: 30px;
}


/* Einde Contact Pagina */

.vacaturebtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.vacaturebtn a {
    margin: 0 auto;
    display: inline-block;
    background-color: transparent;
    border-radius: 400px;
    padding: 10px 25px;
    color: #19293F;
    font-weight: 200;
    font-size: 18px;
    transition: all .3s;
    border: 2px solid #EFEFEF;
}

.vacaturebtn a:hover {
    border: 2px solid #19293F;
    background-color: #19293F;
    color: white;
}

/* =====NIEUWS PAGE===== */

.nieuwsitem>div {
    display: inline-block;
    padding: 1em;
    text-transform: uppercase;
    border: 1px solid #263D5F;
    color: #000;
    width: 100%;
    box-sizing: border-box;
    /*display: margin-top: 1.2em;*/
    text-align: center;
    margin-top: 20px;
}

.slidebutton:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    height: 100%;
    min-height: 100%;
    width: 0;
    background-color: #263D5F;
    transition: width .4s;
    -webkit-transition: width .4s;
}

.slidebutton span {
    position: relative;
    font-family: effra, sans-serif;
    z-index: 1;
    color: #263D5F;
    letter-spacing: 1px;
    width: 100%;
    transition: color .4s;
    -webkit-transition: color .4s;
}

.slidebutton:hover:after {
    width: 100%;
}

.slidebutton:hover span {
    color: #fff;
}

.slidebutton {
    position: relative;
}

.nieuwsitem>p {
    line-height: 1.5em;
}

.nieuwsitem>img {
    width: 100%;
}

.nieuwsitem>h2 {
    font-size: 25px;
    font-weight: 900;
    color: #263D5F;
    font-family: effra, sans-serif;
    margin: 1em 0;
    margin-bottom: 20px;
}

#nieuwsoverzicht {
    max-width: 1160px;
    width: 100%;
}

#nieuwsoverzicht>a {
    display: block;
    width: 31%;
    color: #000;
    margin-bottom: 4%;
    margin-right: 2.33%;
}

#nieuwsoverzicht>a:nth-child(3n) {
    margin-right: 0;
}

.nieuws {
    padding-left: 20px !important;
}

.nieuws-detail {
    max-width: 1120px;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: -200px;
    padding-bottom: 200px;
    padding-top: 20px;
}

.nieuws-detail .center {
    width: 100%;
}

.nieuws-detail h1 {
    margin-top: 20px !important;
    margin-bottom: 30px;
    text-align: center !important;
}

.vacature-placeholder {
    max-width: 1280px;
    height: 1000px;
    background-color: #c2c2c2;
    margin: 0 auto;
    display: block;
}

.text-nieuws-detail {
    margin-bottom: 50px;
}

#ficheheader {
    margin-top: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.rightarr {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/icoright.png);
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    right: -50px;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s;
}

.rightarr:hover {
    background-image: url(../images/icoright2.png);
}

.leftarr {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(../images/icoleft.png);
    height: 30px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: -50px;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s;
}

.leftarr:hover {
    background-image: url(../images/icoleft2.png);
}

.header-nieuws-detail {
    width: 100%;
    position: relative;
}

.nieuwsfichebutton {
    border: 2px solid #20344F;
    width: 110px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-left: 1em;
    height: 40px;
    line-height: 35px;
    color: #20344F;
    vertical-align: top;
    font-family: effra, sans-serif;
}

.nieuwsfichebutton:first-child {
    margin: 0;
}

.nieuwsfichebutton img {
    vertical-align: middle;
    margin-right: .3em;
}

.nieuwsfichebutton span {
    vertical-align: middle;
}


/* Page Header */


.page_header {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px 10px;
    box-sizing: border-box;
}

.page_header h1 {
    font-size: 40px;
    margin-top: 10px !important;
    font-weight: 700;
    color: #353535;
    text-transform: none !important;
    margin-bottom: 20px;
    text-align: center;
    line-height: 100%;
}

.page_header h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    color: #4570B4;
}

.page_header>div {
    font-size: 22px;
    font-weight: 200;
    color: #353535;
    text-align: center;
    line-height: 170%;
}

.page_header>div a {
    font-weight: 700;
    color: #353535;
}

.page_header>a {
    font-size: 17px;
    border-radius: 50px;
    margin-top: 20px;
    display: inline-block;
    color: #ffffff;
    padding: 15px 30px;
    background-color: #19293F;
}


/* Einde Page Header */


/*=====EINDE=====*/

.dn {
    display: none !important;
}

.raster * {
    box-sizing: border-box;
}

.raster {
    margin-top: 40px;
    max-width: 1600px;
    margin: auto;
    position: relative;
    padding-top: 45px;
    box-sizing: border-box;
}

.raster_item {
    font-family: effra, sans-serif;
    position: relative;
    min-height: 400px;
    box-sizing: border-box;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.raster_item h1 {
    text-align: left;
}

.raster_item>img {
    width: 50%;
}

.raster_item:nth-child(even)>img {
    order: 2;
}

.raster_item:nth-child(even)>div {
    order: 1;
}

.raster_item>div {
    padding: 40px;
    width: 52%;
    float: right;
    box-sizing: border-box;
}

.raster_item>div div {
    height: 2px;
    width: 80px;
    margin-bottom: 10px;
    background-color: #CB9E75;
}

.raster_item h2 {
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 900;
    color: #203351;
    font-family: effra, sans-serif;
}

.raster_item ul {
    font-size: 18px;
    line-height: 150%;
    font-weight: 200;
    color: #6a6a6a;
    padding-left: 20px;
    list-style: disc;
}

.raster_item p {
    font-size: 18px;
    line-height: 150%;
    font-weight: 200;
    color: #6a6a6a;
}

.res-title {
    text-align: right;
    float: right;
    width: 100%;
    position: relative;
    padding: 0;
    padding-right: 25px;
    padding-bottom: 20px;
    display: none;
    box-sizing: border-box;
    left: 0;
}

#ligging {
    overflow: auto;
    background-image: url(/images/cont-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.toppart h1 {
    font-family: effra, sans-serif;
    font-weight: 900;
    font-size: 1.8em;
    color: #203351;
}
.plenso_cookies{
    display:none;
}

@media all and (max-width: 1630px) {
    .contact_pagina {
        padding: 10px;
        padding-top: 50px;
    }

    header {
        padding-left: 10px;
        padding-right: 10px;
    }

    .contact_formulier {
        width: 60%;
    }

    .contact_info {
        padding-left: 15px;
    }
}

@media all and (max-width:1500px) {

}

@media all and (max-width: 1350px) {
    .contact_gegevens {
        width: 40%;
    }

    .contact_formulier {
        width: 55%;
    }

    .ccgeg {
        margin-bottom: 0;
    }

}

@media all and (max-width: 1240px) {

    #kijkwoning article {
        margin: 56px 0 56px 2%;
    }
    #socialmedia .c {
        display: none;
    }
    #socialmedia {
        text-align: left !important;
        width: 195px !important;
    }
    #aks {
        text-align: center;
    }
    #socialmedia img {
        margin: 10px 10px 0 0 !important;
    }
    #aks article {
        float: none;
        display: inline-block;
        margin-left: 20px;
        height: 205px;
        overflow: hidden;
    }
    #homeaks img {
        width: 100%;
    }
    #homeaks p,
    #homeaks span {
        display: none;
    }
    #homeaks .nl {
        display: block !important;
        height: 25px;
    }
    #homeaks h2 {
        border: 0;
    }
    #homeaks .third article {
        margin-left: 0;
    }
    #homeaks article {
        width: 45%;
        max-width: 380px;
    }

    .team article {
        width: 31.33%;
    }

    .producten_preview .producten article {
        width: 48%;
    }
}

@media all and (max-width: 1200px) {
    #nieuwsoverzicht>a {
        width: 47%;
        margin-right: 3%;
    }
    #nieuwsoverzicht>a:nth-child(3n) {
        margin-right: 3%;
    }
    #nieuwsoverzicht>a:nth-child(2n) {
        margin-right: 0;
    }

    .contact_formulier {
        width: 95%;
        margin: 0 auto;
    }

    .contact_gegevens {
        width: 100%;
    }

    .contact_split {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .contact_info {
        padding: 30px;
    }

    .ccgeg {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .ccgeg > img {
        margin-left: 0;
        order: 1;
        margin-bottom: 35px;
    }

    .contact_gegevens .contacttitle {
        width: initial;
        order: 2;
        justify-content: center;
        align-items: center;
        padding-bottom: 0;
    }
}

@media all and (max-width: 1050px) {
    .raster_item {
        flex-wrap: wrap;
        padding: 10px;
    }

    .raster_item>img {
        width: 100%;
        order: 1 !imptortant;
    }

    .raster_item>div {
        width: 100%;
        order: 2 !important;
    }

    .raster_item>div {
        padding: 0;
        padding-top: 15px;
    }

    .raster_item:nth-child(even)>img {
        order: 1;
    }

    .raster_item:nth-child(even)>div {
        order: 2;
    }
}

@media all and (max-width: 1030px) {
    .raster {
        padding-top: 0;
    }
    #socialmedia {
        display: none !important;
    }
    #logo {
        margin-left: 10px;
    }
    #slider {
        display: none;
    }
    #aks {
        padding: 40px 0 40px 0;
    }
    #realisaties article {
        width: 31%;
    }
    #realisaties article.big {
        width: 65%;
    }
}

@media all and (max-width: 830px) {
    #aks article {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 25px 0 0 0;
    }
    #bodysplash {
        overflow: visible;
    }
    #realisaties article {
        width: 48%;
    }
    #realisaties article.big {
        width: 100%;
        margin: 15px 0;
    }
    #overons {
        text-align: justify;
        background-color: transparent;
        margin: 0;
    }
    footer {
        position: static;
    }
    #content {
        padding-bottom: 20px;
    }
    #aks {
        padding-top: 0 !important;
    }
    #aks h2 {
        display: block !important;
        width: 95%;
        height: auto !important;
        margin: 25px auto;
        background: #DCE7E8;
        text-align: center;
        padding: 7px;
    }
    #aks .c,
    #aks ul,
    #aks .cent {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 97% !important;
    }
    #aks #socialmedia img {
        margin: 0 0 0 1.5% !important;
    }
    #aks article:first-child h2,
    #aks article:first-child {
        margin-top: 10px !important;
    }
    #actueel article {
        display: block;
        margin: 25px auto;
        width: auto;
    }
    #actueel article .c {
        height: auto;
    }
}

@media all and (max-width: 980px) {
    #logo h1 {
        font-size: 1em;
        margin-top: 36px!important;
        letter-spacing: 0.5rem;
    }

    .page_header>div,
    .raster_item p {
        font-size: 16px;
    }

    .raster_item h2,
    {
        font-size: 20px;
    }

    .contact_gegevens h2 {
        font-size: 25px;
    }

    .page_header h1,
    .contact_gegevens h1 {
        font-size: 25px;
    }
}

@media all and (max-width: 950px) {
    #content-container h1 {
        font-size: 2.5em;
        margin-bottom: 60px !important;
    }
    #content-container h2 {
        font-size: 1.8em;
    }
    header {
        position: fixed;
        top: 0;
        width: 100%;
    }
    #content {
        padding-top: 77px;
    }

    header #logo {

        z-index: 150;
    }

    #container nav .pir {
        display: flex !important;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        left: 50%;
        font-size: 15px;
        font-weight: 200;
        padding: 15px;
        width: 100%;
        color: #fff;
        transform: translateX(-50%);
    }

    #container nav .pir span {
        margin: 0 10px;
    }

    #container nav .pir a {
        font-size: 15px;
        padding: 0;
        font-weight: 200;
    }

    #container nav {
        padding-top: 150px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 10;
        width: 100%;
        min-height: 100vh;
        /*padding-top: 30px;*/
        top: 0;
        background-color: #0A2F50;
        margin: 0 !important;
        border-top: 2px solid white;
    }
    header nav ul li {
        margin-bottom: 1rem;
    }
    nav a {
        margin-left: 0 !important;
        padding: 4px 10px 0 10px;
        display: block !important;
        border: none;
        text-align: center;
    }
    header nav a {
        padding: 15px;
        font-size: 2rem;
        border: none;
        color: #fff;
    }
    header {}
    header #logo {
        left: -10px;
    }
    header #logo span {
        margin-left: 0;
    }
    nav li {
        display: block;
    }
    #resmenu {
        display: block;
    }

    header li {
        margin-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    nav a:hover {
        color: #CB9E75 !important;
    }
    .instagram_feed .instagram_post{
        width:48%;
    }
}

@media all and (max-width: 890px) {
    header #logo {
        float: none;
    }
    #kijkwoning {
        text-align: center;
    }
    #kijkwoning article {
        float: none;
        width: 100%;
        max-width: 500px;
    }
    #contact form {
        margin-left: 0;
    }
    #contact aside {
        display: none;
        margin-bottom: 40px;
    }
    #contact aside.dn {
        float: none;
        display: block !important;
    }
    #contact aside address:after {
        display: block;
        clear: both;
        content: "";
    }
    #contact aside address>* {
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    #contact aside address>*:nth-child(2n) {
        margin-right: 0;
    }
    #contact form {
        margin-left: -1.3%;
    }
    #splash .line {
        height: 1px;
        width: 380px;
    }
    .splash {
        position: static;
        top: 0;
        margin: 0;
    }
    #video_pattern,
    #video_background {
        display: none;
    }
    #splash div {
        margin: 40px auto;
        display: block;
        padding: 0 !important;
    }
    #container.splash {
        background: url("/images/footerbg.png");
    }

    .team article {
        width: 48%;
    }

    .grijze_ak {
        margin-top: 0 !important;
    }

    .grijze_ak_content {
        flex-wrap: wrap;
    }

    .aks section {
        width: 100%;
        margin-top: 15px;
    }

    .grijze_ak_content> img {
        width: 100%;
        margin-top: 15px;
    }

    .grijze_ak_content>div {
        width: 100%;
    }

    .aks .slick-dots {
        width: 100%;
        margin-left: 0;
    }

    .grijze_ak_content>div h2 {
        text-align: center;
    }

    .grijze_ak_content>div div ul {
        padding-left: 0;
        list-style: none;
    }

    .grijze_ak_content>div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .grijze_ak_content>div div {
        text-align: center;
    }

    .aks {
        transform: none;
    }
}

@media all and (max-width: 790px) {
    .four-row-grid > :nth-child(odd) {
        margin-right: 1% !important;
    }
	.between-titel.home-top {
		display: none;
	}
    .between-titel {
		padding:50px 0;
	}
	.between-titel .line-hold h3, .between-titel .line-hold h2 {
		font-size: 1.8rem;
		padding:0px 60px;
	}
    .four-row-grid>* {
        width: 49% !important;
    }

    .home_banner .content {
        width: 100%;
    }

    .home_banner .content article {
        width: 100%;
        padding: 10px;
    }

    .home_banner .content h2 {
        font-size: 30px;
    }

    .home_banner .content h3 {
        font-size: 23px;
    }

    .home_banner {
        height: 60vh;
        background-attachment: initial;
    }

    .realisatie_content {
        flex-wrap: wrap;
    }

    .realisatie_content aside {
        width: 100%;
        margin-left: 0;
    }
}

@media all and (max-width: 700px) {
    .radiofield {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .radioline {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .radiolabel {
        width: 100%;
        margin-bottom: 10px;
    }

    .contact_form>p {
        margin-top: 0;
    }

    .producten_preview .producten article {
        width: 98%;
    }

    .ccgeg {
        width: 100%;
        flex-wrap: wrap;
    }

    .contact_gegevens .contacttitle {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .ccgeg > img {
        width: 100%;
    }

    .contact_split div {
        width: 95%;
        padding: 20px;
        margin: 0 auto;
        margin-top: 30px;
    }
}

@media screen and (max-width: 650px) {
    #content-container h1 {
        font-size: 2.1em;
    }
    #content-container h2 {
        font-size: 1.5em;
    }
}

@media all and (max-width: 600px) {

    .PL_Wrapper {
        right: 10px;
    }
    .between-titel {
		padding:40px 0;
	}
    .between-titel .line-hold h3, .between-titel .line-hold h2 {
		font-size: 1.6rem;
		padding:0px 50px;
	}
}

@media all and (max-width: 600px) {
    #ficheheader {
        height: 350px;
    }
    #container nav {
        width: 100%;
    }
    nav ul {
        margin-left: 10px;
    }
    .band {
		margin: 15px 0;
		padding: 15px 0;
	}
    .between-titel.instagram {
		margin-bottom: 0px !important;
	}
    .small.between-titel {
		padding: 15px 0;
	}
	.between-titel.instagram {
		padding-top:0;
	}
}

@media all and (max-width: 450px) {
    .bevestiging h1 {
        font-size: 1.4em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
    .bevestiging p {
        font-size: 15px;
    }
    .bevestiging a {
        font-size: 14px;
    }
    .between-titel .line-hold h3, .between-titel .line-hold h2 {
		font-size: 1.6rem;
		padding:0px 15px;
	}
}

@media all and (max-width: 530px) {
    #nieuwsoverzicht>a {
        width: 97%;
        margin-right: 3%;
        margin-bottom: 80px;
    }
    #ficheheader {
        height: 250px;
    }
    #resmenu {
        display: block;
    }
    #overons {
        padding-top: 0
    }

    .PL_Wrapper h2 {
        font-size: 1.5em !important;
    }
    .instagram_feed .instagram_post{
        width:100%;
        margin-bottom:4%;
        height: 400px;
    }
    .PL_Buttons {
        flex-direction: column;
        width: 100%;
    }
    .PL_Buttons a:first-of-type {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .PL_Buttons a {
        width: 100%;
    }
    .i50,
    .i50fr {
        width: 100% !important;
        float: left !important;
    }


    body input[type="radio"] {
        margin-left: 0 !important
    }
    #splash .line {
        width: 95%;
    }
    #splash {
        width: 100%;
    }
    #splash div {
        width: 95%;
        max-width: 380px;
        margin: 40px auto !important;
        padding: 0 !important;
    }
    #splash div img {
        max-width: 100%;
    }
    #splash div p {
        overflow: inherit;
        height: auto;
        margin: 60px auto;
    }
    #content {
        background-color: transparent !important;
    }
    #ligging {
        display: none;
    }
    #realisaties article {
        width: 95%;
        margin: 20px auto;
        float: inherit;
        display: block;
    }
    #realisaties article .c {
        height: auto;
    }
    #kijkwoning {
        background-color: transparent;
    }
    #kijkwoning article {
        width: 100%;
        margin: 20px 0;
    }
    #kijkwoning .center {
        width: 100%;
    }
    #content {
        padding-bottom: 175px;
    }
    #slogan,
    #aks,
    footer address h2,
    #homeaks {
        display: none !important;
    }
    .onlymob {
        display: block !important;
        margin-top: 15px;
    }
    footer {
        position: absolute;
        font-size: .9em;
    }
    footer #siteby {
        clear: both;
        text-align: center;
        margin-top: 15px;
    }
    footer .nl {
        text-indent: -10000px;
        display: block;
        line-height: 1px;
    }
    footer .icomarker {
        clear: left;
    }
    footer address {
        text-align: center;
    }
    #logo {
        height: 150px !important;
        /*width: 300px;*/
    }
    #logo h1 {
        font-size: 1em !important;
        display: block;
        /*margin: 0 !important;*/
        float: left;
        /*padding-left: 10px;*/
        /*padding-top: 0;*/
    }
    #logo img {
        /*height: 50%;*/
        /*display: block;*/
    }
    footer address img {
        display: block !important;
    }
    #content {
        padding-bottom: 0;
        overflow: auto;
    }
    footer {
        position: relative;
    }
    .nieuws {
        padding-left: 10px !important;
    }

    .contact_formulier #NaamInput {
        width: 100%;
    }
}

@media all and (max-width: 400px) {
    #actueel article {
        position: relative;
    }
    #ficheheader {
        height: 100px;
    }
    #actueel article .date {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    #actueel article .c {
        text-align: justify;
    }
    #actueel article .title,
    #actueel article h2 {
        height: 90px !important
    }
}

@media screen and (max-width: 500px) {
    #content-container h1 {
        font-size: 1.8em;
    }
}

@media all and (max-width: 350px) {
    #contact aside address>*:nth-child(n) {
        float: none;
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #contact aside address>*:nth-child(2) {
        margin-bottom: 0;
    }
}

@media all and (max-width: 700px) {
    #contact input[type="text"] {
        width: 98.7% !important;
        float: left !important;
        margin: 0 0 15px 1.3% !important;
    }
}

@media screen and (max-width: 480px) {
    .disclaimer div {
        line-height: 140%;
    }
    .disclaimer span {
        display: none;
    }
    .disclaimer div:last-of-type {
        justify-content: center;
        align-items: center;
        -ms-align-items: center;
        margin-top: 0;
        line-height: 180%;
    }
    .disclaimer div:first-of-type {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    .disclaimer div:last-of-type p,
    .disclaimer div:last-of-type a {
        font-size: 1.2em!important;
    }
}