* {
    outline: none !important;
}

.mobiel {
    display: none;
}

body {
    margin: 0;
    padding: 0;
    background: #FFFDEE;
    font-size: 17px;
    line-height: 33px;
    color: rgb(42, 93, 62);
    font-family: 'OpenSans';
}

h1, .nieuwsItem h2, .tekstvlak2 h2, .maps h2 {
    font-family: 'CanvasBasic-Sans';
    font-weight: normal;
    line-height: normal;
    margin: 0;
    font-size: 24px;
    color: rgb(98, 180, 118);
}

.nieuwsItem h2 {
    /*color: #FFFDEE;*/
}

h2 {
    font-family: 'OpenSans-Bold';
    font-size: 17px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
}

strong {
    font-weight: normal;
    font-family: 'OpenSans-Bold';
}

.wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.btn {
    font-size: 17px;
    color: rgb(98, 180, 118);
    display: inline-flex;
    height: 35px !important;
    padding: 0 15px !important;
    line-height: 18px;
    align-content: center;
    align-items: center;
    text-decoration: none;
    font-family: 'CanvasBasic-Sans' !important;
    border: 2px solid rgb(98, 180, 118) !important;
    border-radius: 20px;
    transition: ease-in-out border 0.3s;
    box-sizing: border-box;
    text-decoration: none !important;
}

    .btn.wit {
        border-color: #FFFDEE !important;
        height: 37px !important;
        justify-content: center;
        color: #FFFDEE !important;
    }

        .btn.wit.noBorder {
            background-image: none;
            width: auto;
        }

    .btn:hover {
        border-style: dashed !important;
    }

header {
    position: relative;
    width: 100%;
    height: 820px;
    background-position: center 140px;
    background-size: cover;
    background-image: url('/images/header.png');
    background-repeat: no-repeat;
}

    header.volgpagina {
        height: 480px;
    }

    header .topBarContainer {
        background-image: url('/images/bg_topbar.png');
        background-position: top 30px center;
        background-repeat: repeat-x;
    }

    header .topBar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    header .logo img {
        width: 253px;
    }

    header a.btn {
        position: absolute;
        top: 50px;
        right: 0;
    }

    header .lieveheersbeestje {
        position: absolute;
        top: 10px;
        right: -30px;
    }

    header .headerOverlay {
        position: absolute;
        right: 0;
        top: 350px;
        width: 515px;
    }

    header nav {
        position: relative;
        width: calc(100% - 253px);
    }

        header nav ul {
            padding: 0;
            margin: 53px 0 0 20px;
            list-style-type: none;
            width: 100%;
            display: flex;
        }

            header nav ul li {
                margin-right: 25px;
                font-size: 15px;
                font-family: 'CanvasBasic-Sans' !important;
            }

                header nav ul li a {
                    color: rgb(98,180,118);
                    text-decoration: none;
                    position: relative;
                }

                    header nav ul li a:hover:after {
                        position: absolute;
                        width: 100%;
                        bottom: -10px;
                        display: block;
                        content: '';
                        background: url(/images/border_menu_item_hover.svg) no-repeat;
                        height: 10px;
                    }

                    header nav ul li a.active:after {
                        position: absolute;
                        width: 100%;
                        bottom: -10px;
                        display: block;
                        content: '';
                        background: url(/images/border_menu_item.svg) no-repeat;
                        height: 10px;
                    }

.socialBar {
    font-size: 20px;
    background: rgba(111, 174, 176, 1);
    color: #FFFDEE;
    text-align: right;
}

    .socialBar .wrapper {
        display: flex;
        justify-content: flex-end;
        align-content: center;
        align-items: center;
        padding: 10px 0;
    }

    .socialBar a {
        color: #FFFDEE;
        display: flex;
        justify-content: flex-end;
        align-content: center;
        align-items: center;
        margin: 0 3px;
    }

        .socialBar a:hover {
            opacity: 0.7;
        }

    .socialBar img {
        width: 25px;
    }

.submenu, .contactFormulier {
    position: relative;
    width: 100%;
    background-image: url('/images/bg_submenu.png');
    background-position: bottom center;
    background-repeat: repeat-x;
    padding: 40px 0;
}

.contactFormulier {
    background-size: cover;
}

    .contactFormulier, .contactFormulier h1 {
        color: rgb(255, 253, 238);
    }

