/*--GENERAL--*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,400italic,600italic);

body {
    background-color: #fff;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: justify;
    font-weight: 400;
}

.fa {
    font-size: 18px;
    padding-left: 7px;
    padding-right: 7px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

/*--HEADER--*/

.top-nav {
    width: 100%;
    background: #a09c99;
    margin-top: 0;
    z-index: -1;
    padding-top: 15px;
    padding-bottom: 0;
    float: none;
    height:50px;
}

.top-text-left {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    text-align: left;
    color: #fff;
}

.top-text-right {
    margin-top: -20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    margin-bottom: 20px;
    color: #fff;
}

.logo {
    width: 211px;
    height: 118px;
    margin-top: -15px;
    z-index: 999;
    position: absolute;
}

.navbar {
    position: relative;
    margin-bottom: 0px;
    border: none;
}

.navbar-static-top .nav {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding: 0px 0;
    color: #fff;
    font-weight: lighter;
}

.navbar-inverse {
    margin-top: 0;
    background-color: #ffffff;
    border-color: #fff;
    height: auto;
}

.navbar-static-top .nav > li {
    background-color: transparent;
    color: #fff;
    padding-right: 30px;
    padding-left: 30px;
}

.navbar-brand {
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-nav {
    margin: 10px 0;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #a09c99;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background: #a09c99;
}

.navbar-inverse .navbar-toggle {
    border-color: #a09c99;
}

.social-icons [class*="fa fa-"] {
    border: 2px solid #9b4723;
    border-radius: 50px;
    color: #9b4723;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: auto 6px;
    width: 50px;
    font-size: 24px;
    text-align: center;

}

.social-icons_2 [class*="fa fa-"] {
    border: 2px solid #0755be;
    background: #0755be;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: auto 6px;
    width: 50px;
    font-size: 24px;
    text-align: center;

}

.top-address {
    margin-left: 0;
    text-align: right;
    margin-top: 30px;
    width: auto;
    float:right;
}

.top-telefon {
    margin-left: 30px;
    text-align: right;
    margin-top: 30px;
    margin-right:30px;
    width: auto;
    float:right;
}

.top-facebook {
    text-align: right;
    margin-top: 30px;
    width: auto;
    float:right;
}

.blok-1, .blok-2 {
    display: inline-block;
    vertical-align: text-top;
}

.blok-2 h4, .blok p {
    line-height: 5px;
}

.blok-2 h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}

