@edit ();

.align-center {
    text-align: center
}

.base-padding {
    padding: 20px 0
}

.img-responsive {
    width: 100%;
    height: auto
}

.center {
    width: auto;
    max-width: 1140px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    padding-left: 15px;
    padding-right: 15px
}

.col-4 {
    float: left;
    clear: none;
    width: 31.33333%;
    margin-left: 0;
    margin-right: 3%
}
@media(min-width:768px) {
    .intro-blocks .col-4 {
        width: 44%;
    }
}

    #wolcon-intro .intro-blocks {
        max-width: 1500px;
    }

    .col-4:last-child {
        margin-right: 0;
        float: right;
    }

    html,
    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    input,
    textarea {
        outline: none
    }

    ul li {
        list-style: none
    }

    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        font-family: Open Sans, sans-serif;
        color: #58585a
    }

    #header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 75px;
        border-bottom: 5px solid #1b75bb;
        background-color: #f8faff;
        z-index: 9999
    }

        #header .center {
            position: relative
        }

        #header .logo {
            position: absolute;
            float: left;
            left: 0;
            top: -6px
        }

    .toggle-nav {
        display: none
    }

    #primary {
        float: left;
        clear: none;
        width: 48.5%;
        margin-left: 25.75%;
        margin-right: 3%
    }

        #primary:last-child {
            margin-right: 0
        }

        #primary .primary-menu {
            overflow: hidden;
            padding: 0;
            margin: 0
        }

        #primary li {
            float: left;
            margin-right: 20px;
            margin-top: 20px
        }

            #primary li:last-child {
                margin-right: 0
            }

            #primary li a,
            .button {
                display: block;
                padding: 5px 10px;
                text-transform: uppercase;
                font-family: Open Sans, sans-serif;
                font-weight: 600;
                font-size: 14px;
                text-decoration: none;
                text-align: center;
                color: #27a9e1;
                border: 1px dashed #27a9e1;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px
            }

                #primary li a:hover,
                #primary li a.active,
                #primary li a.selected,
                #primary li .selected {
                    color: #1765a3;
                    border: 1px dashed #1765a3
                }

    @media(max-width:990px) {
        #primary li a {
            font-size: 12px
        }
    }

    span.buttonwrap {
        display: block;
        width: 100%;
        text-align: center
    }

    @media(max-width:768px) {
        span.buttonwrap {
            margin-top: 2em
        }
    }

    .button {
        display: inline-block;
        color: #fff;
        border-color: #fff;
        margin: .5em auto 1em
    }

    .phone-number {
        float: right;
        margin-top: 20px
    }

    @media(max-width:930px) {
        .phone-number {
            display: none
        }
    }

    .phone-number a {
        font-family: Lobster, cursive;
        font-size: 24px;
        text-decoration: none;
        color: #1765a3
    }

    #container {
        margin-top: 75px
    }

    .slider-wrap {
        position: relative;
        height: 100%;
        max-height: 449px;
        width: 100%
    }

        .slider-wrap #main-prev,
        .slider-wrap #main-next {
            position: absolute;
            display: block;
            cursor: pointer;
            height: 36px;
            width: 36px;
            top: 50%;
            margin-top: -15px;
            z-index: 10
        }

        .slider-wrap #main-prev {
            left: 6%;
            background: url(images/tab-small-prev.png) no-repeat
        }

        .slider-wrap #main-next {
            right: 6%;
            background: url(images/tab-small-next.png) no-repeat
        }

    @media(max-width:768px) {
        #main-slider-nav {
            display: none
        }
    }

    #slider {
        position: relative;
        border-bottom: 5px solid #1765a3;
        margin: 0;
        padding: 0
    }

        #slider .slide {
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            min-height: 454px
        }

    @media(max-width:768px) {
        #slider {
            min-height: 350px
        }
    }

    #slider .description {
        padding-left: 20px;
        margin-top: 100px;
        width: 80%
    }

    @media(max-width:768px) {
        #slider .description {
            margin-top: 50px
        }
    }

    #slider .description h3 {
        font-size: 32px;
        color: #fff;
        text-shadow: -3px 3px 2px rgba(0, 0, 0, .5)
    }

    #wolcon-intro {
        position: relative;
        margin-top: -170px;
        z-index: 20;
        *zoom: 1
    }

        #wolcon-intro:before,
        #wolcon-intro:after {
            content: "";
            display: table
        }

        #wolcon-intro:after {
            clear: both
        }

        #wolcon-intro .text {
            float: left;
            clear: none;
            width: 65.66667%;
            margin-left: 17.16667%;
            margin-right: 3%;
            margin-top: 30px;
            color: #58585a;
            font-size: 14px
        }

            #wolcon-intro .text:last-child {
                margin-right: 0
            }

            #wolcon-intro .text strong {
                color: #27a9e1
            }

    @media(max-width:768px) {
        #wolcon-intro {
            margin-top: 0
        }
    }

    .text ul,
    .wolcon-usp-list {
        margin: 0;
        padding: 0
    }

        .text ul li,
        .wolcon-usp-list li {
            list-style: none;
            color: #27a9e1;
            line-height: 18px
        }

            .text ul li:before,
            .wolcon-usp-list li:before {
                content: "-";
                margin-right: .5em
            }

    .intro-blocks {
        *zoom: 1
    }

        .intro-blocks:before,
        .intro-blocks:after {
            content: "";
            display: table
        }

        .intro-blocks:after {
            clear: both
        }

    .block {
        color: #fff;
        min-height: 350px;
    }

    @media(max-width:800px) {
        .block {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto
        }

            .block:first-child {
                margin-left: auto
            }

            .block:last-child {
                margin-right: auto
            }
    }

    @media(max-width:768px) {
        .block {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px
        }

            .block:first-child {
                margin-left: auto
            }

            .block:last-child {
                margin-right: auto
            }
    }

    .testimonials {
        padding-top: 25px;
        background-color: #1765a3;
        font-family: Lobster, cursive;
        font-size: 30px;
        text-align: center;
        color: #fff
    }

        .testimonials .quote:before,
        .testimonials .quote:after {
            content: ' " '
        }

    .meer-info {
        background-color: #27a9e1;
        padding: 15px 20px
    }

        .meer-info header span {
            padding-left: 25px;
            color: #1765a3;
            font-weight: 800;
            font-size: 14px
        }

        .meer-info h3 {
            display: block;
            margin: 0 0 .2em 0;
            font-family: Lobster, cursive;
            font-size: 30px;
            color: #fff
        }

            .meer-info h3:before {
                content: url(images/phone-icon.png) no-repeat;
                display: inline-block
            }

        .meer-info p {
            font-size: 12px;
            font-family: Open Sans, sans-serif;
            text-align: left
        }

        .meer-info .meer-info-form {
            overflow: hidden
        }

        .meer-info .input {
            display: block;
            width: 100%;
            padding-left: 10px;
            margin-bottom: 10px;
            color: #1765a3;
            font-size: 12px;
            border: none;
            background-color: #ebecec;
            height: 39px;
            line-height: 39px
        }

        .meer-info ::-webkit-input-placeholder,
        .meer-info :-moz-placeholder,
        .meer-info ::-moz-placeholder,
        .meer-info :-ms-input-placeholder {
            color: #1765a3;
            font-size: 12px
        }

        .meer-info .input-submit {
            float: right;
            height: 39px;
            line-height: 39px;
            padding: 0 20px;
            border: none;
            background-color: #1765a3;
            font-size: 14px;
            font-weight: 700;
            color: #fff
        }

    #kwaliteits-kleding {
        *zoom: 1;
        margin-top: 120px;
        background-color: #0e76bc;
        border-bottom: 3px solid #fff;
        color: #fff
    }

        #kwaliteits-kleding:before,
        #kwaliteits-kleding:after {
            content: "";
            display: table
        }

        #kwaliteits-kleding:after {
            clear: both
        }

        #kwaliteits-kleding h2 {
            font-family: Lobster, cursive;
            font-size: 30px;
            margin-top: 0
        }

        #kwaliteits-kleding .col-1-2 {
            float: left;
            clear: none;
            width: 31.33333%;
            margin-left: 17.16667%;
            margin-right: 3%
        }

            #kwaliteits-kleding .col-1-2:last-child {
                margin-right: 0
            }

    @media(max-width:768px) {
        #kwaliteits-kleding .col-1-2 {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto
        }

            #kwaliteits-kleding .col-1-2:first-child {
                margin-left: auto
            }

            #kwaliteits-kleding .col-1-2:last-child {
                margin-right: auto
            }
    }

    #kwaliteits-kleding .col-1-2-last {
        float: left;
        clear: none;
        width: 31.33333%;
        margin-left: 0;
        margin-right: 3%
    }

        #kwaliteits-kleding .col-1-2-last:last-child {
            margin-right: 0
        }

    @media(max-width:768px) {
        #kwaliteits-kleding .col-1-2-last {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto
        }

            #kwaliteits-kleding .col-1-2-last:first-child {
                margin-left: auto
            }

            #kwaliteits-kleding .col-1-2-last:last-child {
                margin-right: auto
            }
    }

    #kwaliteits-kleding .kwaliteit-top {
        position: relative;
        background: transparent url(images/kwaliteit-top.png) no-repeat center center;
        width: 100%;
        height: 135px;
        margin-top: -134px
    }

    @media(max-width:768px) {
        #kwaliteits-kleding .kwaliteit-top {
            background: none;
            background-color: #0e76bc;
            height: 40px;
            margin-top: auto
        }
    }

    .kwaliteits-list {
        margin: 25px 0 0 0;
        padding: 0
    }

        .kwaliteits-list li {
            position: relative;
            display: block;
            padding-left: 10px;
            margin-bottom: 20px;
            background-color: #87bbde;
            overflow: hidden
        }

            .kwaliteits-list li:hover {
                background-color: #7bb4db;
                color: #fff
            }

            .kwaliteits-list li:before {
                position: absolute;
                display: inline-block;
                margin-top: 5px;
                content: url(images/trui.png) no-repeat center center
            }

            .kwaliteits-list li a {
                position: relative;
                display: block;
                padding-left: 50px;
                float: left;
                color: #58585a;
                text-decoration: none;
                font-size: 14px;
                height: 30px;
                line-height: 30px;
                width: 100%
            }

        .kwaliteits-list .trui {
            display: inline-block;
            padding-top: 7px
        }

    #kwaliteit-tabs {
        *zoom: 1;
        padding: 20px 0;
        background-color: #27a9e1;
        color: #fff
    }

        #kwaliteit-tabs:before,
        #kwaliteit-tabs:after {
            content: "";
            display: table
        }

        #kwaliteit-tabs:after {
            clear: both
        }

        #kwaliteit-tabs h3 {
            font-size: 26px;
            font-family: Lobster, cursive
        }

        #kwaliteit-tabs p {
            font-size: 14px;
            font-family: Open Sans, sans-serif
        }

        #kwaliteit-tabs .tabs-read-more {
            display: inline-block;
            padding: 8px 15px;
            color: #fff;
            text-decoration: none;
            font-family: Lobster, cursive;
            font-size: 24px;
            border: 1px solid #fff
        }

        #kwaliteit-tabs .col-2 {
            float: left;
            clear: none;
            width: 48.5%;
            margin-left: 0;
            margin-right: 3%
        }

            #kwaliteit-tabs .col-2:last-child {
                margin-right: 0
            }

    @media(max-width:768px) {
        #kwaliteit-tabs .col-2 {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto
        }

            #kwaliteit-tabs .col-2:first-child {
                margin-left: auto
            }

            #kwaliteit-tabs .col-2:last-child {
                margin-right: auto
            }
    }

    .tab-slider-wrap {
        position: relative;
        width: 100%;
        height: 100%
    }

        .tab-slider-wrap ul {
            margin: 0;
            padding: 0
        }

    #tab-prev {
        position: absolute;
        height: 36px;
        width: 36px;
        left: 20px;
        top: 50%;
        margin-top: -18px;
        background: url(images/tab-small-prev.png) no-repeat;
        z-index: 5555;
        cursor: pointer
    }

    #tab-next {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -18px;
        height: 36px;
        width: 36px;
        background: url(images/tab-small-next.png) no-repeat;
        z-index: 5555;
        cursor: pointer
    }

    #kwaliteit {
        padding-top: 40px;
        padding-bottom: 40px
    }

        #kwaliteit h2 {
            font-family: Lobster, cursive;
            font-size: 48px;
            color: #1765a3
        }

        #kwaliteit .text-wrap {
            *zoom: 1
        }

            #kwaliteit .text-wrap:before,
            #kwaliteit .text-wrap:after {
                content: "";
                display: table
            }

            #kwaliteit .text-wrap:after {
                clear: both
            }

        #kwaliteit .text {
            max-width: 65.66667%;
            width: 100%;
            margin: 0 auto
        }

    @media(max-width:768px) {
        #kwaliteit .text {
            max-width: 100%;
            width: 100%
        }
    }

    #kwaliteit .d-block {
        display: block
    }

    .kwaliteit-tests .blue {
        color: #27a9e1
    }

    @media(max-width:768px) {
        .kwaliteit-tests {
            width: 100%
        }
    }

    .kwaliteit-tests .text {
        float: left;
        clear: none;
        width: 65.66667%;
        margin-left: 17.16667%;
        margin-right: 3%;
        margin-top: 30px;
        color: #58585a;
        font-size: 14px
    }

        .kwaliteit-tests .text:last-child {
            margin-right: 0
        }

        .kwaliteit-tests .text strong {
            color: #27a9e1
        }

    .kwaliteit-tests ul {
        margin: 0;
        padding: 0
    }

        .kwaliteit-tests ul li {
            margin: 0;
            padding: 0;
            color: #27a9e1;
            font-weight: 300;
            font-style: italic
        }

    #contact {
        position: relative;
        margin-top: 170px;
        padding-bottom: 30px;
        background-color: #d1d3d7;
        *zoom: 1
    }

        #contact:before,
        #contact:after {
            content: "";
            display: table
        }

        #contact:after {
            clear: both
        }

    @media(max-width:768px) {
        #contact {
            padding-top: 30px;
            margin-top: 30px
        }
    }

    #contact .footer-top {
        position: relative;
        background: transparent url(images/footer-top.png) no-repeat center center;
        width: 100%;
        height: 135px;
        margin-top: -134px
    }

    @media(max-width:768px) {
        #contact .footer-top {
            background: none;
            background-color: #d1d3d7;
            height: 40px;
            margin-top: auto
        }
    }

    #contact .footer-left {
        float: left;
        clear: none;
        width: 31.33333%;
        margin-left: 0;
        margin-right: 3%
    }

        #contact .footer-left:last-child {
            margin-right: 0
        }

    @media(max-width:768px) {
        #contact .footer-left {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto
        }

            #contact .footer-left:first-child {
                margin-left: auto
            }

            #contact .footer-left:last-child {
                margin-right: auto
            }
    }

    #contact .footer-right {
        float: left;
        clear: none;
        width: 65.66667%;
        margin-left: 0;
        margin-right: 3%
    }

        #contact .footer-right:last-child {
            margin-right: 0
        }

        #contact .footer-right span {
            color: #27a9e1;
            display: block;
            margin-bottom: 15px
        }

    @media(max-width:768px) {
        #contact .footer-right {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            margin-left: auto;
            margin-right: auto
        }

            #contact .footer-right:first-child {
                margin-left: auto
            }

            #contact .footer-right:last-child {
                margin-right: auto
            }
    }

    #contact h3 {
        margin-top: 0;
        color: #1765a3;
        font-size: 20px;
        font-family: Lobster, cursive
    }

    .footer-list {
        margin: 0 0 35px 0;
        padding: 0
    }

        .footer-list li {
            list-style: none;
            font-size: 14px;
            color: #27a9e1
        }

            .footer-list li a {
                color: #27a9e1;
                text-decoration: none
            }

                .footer-list li a:hover {
                    text-decoration: underline
                }

    .footer-form {
        *zoom: 1
    }

        .footer-form:before,
        .footer-form:after {
            content: "";
            display: table
        }

        .footer-form:after {
            clear: both
        }

        .footer-form .footer-input {
            display: block;
            margin-bottom: 10px;
            width: 100%;
            height: 43px;
            padding-left: 20px;
            line-height: 43px;
            border: none;
            color: #58585a
        }

        .footer-form textarea {
            width: 100%;
            padding: 15px;
            margin-bottom: 10px;
            border: none
        }

        .footer-form ::-webkit-input-placeholder,
        .footer-form :-moz-placeholder,
        .footer-form ::-moz-placeholder,
        .footer-form :-ms-input-placeholder {
            color: #58585a;
            font-size: 14px
        }

        .footer-form .footer-submit {
            background: #27a9e1;
            height: 43px;
            padding: 0 50px;
            line-height: 43px;
            font-weight: 700;
            border: none;
            color: #fff;
            margin-top: 10px
        }

    #copyright {
        *zoom: 1
    }

        #copyright:before,
        #copyright:after {
            content: "";
            display: table
        }

        #copyright:after {
            clear: both
        }

        #copyright .wolcon {
            display: block;
            float: left;
            color: #27a9e1;
            margin-top: 18px;
            font-size: 11px;
            text-transform: uppercase;
            text-decoration: none
        }

            #copyright .wolcon:hover {
                text-decoration: underline
            }

    .copyright-list {
        float: right
    }

        .copyright-list li {
            list-style: none;
            display: inline-block
        }

            .copyright-list li:last-child a:after {
                content: ""
            }

            .copyright-list li a {
                color: #27a9e1;
                text-decoration: none;
                text-transform: uppercase;
                font-size: 11px
            }

                .copyright-list li a:after {
                    content: " | "
                }

    .feedback {
        margin: 2em auto .5em;
        border: 1px solid #fff;
        padding: 5px 16px;
        background-color: #1765a3;
        color: #fff
    }

    #contact .feedback h3 {
        color: #fff
    }

    .error {
        border: 2px solid #fff
    }

    .errorinput {
        background-color: #ffbfbf !important;
        border: 1px solid #fff !important
    }

    #slider .slide,
    .tab-slider .tab-slide {
        display: none
    }

        #slider .slide:visible,
        .tab-slider:visible .tab-slide:first-child {
            display: block
        }

    @media screen and (max-width:860px) {
        .primary-menu {
            display: none
        }

        #primary .primary-menu.active {
            position: relative;
            display: inline-block;
            width: 100%;
            position: absolute;
            top: 75px;
            padding-top: 45px;
            right: 0;
            z-index: -1;
            background-color: #0063a2
        }

            #primary .primary-menu.active li {
                float: none;
                display: block;
                margin: 0;
                padding: 8px 0;
                border-bottom: 1px solid #27a9e1
            }

                #primary .primary-menu.active li:first-child {
                    border-top: 1px solid #27a9e1
                }

                #primary .primary-menu.active li:last-child {
                    border: none
                }

                #primary .primary-menu.active li a {
                    margin-top: 0;
                    display: block;
                    border: none;
                    color: #fff;
                    font-family: Lobster, cursive;
                    text-transform: none;
                    font-size: 20px
                }

        .toggle-nav {
            padding: 15px;
            margin-top: 10px;
            float: right;
            display: inline-block;
            background: #1765a3;
            text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
            color: #27a9e1;
            border-radius: 3px;
            font-size: 20px;
            transition: color linear .15s;
            text-decoration: none
        }

            .toggle-nav:hover,
            .toggle-nav.active {
                text-decoration: none;
                color: #27a9e1
            }
    }

    .language {
        display: none;
    }

    @media screen and (max-width: 860px) {
        .language {
            display: block;
        }

        #language_selector {
            display: none;
        }
    }