.submenu:before {
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    background: -moz-linear-gradient(50% 100% 90deg,rgba(72, 141, 94, 0) 0%,rgba(72, 141, 94, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
    background: -webkit-gradient(linear,50% 100%,50% 0%,color-stop(0,rgba(72, 141, 94, 0) ),color-stop(1,rgba(72, 141, 94, 1) ));
    background: -o-linear-gradient(90deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
    background: -ms-linear-gradient(90deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#488D5E', endColorstr='#488D5E' ,GradientType=0)";
    background: linear-gradient(0deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
    opacity: 0.5;
    filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) progid:DXImageTransform.Microsoft.gradient(startColorstr='#488D5E',endColorstr='#488D5E', GradientType=0);
}

.submenu .wrapper {
    display: flex;
    justify-content: flex-end;
}

    .submenu .wrapper ul {
        list-style-type: none;
    }

    .submenu .wrapper a {
        position: relative;
        font-family: 'OpenSans-Bold';
        color: rgb(255, 253, 238);
        text-decoration: none;
        text-transform: uppercase;
    }

        .submenu .wrapper a:before {
            position: absolute;
            display: block;
            content: '';
            top: 1px;
            left: -50px;
            width: 40px;
            height: 30px;
            background: url('/images/mier.png') no-repeat;
            opacity: 0;
            transition: ease-in-out opacity 0.3s;
        }

        .submenu .wrapper a:hover:before {
            opacity: 0.5;
        }

        .submenu .wrapper a.active:before {
            opacity: 1;
        }

.content {
    position: relative;
    margin: 120px 0;
}

    .content.contactFormulier {
        padding: 100px 0;
        margin: 0;
    }

    .content .wrapper {
        display: flex;
    }

    .content.contactFormulier .wrapper .col820, .content.maps .wrapper .col820 {
        padding-right: 100px;
        box-sizing: border-box;
    }

    .content .wrapper .col460 {
        position: relative;
        width: 420px;
    }

    .content.contactFormulier .wrapper .col460 {
        padding: 40px 0 0 0;
        text-align: center;
    }

    .content.maps .wrapper .col460 {
        padding: 80px 0 0 0;
    }

    .content.contactFormulier .wrapper .col460 .btn {
        width: 220px;
    }

    .content .wrapper .col460 .foto1 {
        margin-top: -75px;
        width: 100%;
    }

    .content.maps img {
        width: 100%;
    }

.imageCol svg {
    width: 100%;
    height: auto;
}

.imageCol .vlinder, .col460 .vlinder {
    position: absolute;
    top: -50px;
    right: 0;
}

.lieveheersbeestje {
    position: absolute;
    bottom: -50px;
    right: 200px;
}

.content .wrapper .col820, .submenu .wrapper .col820 {
    position: relative;
    width: 780px;
    padding: 0 60px 0 0;
}

.nieuwsItemContainer {
    margin: 0 auto;
}

.content .wrapper .col820.fotoRechts {
    margin: 100px 0 0;
    padding: 0 0 0 60px;
}

.content .wrapper .col460.fotoRechts {
    margin: 20px 0 0;
}

.content .wrapper.fotoRechts {
    padding: 0 0 100px;
    background-image: url('/images/bg_wrapper.png');
    background-repeat: no-repeat;
    background-position: bottom right 160px;
}

footer {
    position: relative;
    width: 100%;
}

    footer .formContainer {
        position: relative;
        width: 100%;
        background-image: url('/images/bg_form.png');
        background-repeat: no-repeat;
    }

        footer .formContainer .wrapper {
            display: flex;
            padding: 40px 0 170px;
        }

        footer .formContainer .col720 {
            position: relative;
            width: 720px;
            padding: 0 60px 0 0;
            box-sizing: border-box;
        }

        footer .formContainer .col480 {
            position: relative;
            width: 480px;
        }

.formContainer h2 {
    font-family: 'CanvasBasic-Sans';
    font-size: 30px;
    margin: 90px 0 20px;
    color: #FFFDEE;
}

.box, .checkbox, .checkbox a {
    font-size: 15px !important;
    font-family: 'OpenSans' !important;
    margin: 0 0 5px;
    text-decoration: none;
    color: #FFFDEE;
}

.dxeMemo.box {
    padding: 15px !important;
}

.checkbox a:hover {
    opacity: 0.7;
}

.checkbox label {
    margin: 0 0 0 10px;
}

.formFooter {
    position: relative;
    width: 100%;
    margin: 35px 0 0;
    display: flex;
}

    .formFooter .checkboxContainer {
        width: calc(100% - 160px);
    }

    .formFooter .buttonContainer {
        width: 160px;
        display: flex;
        justify-content: flex-end;
    }

.logoFooter {
    position: absolute;
    top: -115px;
    left: 0;
}

.adresContainer {
    position: relative;
    text-align: center;
    font-size: 15px;
    line-height: 23px;
    color: rgb(98, 180, 118);
    margin: 40px 0 25px;
}

    .adresContainer a {
        color: rgb(98, 180, 118);
        text-decoration: none;
        transition: ease-in-out opacity 0.3s;
    }

        .adresContainer a:hover {
            opacity: 0.7;
        }

    .adresContainer .smallWrapper {
        width: 390px;
        margin: 0 auto;
    }

    .adresContainer img.egel {
        float: right;
        margin: 0 0 10px;
        width: 150px;
    }

    .adresContainer .social, .maps .social {
        display: inline-block;
        margin: 20px 5px 0;
        width: 30px;
        transition: ease-in-out opacity 0.3s;
    }

.maps .social {
    margin-top: 10px;
}

    .adresContainer .social:hover, .maps .social:hover {
        opacity: 0.7;
    }

.payoff {
    position: relative;
    height: 90px;
    width: 100%;
    line-height: 90px;
    background: rgba(111, 174, 176, 1);
    font-size: 13px;
    color: #FFFDEE;
}

    .payoff .wrapper {
        display: flex;
    }

        .payoff .wrapper .col50 {
            width: 50%;
        }

            .payoff .wrapper .col50.fotoRechts {
                text-align: right;
            }

    .payoff a {
        color: #FFFDEE;
        text-decoration: none;
        transition: ease-in-out opacity 0.3s;
    }

        .payoff a:hover {
            opacity: 0.7;
        }

    .payoff span {
        display: inline-block;
        margin: 0 5px;
    }

.nieuwsSlider {
    position: relative;
    width: 100%;
    padding: 60px 0 100px;
}

    .nieuwsSlider .btnPrev, .nieuwsSlider .btnNext {
        position: absolute;
        top: 0;
        bottom: 200px;
        margin: auto 0;
        z-index: 1000;
        font-size: 25px;
        cursor: pointer;
        display: block;
        background: none;
        border-radius: 30px;
    }

        .nieuwsSlider .btnPrev img, .nieuwsSlider .btnNext img {
            position: absolute;
            bottom: 10px;
            left: 8px;
        }

        .nieuwsSlider .btnPrev.slick-disabled, .nieuwsSlider .btnNext.slick-disabled {
            display: none !important;
        }

        .nieuwsSlider .btnPrev.changeOrder, .nieuwsSlider .btnNext.changeOrder {
            z-index: -1 !important;
        }

    .nieuwsSlider .btnPrev {
        left: calc(((100% - 1200px) /2 ) - 100px);
    }

    .nieuwsSlider .btnNext {
        right: calc(((100% - 1200px) /2 ) + 100px);
    }

.btnNext:before {
    position: absolute;
    content: '';
    top: -160px;
    left: -10px;
    display: block;
    background: url('/images/bij-blijven.jpg') no-repeat;
    width: 85px;
    height: 200px;
    z-index: -1;
}

.nieuwsSlider .nieuwsSliderContainer {
    position: relative;
    width: 100%;
    margin-top: -20px;
}

    .nieuwsSlider .nieuwsSliderContainer .wrapper {
        padding: 100px 0;
        margin-top: -80px;
    }

.nieuwsItemContainer .nieuwsItem {
    padding-bottom: 70px;
}
.kopEerderNieuws{
    margin-bottom:60px;
}
.socialShare{
    display:flex;
    align-content:center;
    align-items:center;
    height:50px;
    font-weight:bold;
    line-height:30px;
}

.socialShare a{
    margin-left:10px;
}
    .nieuwsItemContainer .nieuwsItem .buttonContainer {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
}

        .nieuwsItemContainer .nieuwsItem .buttonContainer .colDatum {
            width: 50%;
            font-style: italic;
            color: #275E3E;
        }

        .nieuwsItemContainer .nieuwsItem .buttonContainer .colButton {
            text-align: right;
            width: 50%;
        }
    .nieuwsItemContainer .nieuwsItem{
        display:flex;

    }
        .nieuwsItemContainer .nieuwsItem svg {
            width:180px;
            margin:0 0;
        }
            .nieuwsItemContainer .nieuwsItem .nieuwsItemContent {
            width:calc(100% - 180px);
        }
.nieuwsSlider .nieuwsItemContainer {
    position: relative;
    width: 980px;
    height: 720px;
    background: rgba(98,180,118,0.1);
    transform: rotate(-2deg);
}

.nieuwsSlider .wrapper:nth-child(even) .nieuwsItemContainer {
    transform: rotate(2deg);
    background: url('/images//bg_nieuws_item.svg') no-repeat center center;
}

.nieuwsSlider .nieuwsItemContainer .nieuwsItem {
    position: absolute;
    margin: 10px;
    width: 960px;
    height: 700px;
    background: rgba(98,180,118,1);
    transform: rotate(4deg);
    display: flex;
    flex-wrap: wrap;
}

.nieuwsSlider .wrapper:nth-child(even) .nieuwsItemContainer .nieuwsItem {
    transform: rotate(-4deg);
}

.nieuwsSlider .nieuwsItemContainer .nieuwsItem .colLeft {
    position: relative;
    width: 330px;
    box-sizing: border-box;
    padding: 100px 60px 100px 70px;
    height: 100%;
}

.nieuwsSlider .nieuwsItemContainer .nieuwsItem .nieuwsItemDatum {
    font-style: italic;
    color: #FFFDEE;
    position: absolute;
    bottom: 100px;
}

.nieuwsSlider .nieuwsItemContainer .nieuwsItem .colRight {
    position: relative;
    width: calc(100% - 330px);
    box-sizing: border-box;
    padding: 100px 70px 140px 0;
    color: #FFFDEE;
    height: 100%;
}

    .nieuwsSlider .nieuwsItemContainer .nieuwsItem .colRight .buttonContainer {
        position: absolute;
        bottom: 100px;
        text-align: right;
        width: 100%;
        padding: 0 70px;
        box-sizing: border-box;
    }

.nieuwsSliderHeader {
    position: relative;
    font-size: 20px;
    font-family: 'CanvasBasic-Sans';
    color: rgb(98,180,118);
    z-index: 1000;
    padding-bottom: 60px;
}

    .nieuwsSliderHeader div {
        position: absolute;
        bottom: -20px;
        left: 80px;
        padding: 0 20px;
        line-height: 85px;
        font-size: 60px;
        font-family: 'Branding-Bold';
        background: #FFF;
        transform: rotate(-2deg);
    }

@media screen and (max-width:1220px) {
    .wrapper {
        width: 960px;
    }

    .submenu .wrapper .col820 {
        width: calc(100% - 280px);
    }

    .content .wrapper .col460, footer .formContainer .col480 {
        width: 400px;
    }

    .content .wrapper .col820, footer .formContainer .col720 {
        width: calc(100% - 400px);
    }

    footer .formContainer .col480 img {
        width: 300px;
    }

    header {
        height: 620px;
    }

        header .logo {
            width: 220px;
        }

        header nav {
            width: calc(100% - 220px);
        }

        header .headerOverlay {
            width: 415px;
        }

        header nav ul li {
            font-size: 12px;
            margin-right: 20px;
        }

        header a.btn {
            font-size: 12px;
        }

    .formContainer h2 {
        font-size: 24px;
    }
}

@media screen and (max-width:1000px) {
    h1, .nieuwsItem h2, .tekstvlak2 h2, .maps h2, .formContainer h2 {
        font-size: 20px;
        line-height: 24px;
    }

    body {
        font-size: 15px;
        line-height: 27px;
    }

    .btn {
        font-size: 15px;
        max-width: 100%;
    }

    .wrapper {
        width: calc(100% - 60px);
    }

    header {
        height: 560px;
        background-position: center 80px;
    }

        header .topBarContainer {
            background-image: url(/images/bg_topbar.png);
            background-position: top -30px center;
            background-repeat: repeat-x;
            height: 90px;
        }

        header .lieveheersbeestje {
            position: absolute;
            top: 5px;
            right: 90px;
            width: 30px;
            z-index: 9999;
        }

        header a.btn {
            top: 30px;
            right: 100px;
            z-index: 9999;
        }

    .content .wrapper .col820, .content .wrapper .col820.fotoRechts {
        padding: 0;
    }

    header .headerOverlay {
        width: 315px;
        top: 300px;
    }

    header a {
        position: absolute;
        top: 30px;
    }

    .hamburger {
        display: block !important;
    }

    header nav {
        display: none;
    }

    header.nav-active nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #FFFDEE;
        z-index: 8999;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

        header.nav-active nav ul {
            display: block;
            text-align: center;
            width: auto;
        }

            header.nav-active nav ul li {
                display: block;
            }

    header nav ul li a {
        font-size: 20px;
        margin-bottom: 30px;
        display: inline-block;
    }

        header nav ul li a.active:after, header nav ul li a:hover:after {
            left: 0;
            right: 0;
            margin: 0 auto;
            background-position: top center;
        }

    header .nav-active .logo {
        position: fixed;
        top: 0;
    }

    .logo {
        width: 200px;
        z-index: 9000;
    }

    .formFooter {
        display: block;
    }

        .formFooter .checkboxContainer {
            margin: 0 0 40px 0;
        }

        .formFooter .checkboxContainer, .formFooter .buttonContainer {
            width: 100%;
        }

    footer .formContainer .wrapper {
        padding: 40px 0 100px;
    }

    .adresContainer {
        margin: 140px 0 25px;
    }

    .logoFooter {
        top: -265px;
    }

    .payoff {
        height: auto;
    }

        .payoff .wrapper {
            flex-wrap: wrap;
            padding: 20px 0;
        }

            .payoff .wrapper .col50, .payoff .wrapper .col50.fotoRechts {
                width: 100%;
                justify-content: center;
                text-align: center;
                line-height: 30px;
            }

    .submenu .wrapper {
        justify-content: flex-start;
    }

        .submenu .wrapper .col820 {
            width: 100%;
            padding-left: 130px;
        }

    header.volgpagina {
        height: 350px;
    }

    .content.contactFormulier {
        padding: 50px 0;
        margin: 0;
    }

        .content.contactFormulier .wrapper .col820, .content.maps .wrapper .col820 {
            padding-right: 75px;
            box-sizing: border-box;
            width: 500px;
        }

        .content.contactFormulier .wrapper .col460, .content.maps .wrapper .col460 {
            width: calc(100% - 500px);
        }

    footer .formContainer .col720 {
        padding: 0;
        width: 400px;
    }

    footer .formContainer .col480 {
        width: calc(100% - 400px);
        padding-right: 20px;
        box-sizing: border-box;
    }

        footer .formContainer .col480 img {
            width: 100%;
        }

    .formContainer h2 {
        margin-top: 10px;
    }

    .logoFooter {
        width: 160px;
        top: -100px;
    }

    .adresContainer {
        margin: 20px 0 25px;
    }
}

@media screen and (max-width:650px) {
    header .logo {
        width: 80px;
        top: 0;
        position: fixed;
    }

    header .topBarContainer {
        height: 50px;
        top: 45px;
        background-position: top -70px center;
        position: fixed;
        width: 100%;
        z-index: 9999;
    }

    .hamburger {
        position: absolute;
        right: 20px !important;
        top: 10px !important;
    }

    header {
        height: 320px;
        background-position: center 45px;
    }

        header a.btn {
            display: none;
            position: fixed;
            top: calc(100vh - 150px);
        }

        header.nav-active a.btn {
            display: inline-flex;
        }

        header.nav-active .lieveheersbeestje {
            top: calc(100vh - 185px);
            display: block;
            width: 40px;
            right: 70px;
        }

        header.nav-active nav {
            align-content: flex-start;
            align-items: flex-start;
            padding-top: 120px;
        }

    .btn {
        font-size: 12px;
        height: 25px !important;
    }

    header .lieveheersbeestje {
        display: none;
    }

    header .wrapper {
        width: calc(100% - 20px)
    }

    header {
        background-position: center 45px;
    }

        header a {
            position: absolute;
            top: 10px;
        }

        header .headerOverlay {
            width: 170px;
            top: 200px;
        }

    .content {
        margin: 60px 0;
    }

        .content .wrapper {
            flex-wrap: wrap;
        }

            .content .wrapper .col460, footer .formContainer .col480, .content .wrapper .col820, footer .formContainer .col720 {
                width: 100%;
            }

            .content .wrapper.fotoRechts .col820 {
                order: 2;
            }

            .content .wrapper .col820.fotoRechts {
                margin: 0;
            }

            .content .wrapper.fotoRechts {
                background-position: bottom right 20px;
            }

    .formContainer .col480 {
        display: none;
    }

    footer .formContainer .col720 {
        padding: 0;
    }

    .logoFooter {
        display: none;
    }

    .adresContainer .smallWrapper {
        width: 100%;
    }

    .adresContainer {
        margin: 40px 0;
    }

    .formContainer h2 {
        margin-top: 40px;
    }

    .content .wrapper .col460 {
        order: -1;
    }

    .mobiel {
        display: block;
    }

    .desktop {
        display: none !important;
    }

    .vlinder {
        display: none;
    }

        .vlinder img {
            width: 100%;
        }

    .col820 svg.mobiel {
        float: left;
        width: 160px;
        margin: 0 20px 0 -60px;
    }

    header:before {
        position: fixed;
        top: 40px;
        z-index: -1;
        height: 30px;
        width: 100%;
        content: '';
        display: block;
        background: -moz-linear-gradient(50% 100% 90deg,rgba(72, 141, 94, 0) 0%,rgba(72, 141, 94, 1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
        background: -webkit-gradient(linear,50% 100%,50% 0%,color-stop(0,rgba(72, 141, 94, 0) ),color-stop(1,rgba(72, 141, 94, 1) ));
        background: -o-linear-gradient(90deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
        background: -ms-linear-gradient(90deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#488D5E', endColorstr='#488D5E' ,GradientType=0)";
        background: linear-gradient(0deg, rgba(72, 141, 94, 0) 0%, rgba(72, 141, 94, 1) 100%);
        opacity: 0.5;
        filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) progid:DXImageTransform.Microsoft.gradient(startColorstr='#488D5E',endColorstr='#488D5E', GradientType=0);
    }

    .submenu .wrapper .col820 {
        width: 100%;
        padding: 0;
    }

    .submenu, .contactFormulier {
        padding: 20px 0;
    }

    .content .wrapper .col460.fotoRechts .lieveheersbeestje {
        display: none;
    }

    .rups {
        width: 100px;
    }

    header.volgpagina {
        height: 200px;
    }

    .submenu .wrapper a {
    }

    .content.contactFormulier .wrapper .col820 {
        order: -1;
        padding: 0 0 150px;
    }

    .content.contactFormulier {
        background-position: top center;
    }

        .content.contactFormulier .wrapper .col460 {
            color: rgb(42, 93, 62);
            width: 100%;
        }

            .content.contactFormulier .wrapper .col460 .btn.wit {
                border: 2px solid rgb(98, 180, 118) !important;
                color: rgb(98, 180, 118) !important;
            }

    .content.maps .wrapper .col820, .content.maps .wrapper .col460 {
        width: 100%;
        padding: 0;
    }

    .content.maps .wrapper .col460 {
        order: 1;
    }

    .content.maps {
        overflow: hidden;
    }

        .content.maps .wrapper .col820 img {
            width: calc(100% + 100px);
            margin-left: -50px;
            margin-bottom: 50px;
        }

    .socialBar {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }

        .socialBar .wrapper {
            display: flex;
            justify-content: flex-end;
            align-content: center;
            align-items: center;
            padding: 10px 0;
            width: 100%;
            box-sizing: border-box;
            padding-right: 15px;
        }
}

@media screen and (max-width:320px) {
    header a {
        display: none;
    }
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans.eot');
    src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans.woff2') format('woff2'), url('fonts/OpenSans.woff') format('woff'), url('fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CanvasBasic-Sans';
    src: url('fonts/CanvasBasic-Sans.eot');
    src: url('fonts/CanvasBasic-Sans.eot?#iefix') format('embedded-opentype'), url('fonts/CanvasBasic-Sans.woff2') format('woff2'), url('fonts/CanvasBasic-Sans.woff') format('woff'), url('fonts/CanvasBasic-Sans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Branding-Bold';
    src: url('fonts/Branding-Bold.eot');
    src: url('fonts/Branding-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Branding-Bold.woff2') format('woff2'), url('fonts/Branding-Bold.woff') format('woff'), url('fonts/Branding-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.hamburger--3dx .hamburger-box, .hamburger--3dx-r .hamburger-box, .hamburger--3dy .hamburger-box, .hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger {
    position: absolute;
    right: 0;
    top: 30px;
    font: inherit;
    display: none;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    z-index:9999;
}

.hamburger--emphatic, .hamburger--emphatic-r {
    overflow: hidden
}

    .hamburger:hover .hamburger-inner:before {

    }
    .hamburger-box {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px
    }

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
    
}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        position: absolute;
        width: 33px;
        height: 4px;
        transition-timing-function: ease;
        transition-duration: .15s;
        transition-property: transform;
        border-radius: 0;
        background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='33.2px' height='4.7px' viewBox='0 0 33.2 4.7' style='overflow:visible;enable-background:new 0 0 33.2 4.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2362B476;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M1.5,3.9c0.9-0.1,1.8-0.2,2.7-0.4c0.2,0,0.3-0.1,0.5-0.1c0.1,0,0.2,0,0.3,0c-0.3,0,0.1,0,0.1,0 c0.5-0.1,1.1-0.1,1.6-0.2c0.7-0.1,1.3-0.1,2-0.2c0.1,0,0.3,0,0.4,0c0,0,0.1,0,0.1,0C9,3.2,8.4,2.9,8.2,2.7C8.1,2.5,8,2.3,7.8,2 c0-0.1,0-0.3-0.1-0.4C7.9,1.4,7.9,1.2,8,0.9c0.1-0.2,0.4-0.4,0.5-0.5C8.1,0.7,7.8,1,7.8,1.5c-0.1,1,0.6,1.7,1.6,1.7 c1.1,0.1,2.2-0.1,3.3-0.2c0.8-0.1,1.5-0.6,1.5-1.5c0-0.8-0.7-1.6-1.5-1.5c-0.9,0.1-1.7,0.2-2.6,0.2c-0.2,0-0.3,0-0.5,0 c0,0-0.1,0-0.1,0c0.2,0,0.8,0.2,1,0.4c0.1,0.2,0.3,0.4,0.4,0.7c0,0.1,0,0.3,0.1,0.4c-0.1,0.3-0.1,0.5-0.2,0.8 C10.4,2.7,10.2,2.9,10,3c0.1-0.1,0.2-0.2,0.3-0.3C11,2,10.9,0.8,10,0.4C9.6,0.1,9,0.1,8.5,0.2C7.3,0.2,6.1,0.3,4.9,0.5 C3.5,0.6,2.6,0.8,1.5,0.9C0.7,1,0,1.6,0,2.4C0,3.2,0.7,4,1.5,3.9L1.5,3.9z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M12.2,3C18.5,4.2,25,3.5,31.3,4.6C33.2,5,34,2.1,32.1,1.7C25.8,0.6,19.3,1.3,13,0.1C11.1-0.3,10.3,2.6,12.2,3 L12.2,3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        
    }

        .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
            background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='33.2px' height='4.7px' viewBox='0 0 33.2 4.7' style='overflow:visible;enable-background:new 0 0 33.2 4.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2362B476;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M1.5,3.9c0.9-0.1,1.8-0.2,2.7-0.4c0.2,0,0.3-0.1,0.5-0.1c0.1,0,0.2,0,0.3,0c-0.3,0,0.1,0,0.1,0 c0.5-0.1,1.1-0.1,1.6-0.2c0.7-0.1,1.3-0.1,2-0.2c0.1,0,0.3,0,0.4,0c0,0,0.1,0,0.1,0C9,3.2,8.4,2.9,8.2,2.7C8.1,2.5,8,2.3,7.8,2 c0-0.1,0-0.3-0.1-0.4C7.9,1.4,7.9,1.2,8,0.9c0.1-0.2,0.4-0.4,0.5-0.5C8.1,0.7,7.8,1,7.8,1.5c-0.1,1,0.6,1.7,1.6,1.7 c1.1,0.1,2.2-0.1,3.3-0.2c0.8-0.1,1.5-0.6,1.5-1.5c0-0.8-0.7-1.6-1.5-1.5c-0.9,0.1-1.7,0.2-2.6,0.2c-0.2,0-0.3,0-0.5,0 c0,0-0.1,0-0.1,0c0.2,0,0.8,0.2,1,0.4c0.1,0.2,0.3,0.4,0.4,0.7c0,0.1,0,0.3,0.1,0.4c-0.1,0.3-0.1,0.5-0.2,0.8 C10.4,2.7,10.2,2.9,10,3c0.1-0.1,0.2-0.2,0.3-0.3C11,2,10.9,0.8,10,0.4C9.6,0.1,9,0.1,8.5,0.2C7.3,0.2,6.1,0.3,4.9,0.5 C3.5,0.6,2.6,0.8,1.5,0.9C0.7,1,0,1.6,0,2.4C0,3.2,0.7,4,1.5,3.9L1.5,3.9z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M12.2,3C18.5,4.2,25,3.5,31.3,4.6C33.2,5,34,2.1,32.1,1.7C25.8,0.6,19.3,1.3,13,0.1C11.1-0.3,10.3,2.6,12.2,3 L12.2,3z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .hamburger-inner:after, .hamburger-inner:before {
            display: block;
            content: ""
        }

            .hamburger-inner:before {
                top: -10px;
                background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='33.2px' height='4.7px' viewBox='0 0 33.2 4.7' style='overflow:visible;enable-background:new 0 0 33.2 4.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2362B476;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M31.7,0.9c-0.4,0-0.7-0.1-1.1-0.1c0.3,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.4-0.1c-0.6-0.1-1.2-0.2-1.8-0.3 c-1.2-0.2-2.4-0.2-3.6-0.3c-0.5,0-1.1-0.1-1.6,0.2c-0.8,0.5-1,1.5-0.4,2.2c0.2,0.2,0.2,0.2,0.4,0.4c-0.1-0.1-0.4-0.3-0.5-0.5 c-0.1-0.3-0.1-0.5-0.2-0.8c0-0.1,0-0.3,0.1-0.4c0.1-0.2,0.3-0.4,0.4-0.7c0.2-0.2,0.7-0.5,1-0.4c0,0-0.1,0-0.1,0 c-0.2,0-0.3,0-0.5,0c-0.9-0.1-1.8-0.1-2.6-0.2c-0.8-0.1-1.5,0.7-1.5,1.5c0,0.9,0.7,1.4,1.5,1.5c1.1,0.1,2.2,0.3,3.3,0.2 c0.8-0.1,1.6-0.6,1.6-1.5c0-0.5-0.3-0.9-0.6-1.2c-0.5-0.4,0.3,0.3,0.3,0.4c0.1,0.3,0.1,0.5,0.2,0.8c0,0.1,0,0.3-0.1,0.4 c-0.1,0.2-0.3,0.4-0.4,0.7c-0.1,0.1-0.7,0.5-1,0.4c0,0,0.1,0,0.1,0c0.1,0,0.3,0,0.4,0c0.7,0,1.3,0.1,2,0.2c0.5,0,1,0.1,1.5,0.1 c0,0,0.4,0.1,0.3,0c-0.2,0,0.1,0,0.1,0c0.2,0,0.3,0.1,0.5,0.1c0.9,0.2,1.9,0.3,2.8,0.4c0.8,0.1,1.5-0.7,1.5-1.5 C33.2,1.6,32.5,1,31.7,0.9L31.7,0.9z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M20.2,0.1C13.9,1.3,7.4,0.6,1.1,1.7C-0.8,2.1,0,5,1.9,4.6C8.2,3.5,14.7,4.2,21,3C22.9,2.6,22.1-0.3,20.2,0.1 L20.2,0.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
            }

            .hamburger-inner:after {
                bottom: -10px;
                background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='33.2px' height='4.7px' viewBox='0 0 33.2 4.7' style='overflow:visible;enable-background:new 0 0 33.2 4.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2362B476;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M31.7,0.7c-0.9,0.1-1.8,0.2-2.7,0.4c-0.2,0-0.3,0.1-0.5,0.1c-0.1,0-0.2,0-0.3,0c0.3,0-0.1,0-0.1,0 c-0.5,0.1-1.1,0.1-1.6,0.2c-0.7,0.1-1.3,0.1-2,0.2c-0.1,0-0.3,0-0.4,0c0,0-0.1,0-0.1,0c0.3-0.1,0.9,0.3,1,0.4 c0.1,0.2,0.3,0.4,0.4,0.7c0,0.1,0,0.3,0.1,0.4c-0.1,0.3-0.1,0.5-0.2,0.8c-0.1,0.2-0.4,0.4-0.5,0.5c0.4-0.3,0.7-0.6,0.7-1.1 c0.1-1-0.6-1.7-1.6-1.7c-1.1-0.1-2.2,0.1-3.3,0.2c-0.8,0.1-1.5,0.6-1.5,1.5c0,0.8,0.7,1.6,1.5,1.5c0.9-0.1,1.7-0.2,2.6-0.2 c0.2,0,0.3,0,0.5,0c0,0,0.1,0,0.1,0c-0.2,0-0.8-0.2-1-0.4c-0.1-0.2-0.3-0.4-0.4-0.7c0-0.1,0-0.3-0.1-0.4c0.1-0.3,0.1-0.5,0.2-0.8 C22.7,2,23,1.8,23.2,1.7c-0.1,0.1-0.2,0.2-0.3,0.3c-0.7,0.7-0.5,1.9,0.3,2.4c0.5,0.3,1,0.2,1.6,0.2c1.2-0.1,2.4-0.2,3.6-0.3 c1.3-0.2,2.2-0.4,3.4-0.5c0.8-0.1,1.5-0.6,1.5-1.5C33.2,1.5,32.5,0.7,31.7,0.7L31.7,0.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M21,1.7C14.7,0.5,8.2,1.1,1.9,0C0-0.3-0.8,2.6,1.1,2.9C7.4,4,13.9,3.4,20.2,4.6C22.1,5,22.9,2.1,21,1.7 L21,1.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
            }

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dx.is-active .hamburger-inner {
    transform: rotateY(180deg);
    background-color: transparent
}

    .hamburger--3dx.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    transform: rotateY(-180deg);
    background-color: transparent
}

    .hamburger--3dx-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dx-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dy.is-active .hamburger-inner {
    transform: rotateX(-180deg);
    background-color: transparent
}

    .hamburger--3dy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645,.045,.355,1),background-color 0 cubic-bezier(.645,.045,.355,1) .1s
}

    .hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
        transition: transform 0 cubic-bezier(.645,.045,.355,1) .1s
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    transform: rotateX(180deg);
    background-color: transparent
}

    .hamburger--3dy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--3dy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg)
    }

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

    .hamburger--boring.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--boring.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg)
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

    .hamburger--collapse .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
    }

    .hamburger--collapse .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

    .hamburger--collapse.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
        opacity: 0
    }

    .hamburger--collapse.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
        transform: rotate(-90deg)
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

    .hamburger--collapse-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear
    }

    .hamburger--collapse-r .hamburger-inner:before {
        transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(45deg)
}

    .hamburger--collapse-r.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
        opacity: 0
    }

    .hamburger--collapse-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
        transform: rotate(90deg)
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

    .hamburger--elastic .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s
    }

    .hamburger--elastic .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(135deg)
}

    .hamburger--elastic.is-active .hamburger-inner:before {
        transition-delay: 0;
        opacity: 0
    }

    .hamburger--elastic.is-active .hamburger-inner:after {
        transition-delay: 75ms;
        transform: translate3d(0,-20px,0) rotate(-270deg)
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: .275s
}

    .hamburger--elastic-r .hamburger-inner:before {
        top: 10px;
        transition: opacity .125s ease .275s
    }

    .hamburger--elastic-r .hamburger-inner:after {
        top: 20px;
        transition: transform .275s cubic-bezier(.68,-.55,.265,1.55)
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    transform: translate3d(0,10px,0) rotate(-135deg)
}

    .hamburger--elastic-r.is-active .hamburger-inner:before {
        transition-delay: 0;
        opacity: 0
    }

    .hamburger--elastic-r.is-active .hamburger-inner:after {
        transition-delay: 75ms;
        transform: translate3d(0,-20px,0) rotate(270deg)
    }

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

    .hamburger--emphatic .hamburger-inner:before {
        left: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
    }

    .hamburger--emphatic .hamburger-inner:after {
        top: 10px;
        right: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
    }

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0;
    transition-timing-function: ease-out;
    background-color: transparent
}

    .hamburger--emphatic.is-active .hamburger-inner:before {
        top: -80px;
        left: -80px;
        transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(80px,80px,0) rotate(45deg)
    }

    .hamburger--emphatic.is-active .hamburger-inner:after {
        top: -80px;
        right: -80px;
        transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(-80px,80px,0) rotate(-45deg)
    }

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

    .hamburger--emphatic-r .hamburger-inner:before {
        left: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s
    }

    .hamburger--emphatic-r .hamburger-inner:after {
        top: 10px;
        right: 0;
        transition: transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s
    }

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0;
    transition-timing-function: ease-out;
    background-color: transparent
}

    .hamburger--emphatic-r.is-active .hamburger-inner:before {
        top: 80px;
        left: -80px;
        transition: left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(80px,-80px,0) rotate(-45deg)
    }

    .hamburger--emphatic-r.is-active .hamburger-inner:after {
        top: 80px;
        right: -80px;
        transition: right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;
        transform: translate3d(-80px,-80px,0) rotate(45deg)
    }