/*--Image header--*/
.top-img-0 {
    display: block;
    width: 100%;
    height: 653px;
    background-image: url(../images/home-header-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.top-img-1 {
    display: block;
    width: 100%;
    height: 459px;
    background-image: url(../images/overons-offerte-header-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.top-img-2 {
    display: block;
    width: 100%;
    height: 459px;
    background-image: url(../images/fabriek-header-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.top-img-3 {
    display: block;
    width: 100%;
    height: 459px;
    background-image: url(../images/producten-header-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.top-img-4 {
    display: block;
    width: 100%;
    height: 459px;
    background-image: url(../images/contact-header-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-title-wrapper {
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

.header-title {
    padding: 30px 60px;
    margin: 0;
    position: absolute;
    top: 585px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(192, 0, 0, 0.5);
    color: #fff;
    position: absolute;
}

.header-title h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 41px;
    font-weight: 700;
}

.header-title h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30.4px;
    font-weight: 400;
}

/*--KONTEN--*/
.blok-konten-1 {
    background-color: #f4f4f4;
    border-bottom: 1px solid rgba(161, 161, 161, 0.4);
    padding-top: 50px;
    padding-bottom: 50px;

}

.blok-konten-1b {
    padding-top: 50px;
}

.blok-konten-1 h3, .blok-konten-1b h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: 700;
}

.blok-konten-1 h5, .blok-konten-1b h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    line-height: 30px;
}

.blok-konten-1 hr, .blok-konten-1b hr {
    border: 0.5px solid rgba(161, 161, 161, 0.4);
    margin-top: 30px;
    margin-bottom: 30px;
}

.blok-konten-1 p, .blok-konten-1b p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.blok-same-high {
    min-height: 770px;
}

.bsh-img-wrapper {
    position: relative;
    width: 100%;
    height: 235px;
    overflow: hidden;
}

.bsh-img-wrapper img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bsh-img-wrapper img.portrait {
    width: 100%;
    height: auto;
}

.blok-konten-2 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.blok-konten-2 h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
}

.blok-konten-2 p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.blok-konten-2 .frame img {
    padding: 0;
}

.btn-leesmeer {
    position: absolute;
    bottom: 0px;
    width: 170px;
    padding: 15px 0px;
    background-color: #c00000;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.btn-leesmeer a {
    text-decoration: none;
    color: #fff;
}

.btn-leesmeer:hover {
    background-color: #a09c9a;
    text-decoration: none;
}

.overons-img {
    padding-top: 80px;
}

.overons-text {
    padding-bottom: 70px;
}

.btn-contact {
    margin-top: 100px;
    width: 170px;
    padding: 15px 0px;
    background-color: #c00000;
    color: #fff;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.btn-contact-ons {
    margin-top: 20px;
    width: 170px;
    padding: 15px 0px;
    background-color: #c00000;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.btn-offerte,
.btn-back {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
}

.btn-offerte {
    width: 170px;
    padding: 15px 0;
    background-color: #c00000;
    color: #fff;
}

.btn-back {
    width: 170px;
    padding: 15px 0;
    background-color: lightgrey;
    color: #FFF;
}

.btn-contact:hover, .btn-contact-ons:hover, .btn-offerte:hover {
    padding: 15px 0px;
    background-color: #a09c9a;
    text-decoration: none;
}

.btn-fabriek {
    margin-top: 30px;
}

.btn-fabriek a {
    display: inline-block;
    background-image: url('../images/btn-fabriek.png');
    background-repeat: repeat-y;
    width: 90%;
    margin: auto;
    max-width: 335px;
    min-height: 118px;
    margin-top: 20px;
    float: right;
    margin-bottom: 7px;
}

.btn-fabriek a:hover {
    background-image: url('../images/btn-fabriek-hover.png');
    background-repeat: repeat-y;
    width: 90%;
    margin: auto;
    max-width: 335px;
    min-height: 118px;
    margin-top: 20px;
    text-decoration: none;
    float: right;
    margin-bottom: 7px;
}

.btn-fabriek h5 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
}

.blok-video {
    margin-top: 50px;
}

.video h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    font-style: inherit;
}

.video p {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
}

.blok-producten {
    margin-top: 30px;
    margin-bottom: 20px;
}

.blok-producten h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.form-offerte {
    margin-top: 50px;
}

.row-offerte, .row-offerte-contact {
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-control {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    height: 40px;
    border-radius: 0;
}

.form-offerte label {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
}

.blok-contact {
    margin-top: 20px;
}

.blok-contact h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
}

.blok-contact label {
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.contact-control {
    background-color: #fff;
}

.maps {
    border-top: 5px solid #dadada;
    border-bottom: 50px solid #dadada;
}

/*--LIGHTBOX--*/
.row {

    margin-top: 30px;
    margin-bottom: 50px;
}

.row > .column img {
    padding: 0 8px;
    height: 185px;
}

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

.column {
    float: left;
    width: 25%;
    margin-top: 15px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(161, 161, 161, 0.8);
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 800px;
}

.close {
    color: #222;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 40px;
    font-weight: bold;
    opacity: 1;
}

.close:hover,
.close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.mySlides {
    display: none;
}

.cursor {
    cursor: pointer
}

.fabriek-prev,
.fabriek-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.fabriek-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.fabriek-prev:hover,
.fabriek-next:hover {
    color: #fff;
    background-color: #c00000;
    text-decoration: none;
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    background-color: #000000;
}

img.hover-shadow {
    transition: 0.3s;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.space-100 {
    height: 50px;
}

.space-100 {
    height: 50px;
}

/*--FOOTER--*/
.footer {
    display: block;
    width: 100%;
    height: 380px;
    background-image: url(../images/footer-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.footer-bottom {
    background: #c00000;
    padding-bottom: 10px;
}

.footer-bottom p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding-top: 20px;
    text-align: center;
    color: #fff;
    font-weight: lighter;
}

.footer-bottom a {
    color: #ffffff;
}

@media screen and (max-width: 1499px) {
    .top-img-0 {
        height: 600px;
    }

    .top-img-1, .top-img-2, .top-img-3, .top-img-4 {
        height: 400px;
    }

    .header-title {
        top: 555px;
        padding: 30px 60px;
    }

    .header-title h2 {
        font-size: 38px;
    }

    .header-title h4 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1200px) {
    .navbar-static-top .nav > li {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0;
    }
}

@media screen and (max-width: 1280px) {
    .top-img-0 {
        height: 500px;
    }

    .top-img-1, .top-img-2, .top-img-3, .top-img-4 {
        height: 300px;
    }

    .header-title {
        top: 500px;
        padding: 25px 50px;
    }

    .header-title h2 {
        font-size: 36px;
    }

    .header-title h4 {
        font-size: 26.4px;
    }
}

@media screen and (max-width: 1078px) {
    .navbar-static-top .nav > {
        font-size: 16px;
    }

    .navbar-static-top .nav > li {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0;
    }

    .top-img-0 {
        height: 450px;
    }

    .top-img-1, .top-img-2, .top-img-3, .top-img-4 {
        height: 250px;
    }

    .header-title {
        padding: 20px 40px;
    }

    .header-title h2 {
        font-size: 24px;
    }

    .header-title h4 {
        font-size: 18px;
    }

    .blok-konten-1 h3, .blok-konten-1b h3 {
        font-size: 32px;
    }

    .blok-konten-1 h5, .blok-konten-1b h5 {
        font-size: 20px;
    }

    .blok-konten-1 p, .blok-konten-1b p {
        font-size: 16px;
    }

    .blok-same-high {
        min-height: 680px;
    }

    .blok-konten-2 {
        padding-top: 70px;
        padding-bottom: 70px;

    }

    .blok-konten-2 h4 {
        font-size: 24px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .blok-konten-2 p {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

    .btn-leesmeer {
        width: 150px;
        padding: 12px 0px;
        font-size: 16px;

    }

    .overons-text {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .blok-producten h4 {
        font-size: 20px;
    }

    .footer {
        height: 320px;
    }
}

@media screen and (max-width: 992px) {
	
    .navbar-static-top .nav > {
        font-size: 14px;
    }

    .navbar-static-top .nav > li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .social-icons [class*="fa fa-"] {
        border: 2px solid #9b4723;
        border-radius: 40px;
        height: 40px;
        line-height: 40px;
        width: 40px;
        font-size: 20px;
    }

    .social-icons_2 [class*="fa fa-"] {
        border: 2px solid #0755be;
        border-radius: 40px;
        color: #fff;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        width: 40px;
        font-size: 20px;
        text-align: center;
    }

    .top-address {
        margin-left: -230px;
        text-align: right;
        margin-top: -90px;
        width: 100%;
    }

    .top-telefon {
        margin-left: -70px;
        text-align: right;
        margin-top: -70px;
        width: 100%;
    }

    .top-facebook {
        text-align: right;
        margin-top: -55px;
        width: 100%;
    }

    .blok-2 h4, .blok p {
        line-height: 5px;
    }

    .blok-2 h4 {
        font-size: 16px;
    }

    .blok-2 p {
        font-size: 12px;
    }

    .top-img-0 {
        height: 450px;
    }

    .top-img-1, .top-img-2, .top-img-3, .top-img-4 {
        height: 250px;
    }

    .header-title {
        top: 470px;
        padding: 20px 30px;
    }

    .header-title h2 {
        font-size: 20px;
    }

    .header-title h4 {
        font-size: 16px;
    }

    .blok-konten-1 h3, .blok-konten-1b h3 {
        font-size: 26px;
    }

    .blok-konten-1 h5, .blok-konten-1b h5 {
        font-size: 16px;
        line-height: 20px;
    }

    .blok-konten-1 p, .blok-konten-1b p {
        font-size: 14px;
    }

    .blok-same-high {
        min-height: 630px;
    }

    .blok-konten-2 {
        padding-top: 50px;
        padding-bottom: 50px;

    }

    .blok-konten-2 h4 {
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .blok-konten-1 hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .blok-konten-2 p {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    .btn-leesmeer {
        width: 130px;
        padding: 10px 0px;
        font-size: 14px;
    }

    .overons-text {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .btn-fabriek a,
    .btn-fabriek a:hover {
        width: 65%;
    }

    .form-control {
        font-size: 14px;
        height: 35px;
    }

    .form-offerte label {
        font-size: 14px;
    }

    .gallery {
        width: 100%;
    }

    .blok-contact h4 {
        font-size: 16px;
    }

    .blok-contact label {
        font-size: 14px;
    }

    .footer {
        height: 300px;
    }
}

@media screen and (max-width: 767px) {
    .mains {
        padding: 12px;
    }

    .submit a {
        display: inline-block;
    }

    .mains2 {
        padding: 12px;
    }

    .top-nav {
        margin-top: -225px;
        padding-top: 15px;
    }

    .top-text-left {
        font-size: 12px;
        font-weight: 400;
        text-align: center;
    }

    .top-text-right {
        margin-top: 5px;
        font-size: 12px;
        text-align: center;
        margin-bottom: 10px;

    }

    .logo {
        width: 180px;
        height: auto;
        margin-top: -173px;
    }

    .navbar {
        position: relative;
    }

    .navbar-nav {
        margin-top: 0px;
    }

    .navbar-static-top .nav {
        float: none;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin-bottom: 0px;
    }

    .navbar-static-top .nav > li {
        top: 0px;
        margin-right: -40px;
        margin-left: -40px;
    }

    .navbar-static-top .nav > li a {
        width: auto;
        border-bottom: 1px solid rgba(218, 218, 218, 0.3);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-inverse {
        margin-top: 225px;
        background-color: #c00000;
        border-color: #fff;
        height: 50px;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }

    .navbar-toggle {
        margin-top: 5px;
        margin-right: 0px;
    }

    .navbar-inverse {
        height: auto;
    }

    .social-icons [class*="fa fa-"] {
        border: 2px solid #9b4723;
        border-radius: 36px;
        height: 36px;
        line-height: 36px;
        width: 36px;
        font-size: 16px;
    }

    .social-icons_2 [class*="fa fa-"] {
        border: 2px solid #0755be;
        border-radius: 36px;
        color: #fff;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        width: 36px;
        font-size: 16px;
        text-align: center;

    }

    .top-address {
        margin-left: -185px;
        text-align: right;
        margin-top: -105px;
        width: 100%;
    }

    .top-telefon {
        margin-left: -65px;
        text-align: right;
        margin-top: -60px;
        width: 100%;
    }

    .top-facebook {
        text-align: right;
        margin-top: -45px;
        width: 100%;
    }

    .blok-2 h4, .blok p {
        line-height: 3px;
    }

    .blok-2 h4 {
        font-size: 12px;
    }

    .blok-2 p {
        font-size: 9px;
    }

    .top-img-0 {
        height: 300px;
    }

    .top-img-1 {
        height: 300px;
        background-position: center right;
    }

    .top-img-2, .top-img-3, .top-img-4 {
        height: 300px;
        background-position: center center;
    }

    .header-title {
        width: 300px;
        position: relative;
        top: 160px;
        padding: 10px 15px;
    }

    .header-title h2 {
        font-size: 18px;
    }

    .header-title h4 {
        font-size: 13.5px;
    }

    .blok-konten-1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .blok-konten-1 h3, .blok-konten-1b h3 {
        font-size: 20px;
    }

    .blok-konten-1 h5, .blok-konten-1b h5 {
        font-size: 16px;
    }

    .blok-konten-1 p, .blok-konten-1b p {
        font-size: 14px;
    }

    .blok-same-high {
        min-height: 600px;
        margin-bottom: 20px;
    }

    .blok-konten-2 {
        padding-top: 50px;
        padding-bottom: 50px;

    }

    .stretch {
        padding-top: 30px;
    }

    .blok-konten-2 h4 {
        font-size: 20px;
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .blok-konten-1 hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .blok-konten-2 p {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    .btn-leesmeer {
        width: 130px;
        padding: 10px 0px;
        font-size: 14px;

    }

    .overons-text {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .divide {
        border-top: 0.5px solid rgba(161, 161, 161, 0.4);;
    }

    .column {
        float: left;
        width: 50%;
        margin-bottom: 10px;
    }

    .btn-fabriek a,
    .btn-fabriek a:hover {
        width: 100%;
    }

    .video {
        margin-top: 30px;
    }

    .video h5 {
        font-size: 14px;
    }

    .video p {
        font-size: 11px;
    }

    .row {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .row-offerte-contact {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .row-ct-offerte {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .form-group {
        margin-bottom: 0px;
    }

    .blok-producten h4 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .blok-contact form {
        margin-top: 40px;
    }

    .btn-contact-ons {
        font-size: 14px;
    }

    .btn-contact, .btn-offerte {
        font-size: 14px;
    }

    .footer-bottom p {
        font-size: 12px;
        padding-top: 15px;
    }
}

@media screen and (max-width: 340px) {
    .top-address {
        margin-left: -155px;
    }

    .top-telefon {
        margin-left: -50px;
    }
}

@media screen and (max-height: 420px) {
    .header-title {
        width: 400px;
        padding: 15px 30px;
    }

    .header-title h2 {
        font-size: 24px;
    }

    .header-title h4 {
        font-size: 17px;
    }

    .stretch {
        width: 100%;
    }

    .blok-same-high {
        min-height: 660px;
        margin-bottom: 20px;
    }

    .cols-top .top-address {
        width: 33.33333333% !important;
    }

    .cols-top .top-telefon {
        width: 33.33333333% !important;
    }

    .cols-top .top-facebook {
        width: 33.33333333% !important;
    }

}

@media screen and (min-width: 1200px)and(max-width: 1024px) {
    .navbar-static-top .nav {
        float: left;
    }
}

@media screen and (min-width: 1200px) {
	.col-sm-5 .frame1 {
		padding-top: 15%;
	}
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
	.col-sm-5 .frame1 {
		padding-top: 15%;
	}
}

@media screen and (max-width: 767px) {
    .mobile-head {
        background: #a09c99;
        padding: 15px 0 0px;
    }

    .btn-offerte {
        margin-right: 20px;
    }

    .white-top {
        background: #fff;
    }

    .cols-top .row {
        margin-bottom: 0;
        text-align: center;
    }

    .cols-top .top-address {
        margin: 0;
        width: auto;
        padding: 0 5px;
        display: inline-block;
        float: none;
    }

    .cols-top .top-telefon {
        margin: 0;
        width: auto;
        padding: 0 5px;
        display: inline-block;
        float: none;
    }

    .cols-top .top-facebook {
        margin: 0;
        width: auto;
        padding: 0 5px;
    }

    .red-top {
        background: #c00000;
    }

    .red-top .icon-bar {
        background: #fff;
    }

    .red-top .navbar-toggle {
        border-color: #a09c99;
    }

    .red-top #navbar ul li a {
        color: #fff;
        text-decoration: none;
    }

    .red-top #navbar ul li.active a {
        background: #000;
    }

    .red-top #navbar ul {
        text-align: center;
    }

    .red-top #navbar ul li {
        display: inline-block;
        width: 100%;
        list-style: none;
        border-bottom: 1px solid rgba(218, 218, 218, 0.3);
    }

    .white-top .logo {
        margin: 0;
        position: inherit;
        text-align: center;
        width: auto;
    }

    .white-top .logo a {
        display: block;
    }

    .white-top .logo img {
        display: inline-block;
    }
}

@media screen and (max-width: 1024px) {
    .navbar-static-top .nav {
        float: left;
    }

    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        margin-top: 10px;
    }
}

/*opan style*/
.frame {
    position: relative;
}

/* frame2 */
.frame2 img {
	padding: 5px;
}

.mains {
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
}

.mains2 {
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 26px;
}

.blok-producten img {
    object-fit: cover;
    height: 400px;
    width: 100%;
    outline-offset: -15px;
}

/* QUOTATION PAGE */
#step-1,
#step-2 {
    display: block;
}

.inline-block {
    display: inline-block;
}

.no-resize {
    resize: none;
}

.quotation-header {
    background-color: #eee;
    padding: 5px 20px;
    margin-bottom: 10px;
}

.quotation-item .quotation-img-wrapper {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.quotation-item .quotation-img-wrapper img {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    max-width: 70%;
    max-height: 90%;
}

.in-quotation {
    margin-right: 5px !important;
}

.quotation-message {
    height: 190px !important;
}

.quotation-banner {
    max-height: 150px;
}

.required {
    color: #c00000;
}

/* Nieuws */
.pagination-wrapper {
    width: 100%;
}
.pagination li a {
    color: #c00000;
}
.pagination li a:hover {
    background-color: #c00000;
    color: #ffffff;
}
.pagination .active span {
    background-color: #c00000 !important;
    border-color: #c00000;
}
.pagination li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.nieuwsPaginaIntro {
    font-style: italic;
}
.nieuwsHeader {
    text-align: center;
}
.nieuwsItem {

}
.nieuwsTitel {

}
.nieuwsTitel a{
    color: #c00000;
}
.nieuwsIntro {
    font-style: italic;
}
.nieuwsIntro a {
    color: #c00000;
    font-size: 18px;
}
.nieuwsTekst {

}
.nieuwsAfbeelding img {
    width: 100%;
    margin-top: 20px;
    border: 15px solid #f6f8f9;
}
.nieuwsKnop{
    text-align: center;
    margin-top: 20px;
}

/* Article */
.articleTitle {
    color: #c00000;
}
.articleText h2, .articleText h3 {
    color: #00b3ee;
}
.articleText p a {
    color: #c00000;
}
.articleImg img {
    max-width: 100%;
    margin: 10px;
}
.articleImgSingle img {
    margin-top: 20px;
    margin-left: 0px;
	max-height: 600px;
}
@media screen and (min-width: 992px){
    .articleImgSingle img {
        max-width: 800px;
    }
}
/* Article modal */
.modalImg img {
    max-width: 100%;
}
.nieuws-prev, .nieuws-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}
.nieuws-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.nieuws-prev:hover, .nieuws-next:hover {
    color: #fff;
    background-color: #c00000;
    text-decoration: none;
}

/* 404 page */
.errorTitle {
    text-align: center;
}
.errorText p {
    text-align: center;
}

@media screen and (max-width: 767px){
	.btn-leesmeer{
		position:relative;
	}
}

@media screen and (min-width: 768px) {
	.btn-leesmeer{
		position:relative;
	}
	.blok-same-high > p {
	    min-height: 350px;	
	}
}

@media screen and (max-width: 400px) {
    .btn-back, .btn-offerte {
        width: 140px;
    }
}