.hamburger--slider .hamburger-inner:before, .hamburger--slider-r .hamburger-inner:before {
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

    .hamburger--slider .hamburger-inner:before {
        top: 10px
    }

    .hamburger--slider .hamburger-inner:after {
        top: 20px
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg)
}

    .hamburger--slider.is-active .hamburger-inner:before {
        transform: rotate(-45deg) translate3d(-5.71px,-6px,0);
        opacity: 0
    }

    .hamburger--slider.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(-90deg)
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

    .hamburger--slider-r .hamburger-inner:before {
        top: 10px
    }

    .hamburger--slider-r .hamburger-inner:after {
        top: 20px
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg)
}

    .hamburger--slider-r.is-active .hamburger-inner:before {
        transform: rotate(45deg) translate3d(5.71px,-6px,0);
        opacity: 0
    }

    .hamburger--slider-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(90deg)
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0 linear .13s
}

    .hamburger--spring .hamburger-inner:before {
        top: 10px;
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

    .hamburger--spring .hamburger-inner:after {
        top: 20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent
}

    .hamburger--spring.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(45deg)
    }

    .hamburger--spring.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: translate3d(0,10px,0) rotate(-45deg)
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: 0;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s
}

    .hamburger--spring-r .hamburger-inner:after {
        top: -20px;
        transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0 linear
    }

    .hamburger--spring-r .hamburger-inner:before {
        transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg)
}

    .hamburger--spring-r.is-active .hamburger-inner:after {
        top: 0;
        transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0 linear .22s;
        opacity: 0
    }

    .hamburger--spring-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;
        transform: rotate(90deg)
    }

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0 linear 75ms
}

    .hamburger--stand .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

    .hamburger--stand .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

.hamburger--stand.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0 linear .15s;
    transform: rotate(90deg);
    background-color: transparent
}

    .hamburger--stand.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(-45deg)
    }

    .hamburger--stand.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(45deg)
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0 linear 75ms
}

    .hamburger--stand-r .hamburger-inner:before {
        transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

    .hamburger--stand-r .hamburger-inner:after {
        transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0 linear .15s;
    transform: rotate(-90deg);
    background-color: transparent
}

    .hamburger--stand-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(-45deg)
    }

    .hamburger--stand-r.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
        transform: rotate(45deg)
    }

.hamburger--spin .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

    .hamburger--spin .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in
    }

    .hamburger--spin .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(225deg)
}

    .hamburger--spin.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s;
        opacity: 0
    }

    .hamburger--spin.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(-90deg)
    }

.hamburger--spin-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

    .hamburger--spin-r .hamburger-inner:before {
        transition: top .1s ease-in .25s,opacity .1s ease-in
    }

    .hamburger--spin-r .hamburger-inner:after {
        transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(-225deg)
}

    .hamburger--spin-r.is-active .hamburger-inner:before {
        top: 0;
        transition: top .1s ease-out,opacity .1s ease-out .12s;
        opacity: 0
    }

    .hamburger--spin-r.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(90deg)
    }

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms
}

    .hamburger--squeeze .hamburger-inner:before {
        transition: top 75ms ease .12s,opacity 75ms ease
    }

    .hamburger--squeeze .hamburger-inner:after {
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg)
}

    .hamburger--squeeze.is-active .hamburger-inner:before {
        top: 0;
        transition: top 75ms ease,opacity 75ms ease .12s;
        opacity: 0
    }

    .hamburger--squeeze.is-active .hamburger-inner:after {
        bottom: 0;
        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
        transform: rotate(-90deg)
    }

.hamburger--vortex .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

    .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
        transition-delay: .1s;
        transition-timing-function: linear;
        transition-duration: 0
    }

    .hamburger--vortex .hamburger-inner:before {
        transition-property: top,opacity
    }

    .hamburger--vortex .hamburger-inner:after {
        transition-property: bottom,transform
    }

.hamburger--vortex.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(765deg)
}

    .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
        transition-delay: 0
    }

    .hamburger--vortex.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg)
    }

.hamburger--vortex-r .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .2s
}

    .hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
        transition-delay: .1s;
        transition-timing-function: linear;
        transition-duration: 0
    }

    .hamburger--vortex-r .hamburger-inner:before {
        transition-property: top,opacity
    }

    .hamburger--vortex-r .hamburger-inner:after {
        transition-property: bottom,transform
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transform: rotate(-765deg)
}

    .hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
        transition-delay: 0
    }

    .hamburger--vortex-r.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg)
    }