/*
Theme Name: Cibel
Author: commefort
Author URI: http://www.commefort.com
Version: 1.3
Text Domain: cibel
*/

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-no-gutter.col-lg-1,
.col-no-gutter.col-lg-10,
.col-no-gutter.col-lg-11,
.col-no-gutter.col-lg-12,
.col-no-gutter.col-lg-2,
.col-no-gutter.col-lg-3,
.col-no-gutter.col-lg-4,
.col-no-gutter.col-lg-5,
.col-no-gutter.col-lg-7,
.col-no-gutter.col-lg-8,
.col-no-gutter.col-lg-9,
.col-no-gutter.col-md-1,
.col-no-gutter.col-md-10,
.col-no-gutter.col-md-11,
.col-no-gutter.col-md-12,
.col-no-gutter.col-md-2,
.col-no-gutter.col-md-3,
.col-no-gutter.col-md-4,
.col-no-gutter.col-md-5,
.col-no-gutter.col-md-6,
.col-no-gutter.col-md-7,
.col-no-gutter.col-md-8,
.col-no-gutter.col-md-9,
.col-no-gutter.col-sm-1,
.col-no-gutter.col-sm-2,
.col-no-gutter.col-sm-3,
.col-sm-1,
.col-sm-2,
.col-sm-3 {
    min-height: 1px
}

.row::after,
.uplink a:before,
figure.effect-ruby picture:after {
    content: ""
}

.product-overzicht .nav-left,
.product-overzicht .nav-left ul,
form li {
    float: left
}

html,
input,
select,
textarea {
    -webkit-font-smoothing: antialiased
}

#landing-image,
#product-intro,
.parallax,
.product-afbeelding {
    -ms-behavior: url(/cibel/polyfills/backgroundsize.min.htc)
}

.agenda-item,
.agenda-item *,
.uplink a {
    text-decoration: none
}

.dealer:hover,
.grid figure {
    cursor: pointer
}

html {
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1.4;
    height: 100%;
    width: 100%
}

*,
:after,
:before {
    box-sizing: inherit
}

button,
html,
input,
select,
textarea {
    color: #222
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

.arrow-down,
.navigation-agenda .next,
.navigation-agenda .prev {
    background-position: center center;
    background-repeat: no-repeat
}

audio,
canvas,
img,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box
}

a,
a:focus,
a:hover,
a:visited {
    outline: 0
}

.wrapper {
    margin: 0 auto
}

@media screen and (min-width: 0px) and (max-width: 1039px) {
    .wrapper {
        width: 94%
    }
}

@media screen and (min-width: 1040px) {
    .wrapper {
        width: 94%
    }
}

@media screen and (min-width: 1200px) {
    .wrapper {
        width: 1170px
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 6.1721527019%
    }
    .col-sm-1:last-child,
    .col-sm-1:nth-child(12n) {
        margin-right: 0
    }
    .col-sm-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 6.1721527019%
    }
    .col-sm-1:last-child,
    .col-sm-1:nth-child(12n) {
        margin-right: 0
    }
    .col-sm-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 6.1721527019%
    }
    .col-sm-1:last-child,
    .col-sm-1:nth-child(12n) {
        margin-right: 0
    }
    .col-sm-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 14.7019570017%
    }
    .col-sm-2:last-child,
    .col-sm-2:nth-child(6n) {
        margin-right: 0
    }
    .col-sm-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 14.7019570017%
    }
    .col-sm-2:last-child,
    .col-sm-2:nth-child(6n) {
        margin-right: 0
    }
    .col-sm-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 14.7019570017%
    }
    .col-sm-2:last-child,
    .col-sm-2:nth-child(6n) {
        margin-right: 0
    }
    .col-sm-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%
    }
    .col-sm-3:last-child,
    .col-sm-3:nth-child(4n) {
        margin-right: 0
    }
    .col-sm-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%
    }
    .col-sm-3:last-child,
    .col-sm-3:nth-child(4n) {
        margin-right: 0
    }
    .col-sm-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%
    }
    .col-sm-3:last-child,
    .col-sm-3:nth-child(4n) {
        margin-right: 0
    }
    .col-sm-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }
    .col-sm-4:last-child,
    .col-sm-4:nth-child(3n) {
        margin-right: 0
    }
    .col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }
    .col-sm-4:last-child,
    .col-sm-4:nth-child(3n) {
        margin-right: 0
    }
    .col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }
    .col-sm-4:last-child,
    .col-sm-4:nth-child(3n) {
        margin-right: 0
    }
    .col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }
    .col-sm-5:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }
    .col-sm-5:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }
    .col-sm-5:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-sm-6:last-child,
    .col-sm-6:nth-child(2n) {
        margin-right: 0
    }
    .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-sm-6:last-child,
    .col-sm-6:nth-child(2n) {
        margin-right: 0
    }
    .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-sm-6:last-child,
    .col-sm-6:nth-child(2n) {
        margin-right: 0
    }
    .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%
    }
    .col-sm-7:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%
    }
    .col-sm-7:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%
    }
    .col-sm-7:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%
    }
    .col-sm-8:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%
    }
    .col-sm-8:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%
    }
    .col-sm-8:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%
    }
    .col-sm-9:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%
    }
    .col-sm-9:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%
    }
    .col-sm-9:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%
    }
    .col-sm-10:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%
    }
    .col-sm-10:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%
    }
    .col-sm-10:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 91.4701957002%
    }
    .col-sm-11:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 91.4701957002%
    }
    .col-sm-11:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 91.4701957002%
    }
    .col-sm-11:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-sm-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-sm-12:last-child,
    .col-sm-12:nth-child(1n) {
        margin-right: 0
    }
    .col-sm-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-sm-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-sm-12:last-child,
    .col-sm-12:nth-child(1n) {
        margin-right: 0
    }
    .col-sm-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-sm-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-sm-12:last-child,
    .col-sm-12:nth-child(1n) {
        margin-right: 0
    }
    .col-sm-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-md-1:last-child,
    .col-md-1:nth-child(2n) {
        margin-right: 0
    }
    .col-md-1:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 6.1721527019%
    }
    .col-md-1:last-child,
    .col-md-1:nth-child(12n) {
        margin-right: 0
    }
    .col-md-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-md-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 6.1721527019%
    }
    .col-md-1:last-child,
    .col-md-1:nth-child(12n) {
        margin-right: 0
    }
    .col-md-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }
    .col-md-2:last-child,
    .col-md-2:nth-child(3n) {
        margin-right: 0
    }
    .col-md-2:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 14.7019570017%
    }
    .col-md-2:last-child,
    .col-md-2:nth-child(6n) {
        margin-right: 0
    }
    .col-md-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-md-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 14.7019570017%
    }
    .col-md-2:last-child,
    .col-md-2:nth-child(6n) {
        margin-right: 0
    }
    .col-md-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-3:last-child,
    .col-md-3:nth-child(1n) {
        margin-right: 0
    }
    .col-md-3:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-md-3:last-child,
    .col-md-3:nth-child(2n) {
        margin-right: 0
    }
    .col-md-3:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-md-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%
    }
    .col-md-3:last-child,
    .col-md-3:nth-child(4n) {
        margin-right: 0
    }
    .col-md-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-4:last-child,
    .col-md-4:nth-child(1n) {
        margin-right: 0
    }
    .col-md-4:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-md-4:last-child,
    .col-md-4:nth-child(2n) {
        margin-right: 0
    }
    .col-md-4:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-md-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }
    .col-md-4:last-child,
    .col-md-4:nth-child(3n) {
        margin-right: 0
    }
    .col-md-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-5:last-child,
    .col-md-5:nth-child(1n) {
        margin-right: 0
    }
    .col-md-5:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }
    .col-md-5:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-md-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }
    .col-md-5:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-6:last-child,
    .col-md-6:nth-child(1n) {
        margin-right: 0
    }
    .col-md-6:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-md-6:last-child,
    .col-md-6:nth-child(2n) {
        margin-right: 0
    }
    .col-md-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-md-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-md-6:last-child,
    .col-md-6:nth-child(2n) {
        margin-right: 0
    }
    .col-md-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-7:last-child,
    .col-md-7:nth-child(1n) {
        margin-right: 0
    }
    .col-md-7:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%
    }
    .col-md-7:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-md-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%
    }
    .col-md-7:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-8:last-child,
    .col-md-8:nth-child(1n) {
        margin-right: 0
    }
    .col-md-8:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%
    }
    .col-md-8:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-md-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%
    }
    .col-md-8:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-9:last-child,
    .col-md-9:nth-child(1n) {
        margin-right: 0
    }
    .col-md-9:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%
    }
    .col-md-9:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-md-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%
    }
    .col-md-9:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-10:last-child,
    .col-md-10:nth-child(1n) {
        margin-right: 0
    }
    .col-md-10:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%
    }
    .col-md-10:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-md-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%
    }
    .col-md-10:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-11:last-child,
    .col-md-11:nth-child(1n) {
        margin-right: 0
    }
    .col-md-11:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 91.4701957002%
    }
    .col-md-11:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1040px) {
    .col-md-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 91.4701957002%
    }
    .col-md-11:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-md-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-12:last-child,
    .col-md-12:nth-child(1n) {
        margin-right: 0
    }
    .col-md-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-md-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-12:last-child,
    .col-md-12:nth-child(1n) {
        margin-right: 0
    }
    .col-md-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-md-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-md-12:last-child,
    .col-md-12:nth-child(1n) {
        margin-right: 0
    }
    .col-md-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) {
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-1:last-child,
    .col-lg-1:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-1:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-1:last-child,
    .col-lg-1:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-1:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-1 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 6.1721527019%
    }
    .col-lg-1:last-child,
    .col-lg-1:nth-child(12n) {
        margin-right: 0
    }
    .col-lg-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-2:last-child,
    .col-lg-2:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-2:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-2:last-child,
    .col-lg-2:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-2:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 14.7019570017%
    }
    .col-lg-2:last-child,
    .col-lg-2:nth-child(6n) {
        margin-right: 0
    }
    .col-lg-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-3:last-child,
    .col-lg-3:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-3:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-3:last-child,
    .col-lg-3:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-3:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-3 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%
    }
    .col-lg-3:last-child,
    .col-lg-3:nth-child(4n) {
        margin-right: 0
    }
    .col-lg-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-4:last-child,
    .col-lg-4:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-4:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-4:last-child,
    .col-lg-4:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-4:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-4 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%
    }
    .col-lg-4:last-child,
    .col-lg-4:nth-child(3n) {
        margin-right: 0
    }
    .col-lg-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-5:last-child,
    .col-lg-5:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-5:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-5:last-child,
    .col-lg-5:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-5:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-5 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%
    }
    .col-lg-5:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-6:last-child,
    .col-lg-6:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-6:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-6:last-child,
    .col-lg-6:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-6:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-6 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%
    }
    .col-lg-6:last-child,
    .col-lg-6:nth-child(2n) {
        margin-right: 0
    }
    .col-lg-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-7:last-child,
    .col-lg-7:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-7:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-7:last-child,
    .col-lg-7:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-7:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-7 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%
    }
    .col-lg-7:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-8:last-child,
    .col-lg-8:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-8:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-8:last-child,
    .col-lg-8:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-8:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-8 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%
    }
    .col-lg-8:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-9:last-child,
    .col-lg-9:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-9:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-9:last-child,
    .col-lg-9:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-9:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-9 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 74.4105871005%
    }
    .col-lg-9:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-10:last-child,
    .col-lg-10:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-10:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-10:last-child,
    .col-lg-10:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-10:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-10 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%
    }
    .col-lg-10:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-11:last-child,
    .col-lg-11:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-11:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-11:last-child,
    .col-lg-11:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-11:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-11 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 91.4701957002%
    }
    .col-lg-11:last-child {
        margin-right: 0
    }
}

.col-lg-12 {
    min-height: 1px
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-lg-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-12:last-child,
    .col-lg-12:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-lg-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-12:last-child,
    .col-lg-12:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-lg-12 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%
    }
    .col-lg-12:last-child,
    .col-lg-12:nth-child(1n) {
        margin-right: 0
    }
    .col-lg-12:nth-child(1n+1) {
        clear: left
    }
}

.col-no-gutter {
    margin-right: 0!important
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-1 {
        display: table-cell;
        width: 8.3333333333%
    }
    .col-no-gutter.col-sm-1:nth-child(12n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-1 {
        display: table-cell;
        width: 8.3333333333%
    }
    .col-no-gutter.col-sm-1:nth-child(12n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-sm-1 {
        display: table-cell;
        width: 8.3333333333%
    }
    .col-no-gutter.col-sm-1:nth-child(12n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-1:nth-child(12n+1) {
        clear: left
    }
    .col-no-gutter.col-sm-2 {
        display: table-cell;
        width: 16.6666666667%
    }
    .col-no-gutter.col-sm-2:nth-child(6n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-2 {
        display: table-cell;
        width: 16.6666666667%
    }
    .col-no-gutter.col-sm-2:nth-child(6n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-2 {
        display: table-cell;
        width: 16.6666666667%
    }
    .col-no-gutter.col-sm-2:nth-child(6n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-3 {
        display: table-cell;
        width: 25%
    }
    .col-no-gutter.col-sm-3:nth-child(4n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-3 {
        display: table-cell;
        width: 25%
    }
    .col-no-gutter.col-sm-3:nth-child(4n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-sm-3 {
        display: table-cell;
        width: 25%
    }
    .col-no-gutter.col-sm-3:nth-child(4n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-3:nth-child(4n+1) {
        clear: left
    }
    .col-no-gutter.col-sm-4 {
        display: table-cell;
        width: 33.3333333333%
    }
    .col-no-gutter.col-sm-4:nth-child(3n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-4 {
        display: table-cell;
        width: 33.3333333333%
    }
    .col-no-gutter.col-sm-4:nth-child(3n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-4 {
        display: table-cell;
        width: 33.3333333333%
    }
    .col-no-gutter.col-sm-4:nth-child(3n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-5 {
        display: table-cell;
        width: 41.6666666667%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-5 {
        display: table-cell;
        width: 41.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-sm-5 {
        display: table-cell;
        width: 41.6666666667%
    }
    .col-no-gutter.col-sm-6 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-sm-6:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-6 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-sm-6:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-6 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-sm-6:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-7 {
        display: table-cell;
        width: 58.3333333333%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-7 {
        display: table-cell;
        width: 58.3333333333%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-sm-7 {
        display: table-cell;
        width: 58.3333333333%
    }
    .col-no-gutter.col-sm-8 {
        display: table-cell;
        width: 66.6666666667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-8 {
        display: table-cell;
        width: 66.6666666667%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-8 {
        display: table-cell;
        width: 66.6666666667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-9 {
        display: table-cell;
        width: 75%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-9 {
        display: table-cell;
        width: 75%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-sm-9 {
        display: table-cell;
        width: 75%
    }
    .col-no-gutter.col-sm-10 {
        display: table-cell;
        width: 83.3333333333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-10 {
        display: table-cell;
        width: 83.3333333333%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-10 {
        display: table-cell;
        width: 83.3333333333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-11 {
        display: table-cell;
        width: 91.6666666667%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-11 {
        display: table-cell;
        width: 91.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-sm-11 {
        display: table-cell;
        width: 91.6666666667%
    }
    .col-no-gutter.col-sm-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-sm-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-sm-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-sm-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-sm-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-sm-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-sm-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-1 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-md-1:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-1:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-1 {
        display: table-cell;
        width: 8.3333333333%
    }
    .col-no-gutter.col-md-1:nth-child(12n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-1 {
        display: table-cell;
        width: 8.3333333333%
    }
    .col-no-gutter.col-md-1:nth-child(12n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-2 {
        display: table-cell;
        width: 33.3333333333%
    }
    .col-no-gutter.col-md-2:nth-child(3n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-2:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-2 {
        display: table-cell;
        width: 16.6666666667%
    }
    .col-no-gutter.col-md-2:nth-child(6n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-2 {
        display: table-cell;
        width: 16.6666666667%
    }
    .col-no-gutter.col-md-2:nth-child(6n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-3 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-3:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-3:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-3 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-md-3:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-3:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-3 {
        display: table-cell;
        width: 25%
    }
    .col-no-gutter.col-md-3:nth-child(4n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-4 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-4:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-4:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-4 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-md-4:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-4:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-4 {
        display: table-cell;
        width: 33.3333333333%
    }
    .col-no-gutter.col-md-4:nth-child(3n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-5 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-5:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-5:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-5 {
        display: table-cell;
        width: 41.6666666667%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-5 {
        display: table-cell;
        width: 41.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-6 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-6:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-6:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-6 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-md-6:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-6 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-md-6:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-7 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-7:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-7:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-7 {
        display: table-cell;
        width: 58.3333333333%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-7 {
        display: table-cell;
        width: 58.3333333333%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-8 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-8:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-8:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-8 {
        display: table-cell;
        width: 66.6666666667%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-8 {
        display: table-cell;
        width: 66.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-9 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-9:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-9:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-9 {
        display: table-cell;
        width: 75%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-9 {
        display: table-cell;
        width: 75%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-10 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-10:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-10:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-10 {
        display: table-cell;
        width: 83.3333333333%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-10 {
        display: table-cell;
        width: 83.3333333333%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-11 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-11:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-11:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-11 {
        display: table-cell;
        width: 91.6666666667%
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-11 {
        display: table-cell;
        width: 91.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-md-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-12:nth-child(1n+1) {
        clear: left
    }
    .col-no-gutter.col-lg-1 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-1:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-1:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-md-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-12:nth-child(1n+1) {
        clear: left
    }
    .col-no-gutter.col-lg-1 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-1:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-1:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-md-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-md-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-md-12:nth-child(1n+1) {
        clear: left
    }
    .col-no-gutter.col-lg-1 {
        display: table-cell;
        width: 8.3333333333%
    }
    .col-no-gutter.col-lg-1:nth-child(12n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-1:nth-child(12n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-2 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-2:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-2:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-2 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-2:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-2:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-2 {
        display: table-cell;
        width: 16.6666666667%
    }
    .col-no-gutter.col-lg-2:nth-child(6n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-2:nth-child(6n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-3 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-3:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-3:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-3 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-3:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-3:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-3 {
        display: table-cell;
        width: 25%
    }
    .col-no-gutter.col-lg-3:nth-child(4n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-3:nth-child(4n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-4 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-4:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-4:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-4 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-4:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-4:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-4 {
        display: table-cell;
        width: 33.3333333333%
    }
    .col-no-gutter.col-lg-4:nth-child(3n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-4:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-5 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-5:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-5:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-5 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-5:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-5:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-5 {
        display: table-cell;
        width: 41.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-6 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-6:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-6:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-6 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-6:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-6:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-6 {
        display: table-cell;
        width: 50%
    }
    .col-no-gutter.col-lg-6:nth-child(2n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-6:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-7 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-7:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-7:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-7 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-7:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-7:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-7 {
        display: table-cell;
        width: 58.3333333333%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-8 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-8:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-8:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-8 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-8:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-8:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-8 {
        display: table-cell;
        width: 66.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-9 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-9:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-9:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-9 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-9:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-9:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-9 {
        display: table-cell;
        width: 75%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-10 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-10:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-10:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-10 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-10:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-10:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-10 {
        display: table-cell;
        width: 83.3333333333%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-11 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-11:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-11:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-11 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-11:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-11:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-11 {
        display: table-cell;
        width: 91.6666666667%
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .col-no-gutter.col-lg-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) and (max-width: 1039px) {
    .col-no-gutter.col-lg-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-12:nth-child(1n+1) {
        clear: left
    }
}

@media screen and (min-width: 1040px) {
    .col-no-gutter.col-lg-12 {
        display: table-cell;
        width: 100%
    }
    .col-no-gutter.col-lg-12:nth-child(1n) {
        margin-right: 0
    }
    .col-no-gutter.col-lg-12:nth-child(1n+1) {
        clear: left
    }
}

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

.gridtest {
    padding: 25px
}

.gridtest .grid-cols {
    margin-bottom: 25px
}

.gridtest .grid-cols .row div,
.gridtest .grid-cols div[class*=' col-'],
.gridtest .grid-cols div[class^=col-] {
    background-color: #eaeaea;
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px
}

@font-face {
    font-family: Pompiere;
    src: url(fonts/Pompiere-Regular.eot);
    src: url(fonts/Pompiere-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/Pompiere-Regular.woff) format("woff"), url(fonts/Pompiere-Regular.ttf) format("truetype"), url(fonts/Pompiere-Regular.svg#b0422aeaa090cee3f9e8569597480d2d) format("svg");
    font-style: normal;
    font-weight: 400
}

.arrow-down {
    height: 120px;
    width: 120px;
    display: block;
    background-size: 120px 120px;
    background-image: url(img/arrow-down.svg);
    position: absolute;
    bottom: 0;
    margin: 0 auto 65px -60px;
    border: 2px solid #fff;
    border-radius: 60px;
    background-color: rgba(0, 0, 0, .2);
    left: 50%;
    z-index: 2
}

.no-svg .arrow-down {
    background-image: url(img/arrow-down.png)
}

.uplink {
    padding: 80px 0;
    text-align: center;
    background-color: #ffe600;
    z-index: 4;
    position: relative
}

.uplink a {
    display: inline-block;
    width: 125px;
    height: 125px;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    background-color: rgba(0, 0, 0, .2);
    outline: 0
}

.uplink a:before {
    display: block;
    width: 40px;
    height: 30px;
    position: relative;
    background-image: url(img/arrow-up.svg);
    background-size: 40px 30px;
    background-repeat: no-repeat;
    margin-left: -20px;
    left: 50%;
    margin-bottom: 5px
}

.uplink.no-arrow a:before {
    display: none
}

.uplink.no-arrow a {
    padding-top: 35px
}

.no-svg .uplink a:before {
    background-image: url(img/arrow-up.png)
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 350px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .grid figure {
        height: 250px
    }
}

.grid figure img {
    position: relative;
    display: block;
    max-width: 100%;
    min-height: 100%;
    min-width: 500px;
    width: 100%;
    height: auto;
    top: 0;
    left: 0
}

.grid figure svg {
    min-height: 100%;
    min-width: 100%
}

.grid figure svg#svg-orange {
    background-color: #FF9600
}

.grid figure svg#svg-facebook {
    background-color: #29A2FF
}

.grid figure h2 {
    color: #fff;
    font-size: 45px;
    font-family: Pompiere;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .1)
}

.grid figure figcaption {
    padding: 0 12.5%;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    backface-visibility: hidden
}

.grid figure figcaption,
.overlay ul li,
.verhaal-screen .videoPlayer:after,
figure.effect-ruby img,
video#bgvid {
    -webkit-backface-visibility: hidden
}

@media screen and (max-width: 767px) {
    .grid figure h2 {
        font-size: 20px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
    }
    .grid figure figcaption {
        font-size: 12px
    }
}

#verhaal-intro h1,
.agenda-legende h2 {
    text-shadow: 0 3px 0 rgba(0, 0, 0, .1)
}

.grid figure figcaption::after,
.grid figure figcaption::before {
    pointer-events: none
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    display: block
}

.grid figure p {
    margin: 0;
    letter-spacing: 1px;
    font-size: 12px
}

figure.effect-ruby {
    background-color: #000;
    position: relative
}

figure.effect-ruby picture {
    display: block;
    position: relative;
    height: 100%;
    width: 100%
}

figure.effect-ruby picture:after {
    display: block;
    background-color: rgba(0, 0, 0, .2);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

figure.effect-ruby>h3 {
    position: absolute;
    width: 100%;
    top: 180px;
    color: #fff
}

figure.effect-ruby>span {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
    color: #fff
}

figure.effect-ruby img {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    position: relative;
    display: block
}

@media screen and (max-width: 767px) {
    figure.effect-ruby img {
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01)
    }
    figure.effect-ruby>span {
        display: none
    }
    figure.effect-ruby>h3 {
        top: 160px;
        font-size: 1.5rem
    }
}

figure.effect-ruby:hover img {
    opacity: 1;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01)
}

figure.effect-ruby h2 {
    margin-top: 32%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

@media screen and (max-width: 767px) {
    figure.effect-ruby h2 {
        margin-top: 20%
    }
}

figure.effect-ruby p {
    margin: 1em 0 0;
    padding: 15px 40px;
    border: 2px solid #fff;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1)
}

h1,
h2 {
    text-transform: uppercase;
    font-family: Pompiere;
    font-weight: 700;
    margin: 0
}

figure.effect-ruby:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.effect-ruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.ie8fallback,
svg desc {
    display: none
}

.ie8 .ie8fallback {
    display: block
}

.ie8 svg {
    display: none
}

.ie8 .grid figure figcaption {
    z-index: 1080
}

.ie8 .grid figure picture {
    z-index: 1
}

.ie8 .grid figure figcaption>a {
    z-index: 1050;
    white-space: normal;
    background-color: green;
    filter: alpha(opacity=0);
    text-indent: 0;
    color: #fff
}

h1 {
    color: #fff;
    font-size: 80px
}

h2 {
    font-size: 45px
}

h2.large {
    font-family: Pompiere;
    font-size: 60px;
    font-weight: 700;
    margin: 0 0 25px;
    text-transform: uppercase
}

h3 {
    font-size: 45px;
    font-family: Pompiere;
    font-weight: 700;
    margin: 15px 0 0;
    text-transform: uppercase
}

@media screen and (max-width: 1039px) {
    h1 {
        font-size: 60px
    }
    h2,
    h2.large {
        font-size: 35px
    }
    h3 {
        font-size: 25px
    }
}

@media screen and (max-width: 767px) {
    figure.effect-ruby h2 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    figure.effect-ruby p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
    h1 {
        font-size: 25px;
        line-height: 1.1
    }
    h2,
    h2.large {
        font-size: 20px
    }
    h3 {
        font-size: 15px
    }
}

::-webkit-input-placeholder {
    color: #fff;
    -webkit-font-smoothing: antialiased
}

:-moz-placeholder {
    color: #fff;
    opacity: 1
}

::-moz-placeholder {
    color: #fff;
    opacity: 1
}

:-ms-input-placeholder {
    color: #fff
}

form ul {
    margin: 0;
    padding: 0
}

form li {
    list-style: none;
    width: 48%;
    display: block;
    font-weight: 200
}

form li:nth-child(odd) {
    margin-right: 2%
}

form li:last-child {
    width: 100%
}

form li textarea {
    height: 202px;
    width: 100%
}

form label {
    font-weight: 200;
    color: #fff
}

#input_2_1_3_container label {
    display: none
}

input,
select,
textarea {
    width: 100%;
    border: none;
    padding: 10px;
    background-color: #00823c;
    color: #fff;
    font-size: 12px;
    -webkit-appearance: none;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 20px
}

input:focus,
textarea:focus {
    outline: 0
}

.placeholdersjs {
    color: #fff
}

.gform_footer {
    margin-top: 10px
}

.gform_footer input {
    width: auto;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    padding: 15px
}

.gform_confirmation_message,
.validation_error {
    color: #fff
}

.gfield_error input,
.gfield_error textarea {
    border-right: 2px solid red
}

@media screen and (max-width: 767px) {
    .gform_footer {
        text-align: center
    }
    .gform_footer input {
        width: auto;
        display: inline-block;
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff;
        padding: 15px;
        font-size: 16px;
        font-weight: 200;
        margin-top: 10px
    }
}

.csstransforms .vertical-center {
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slick-slide img {
    width: 100%
}

.slick-prev {
    left: 25px
}

.slick-next {
    right: 25px
}

#agenda {
    background-color: #ffe600;
    padding-top: 60px
}

#agenda .wrapper {
    margin-bottom: 60px
}

.agenda-header h2 {
    color: #00823c;
    font-size: 80px;
    text-align: center
}

.agenda-header p {
    color: #fff;
    text-align: justify;
    margin: 30px 0;
    font-weight: 300
}

.agenda {
    margin: 50px auto 0;
    text-align: left;
    min-height: 400px;
    height: 1px
}

.agenda-legende {
    background-color: #fff;
    color: #00823c;
    text-align: center;
    height: 100%
}

.agenda-item {
    background-color: #00823c;
    color: #fff;
    min-height: 133px;
    margin: 0 .5px 1px;
    padding: 20px 10px;
    display: block
}

.agenda-item p {
    margin: 0;
    color: #52B334;
    text-transform: uppercase
}

.agenda-item h3 {
    font-size: 26px;
    margin: 0
}

.navigation-agenda {
    padding-top: 15px
}

.navigation-agenda .next,
.navigation-agenda .prev {
    display: inline-block;
    zoom: 1;
    width: 40px;
    height: 40px;
    outline: 0;
    background-size: cover;
    -ms-behavior: url(/cibel/polyfills/backgroundsize.min.htc);
    text-indent: -9999px
}

.navigation-agenda .next.next,
.navigation-agenda .prev.next {
    background-image: url(img/icons/arrow-next.svg)
}

.navigation-agenda .next.prev,
.navigation-agenda .prev.prev {
    background-image: url(img/icons/arrow-prev.svg)
}

.no-svg .navigation-agenda .next.next,
.no-svg .navigation-agenda .prev.next {
    background-image: url(img/icons/arrow-next.png)
}

.no-svg .navigation-agenda .next.prev,
.no-svg .navigation-agenda .prev.prev {
    background-image: url(img/icons/arrow-prev.png)
}

@media screen and (max-width: 1039px) {
    .agenda,
    .agenda-item {
        min-height: 0
    }
    .agenda {
        margin: 20px auto 0;
        text-align: left;
        height: auto!important
    }
    .csstransforms .agenda .vertical-center {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0
    }
    .agenda-legende h2 {
        text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
        font-size: 40px
    }
    .seizoen--slider {
        padding: 0 10px
    }
    .agenda-legende .slick-slider {
        margin-bottom: 0;
        padding: 10px 0
    }
    .navigation-agenda {
        padding: 0
    }
    .navigation-agenda .next,
    .navigation-agenda .prev {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        left: 5px;
        width: 30px;
        height: 30px;
        background-size: 30px
    }
    .seizoen {
        position: relative
    }
    .navigation-agenda .next {
        right: 5px;
        left: auto
    }
    .agenda-header h2 {
        font-size: 45px
    }
    .agenda-header p {
        display: none
    }
    #agenda {
        padding-top: 20px
    }
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href)")"
    }
    abbr[title]:after {
        content: " (" attr(title)")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    body {
        font: 12pt Helvetica, Arial, sans-serif;
        line-height: 1.3
    }
    .grid,
    .image-slider,
    footer,
    header {
        display: none!important
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 18px;
        padding: 0;
        margin: 1em 0
    }
    article.recept {
        padding-top: 0!important
    }
    .recept-body {
        padding-bottom: 0!important;
        border-bottom: 1px solid #ccc!important
    }
    table tr td {
        padding: 5px
    }
}

.navigation,
.navigation.see-through,
.responsive-nav {
    display: none
}

.navigation {
    background: #ffe600;
   /* background: -webkit-gradient(linear, left top, right top, color-stop(0, #3aa13d), color-stop(37%, #5ab33c), color-stop(46%, #5eb73d), color-stop(62%, #5bb43c), color-stop(100%, #3ba13d));
    background: -webkit-linear-gradient(left, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);
    background: linear-gradient(to right, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3aa13d', endColorstr='#3ba13d', GradientType=1);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 1
}

.navigation nav {
    display: block
}

.navigation nav::after,
.navigation ul::after {
    clear: both;
    content: "";
    display: table
}

.navigation ul {
    padding: 0;
    margin: 0;
    text-align: center
}

.navigation li {
    list-style: none;
    display: inline-block;
    padding: 10px 0
}

.navigation li a {
    padding: 0 40px;
    border-right: 1px solid #007d3f;
    display: block;
    color: #007d3f;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    outline: 0
}

.navigation li:first-child a {
    border-left: 1px solid #007d3f
}

.navigation li.current-menu-item,
.navigation li:hover {
    border-bottom: 2px solid #00823c;
    padding-bottom: 8px
}

.navigation.navigation-relative {
    position: relative;
    opacity: 1;
    display: block
}

.navigation:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background-color: rgba(0, 0, 0, .1)
}

.ie8 .navigation.see-through {
    display: block!important
}

.logowrapper a {
    outline: 0
}

header .navigation-content {
    list-style-type: none;
    color: #fff
}

header .navigation-content::after {
    clear: both;
    content: "";
    display: table
}

header .navigation-content li {
    text-align: center;
    padding-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase
}

header .navigation-content li a {
    color: #fff;
    text-decoration: none
}

header .navigation-content li span {
    width: 100%;
    display: block
}

header img#logo {
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 5px
}

@media screen and (max-width: 1039px) {
    #top {
        margin-top: 58px
    }
    .navigation {
        display: none!important;
        opacity: 0!important
    }
    .navigation.see-through {
        display: none
    }
    .navigation li {
        display: block
    }
    .navigation li a {
        padding: 0 10px;
        border: none
    }
    .navigation li.current-menu-item,
    .navigation li:first-child a,
    .navigation li:hover {
        border: none
    }
    .navigation.navigation-relative {
        display: none
    }
    .responsive-nav {
        position: fixed;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        top: 0;
        width: 100%;
        left: 0;
        display: block;
        padding: 10px 0;
        background: #ffe600;
       /*background: -webkit-gradient(linear, left top, right top, color-stop(0, #3aa13d), color-stop(37%, #5ab33c), color-stop(46%, #5eb73d), color-stop(62%, #5bb43c), color-stop(100%, #3ba13d));
        background: -webkit-linear-gradient(left, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);
        background: linear-gradient(to right, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);*/
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3aa13d', endColorstr='#3ba13d', GradientType=1);
        text-align: center;
        z-index: 1005
    }
    .responsive-nav.open {
        background: 0 0
    }
    .responsive-nav.open img,
    .responsive-nav.open:after {
        display: none
    }
    .responsive-nav:after {
        position: absolute;
        width: 100%;
        height: 4px;
        top: 100%;
        content: "";
        display: block;
        background-color: rgba(0, 0, 0, .1)
    }
    .responsive-nav .responsive-logo {
        display: inline-block;
        zoom: 1;
        width: 80px
    }
    .responsive-nav .responsive-logo img {
        width: 100%;
        height: auto
    }
}

body {
    font-family: Roboto;
    position: relative
}

#landing-image h1,
.articles h2,
.bubble>h3,
.product-overzicht li a {
    font-family: Pompiere
}

video#bgvid {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transition: 1s opacity;
    transition: 1s opacity
}

#landing-image {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
    height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 2
}

#landing-image .logo {
    width: 200px;
    margin: 0 auto 25px;
    padding-top: 10%;
    z-index: 2;
    position: relative
}

#landing-image .logo img {
    width: 100%
}

#landing-image h1 {
    color: #52B334;
    text-align: center;
    margin: 0 auto;
    width: 600px;
    line-height: 1.4em;
    font-weight: 700;
    z-index: 2;
    position: relative;
    text-shadow: 0 5px 0 rgba(0, 0, 0, .1)
}

.articles h2,
.bubble {
    position: absolute;
    color: #fff
}

.landing-image-responsive {
    display: none;
    height: 35vh;
    background: #ffe600;
   /* background: -webkit-gradient(linear, left top, right top, color-stop(0, #3aa13d), color-stop(37%, #5ab33c), color-stop(46%, #5eb73d), color-stop(62%, #5bb43c), color-stop(100%, #3ba13d));
    background: -webkit-linear-gradient(left, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);
    background: linear-gradient(to right, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3aa13d', endColorstr='#3ba13d', GradientType=1)
}

.landing-image-responsive .arrow-down {
    width: 35px;
    height: 35px;
    background-size: 35px;
    border-width: 1px;
    background-color: transparent;
    position: relative;
    margin: 0 auto;
    left: 0;
    top: 0
}

.landing-image-responsive h1 {
    padding: 0 25%;
    margin-bottom: 10px;
    color:#007d3f;
}

@media screen and (max-width: 1024px) {
    #landing-image {
        height: calc(65vh - 350px);
        background-attachment: scroll
    }
    #landing-image .arrow-down,
    #landing-image h1 {
        display: none
    }
    .landing-image-responsive {
        display: block
    }
    video#bgvid {
        display: none
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    #landing-image {
        height: 768px
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    #landing-image {
        height: 576px
    }
}

@media screen and (device-aspect-ratio: 40 / 71) {
    #landing-image {
        height: 500px
    }
}

#grid {
    z-index: 3;
    position: relative
}

.articles {
    width: 100%
}

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

.articles h2 {
    font-size: 30px;
    text-shadow: 2px 2px #000;
    text-align: center;
    bottom: 10px;
    left: 0;
    right: 0
}

@media screen and (max-width: 767px) {
    #landing-image {
        padding-top: 50px;
        height:40vh;
    }
    #landing-image .logo {
        width: 200px
    }
    #landing-image h1 {
        width: 85%
    }
}

#map-canvas {
    height: 500px
}

#contact-mobile {
    display: none
}

.bubble {
    background-color: #50AE3C;
    width: 250px;
    right: 60%;
    margin-top: -370px;
    padding: 5px 20px 15px
}

.bubble>div.contact,
.bubble>h3 {
    color: #00823C
}

.bubble>h3 {
    font-size: 1.9rem
}

.bubble>div.address {
    margin: 30px 0
}

.bubble>div.contact>a {
    text-decoration: none;
    color: #00823C
}

.bubble>div.triangle {
    right: -30px;
    top: 50%;
    margin-top: -30px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 30px;
    border-color: transparent transparent transparent #50AE3C;
    line-height: 0
}

.infowindow-wrapper {
    padding: 5px;
    min-width: 200px
}

.infowindow-wrapper h4,
.infowindow-wrapper p {
    margin: 0
}

.infowindow-wrapper h4 {
    padding-bottom: 10px
}

@media screen and (max-width: 1039px) {
    #map-canvas {
        height: 200px
    }
    .bubble {
        display: none
    }
    #contact-mobile>.contact {
        font-weight: 200
    }
    #contact-mobile>.contact>a {
        color: #fff;
        text-decoration: none;
        font-weight: 200
    }
    #contact-mobile>.address {
        margin: 20px 0;
        font-weight: 200
    }
    #contact-mobile {
        display: block;
        margin-bottom: 30px;
        color: #fff
    }
    #contact-mobile>h2 {
        color: #00823C;
        font-size: 35px;
        margin-top: 50px
    }
    #contact-form {
        padding: 0 0 50px!important
    }
}

@media screen and (max-width: 767px) {
    #contact-mobile {
        padding: 20px 6%
    }
    #contact-form {
        padding-bottom: 0!important
    }
}

#product-intro {
    padding: 60px 0 20px;
    background-color: #FF9600;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 30%
}

.product-navigatie {
    height: 450px;
    text-indent: -9999px
}

.product-navigatie ul {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-navigatie li {
    list-style: none;
    margin-bottom: 30px
}

.product-navigatie li:last-child {
    margin-bottom: 0
}

.product-navigatie .product-link {
    width: 120px;
    height: 120px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    outline: 0
}

.product-navigatie .product-link.product-link-orange,
.product-navigatie .product-link.product-link-sinaasappel {
    background-image: url(img/sprite/appelsien-inactive.png)
}

.product-navigatie .product-link.product-link-orange.active,
.product-navigatie .product-link.product-link-sinaasappel.active {
    background-image: url(img/sprite/appelsien-active.png)
}

.product-navigatie .product-link.product-link-clementine,
.product-navigatie .product-link.product-link-mandarijn {
    background-image: url(img/sprite/mandarijn-inactive.png)
}

.product-navigatie .product-link.product-link-clementine.active,
.product-navigatie .product-link.product-link-mandarijn.active {
    background-image: url(img/sprite/mandarijn-active.png)
}

.product-overzicht-last {
    margin-right: 0!important
}

#product-intro .product-overzicht {
    margin-right: 2.3576515979%
}

.product-overzicht h1 {
    text-align: center;
    text-shadow: 0 5px 0 rgba(0, 0, 0, .1);
    text-transform: uppercase;
    margin-top: 45px
}

.product-overzicht .nav-left .indent {
    margin-left: -35px
}

.product-overzicht .nav-right,
.product-overzicht .nav-right ul {
    float: right
}

.product-overzicht .nav-right .indent {
    margin-left: 35px
}

.product-overzicht ul {
    margin: 0;
    padding: 0
}

.product-overzicht li {
    list-style: none;
    margin-top: 20px
}

.product-overzicht li:first-child {
    margin-top: 0
}

.product-overzicht li a {
    display: block;
    text-align: center;
    outline: 0;
    height: 75px;
    width: 75px;
    color: #fff;
    font-weight: 700;
    border-radius: 100%;
    text-decoration: none;
    font-size: 30px;
    line-height: .7em;
    padding: 15px 0
}

.product-overzicht li a.active,
.product-overzicht li a:hover {
    background-color: transparent;
    border: 2px solid #E24910;
    color: #E24910
}

.product-overzicht li a span {
    display: block;
    font-size: 12px
}

@media screen and (max-width: 1039px) {
    .product-overzicht {
        margin-bottom: 30px
    }
    .product-overzicht h1 {
        display: none
    }
    .product-overzicht .nav-left li {
        margin-left: 20px
    }
    .product-overzicht .nav-left .indent {
        margin-left: 0
    }
    .product-overzicht .nav-right,
    .product-overzicht .nav-right ul {
        float: right
    }
    .product-overzicht .nav-right li {
        margin-left: -20px
    }
    .product-overzicht .nav-right .indent {
        margin-left: 0
    }
    .product-overzicht li a {
        height: 40px;
        width: 40px;
        font-size: 12px;
        padding: 9px 0;
        line-height: 1
    }
    .product-overzicht li a span {
        font-size: 6px
    }
}

.product-info-article {
    color: #E24910;
    font-size: 12px;
    padding: 20px;
    border: 1px solid #E24910;
    display: none
}

.product-info-article .percentage--ball,
.product-info-article h2 {
    font-family: Pompiere;
    font-weight: 700;
    color: #fff
}

.product-info-article.active {
    display: block
}

.product-info-article h2 {
    font-size: 30px;
    margin: 0;
    text-transform: uppercase
}

.product-info-article .article--header {
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff
}

.product-info-article .subtitle {
    font-size: 16px;
    display: block
}

.product-info-article .percentage--ball {
    height: 75px;
    width: 75px;
    text-align: center;
    padding: 15px 0;
    background-color: #FF9600;
    font-size: 30px;
    border-radius: 75px;
    margin-left: -37.5px;
    left: 50%;
    position: relative
}

@media screen and (max-width: 1039px) {
    .product-info-article .percentage--ball,
    .product-info-article h2 {
        color: #fff;
        font-family: Pompiere;
        font-weight: 700
    }
    .product-info-article {
        text-align: center;
        display: none
    }
    .product-info-article.active {
        display: block
    }
    .product-info-article h2 {
        font-size: 30px;
        margin: 0;
        text-transform: uppercase
    }
    .product-info-article .article--header {
        margin-bottom: 5px;
        padding-bottom: 10px;
        border-bottom: 1px solid #fff
    }
    .product-info-article .subtitle {
        font-size: 16px;
        display: block
    }
    .product-info-article .percentage--ball {
        height: 75px;
        width: 75px;
        text-align: center;
        padding: 15px 0;
        background-color: #FF9600;
        font-size: 30px;
        border-radius: 75px;
        margin-left: -37.5px;
        left: 50%;
        position: relative
    }
}

#product-tabs {
    background-color: #ffe600;
    padding: 0 0 10px;
    border-top: 3px solid rgba(0, 0, 0, .2)
}

#product-tabs .tabs ul {
    margin: 0;
    padding: 0 0 50px
}

#product-tabs .tabs ul::after {
    clear: both;
    content: "";
    display: table
}

#product-tabs .tabs li {
    float: left;
    width: 25%;
    border-left: 1px solid #00823c;
    text-align: center
}

#product-tabs .tabs li:first-child {
    border: none
}

#product-tabs .tabs li a {
    width: 100%;
    text-decoration: none;
    color: #00823c;
    font-family: Pompiere;
    font-weight: 700;
    font-size: 30px;
    display: inline-block;
    outline: 0
}

#product-tabs .tabs li a.active,
#product-tabs .tabs li a:hover {
    color: #fff;
    position: relative
}

#product-tabs .tabs li a.active:after,
#product-tabs .tabs li a:hover:after {
    position: absolute;
    top: 100%;
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    left: 50%;
    margin-left: -7.5px;
    margin-top: 5px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #fff
}

.tab-info {
    color: #007d3f;
    padding: 45px 0
}

.tab-info img {
    max-width: 100%
}

.tab-info h2 {
    color: #007d3f;
    padding: 0 0 50px;
    text-align: center;
    position: relative
}

.tab-info h2:after,
.tab-info h2:before {
    content: "-"
}

.tab-info a {
    color: #fff
}

.article-slider-wrapper {
    -webkit-user-select: text
}

.tab-info-wrapper:after {
    content: "";
    position: relative;
    height: 1px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background-color: #00823c;
    margin-top: 50px;
    display: none
}

.tab-info-wrapper p {
    margin: 0 0 10px;
    font-weight: 300;
    text-align: center
}

@media screen and (max-width: 1039px) {
    .tab-info h2,
    .tab-info p {
        text-align: center
    }
    .tab-info {
        color: #fff;
        padding: 25px 0
    }
    .tab-info img {
        max-width: 100%
    }
    .tab-info h2 {
        color: #00823c;
        padding: 0;
        font-size: 45px;
        font-weight: 400;
        position: relative
    }
    .tab-info h2:after,
    .tab-info h2:before {
        content: ""
    }
    #product-intro {
        padding-top: 35px
    }
    .product-navigatie ul::after {
        clear: both;
        content: "";
        display: table
    }
    .product-navigatie li {
        float: left;
        width: 50%
    }
    .product-navigatie .product-link {
        margin: 0 auto
    }
    #product-tabs {
        padding-bottom: 0
    }
    #product-tabs .tabs li {
        float: none;
        width: 100%;
        border: none
    }
    #product-tabs .tabs li a.active,
    #product-tabs .tabs li a:hover {
        color: #fff;
        position: relative
    }
    #product-tabs .tabs li a.active:after,
    #product-tabs .tabs li a:hover:after {
        display: none
    }
    .product-navigatie {
        text-indent: 0;
        height: auto;
        background-image: none;
        font-size: 40px
    }
    .product-navigatie select {
        -webkit-appearance: none;
        width: 100%;
        margin-bottom: 35px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        color: #fff;
        font-family: Pompiere;
        text-align: center;
        background-image: url(img/dropdown.svg);
        background-position: right center;
        background-size: 15px 10px;
        background-repeat: no-repeat
    }
    .product-navigatie ul {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        display: none
    }
}

.ie8 .nav-right {
    margin-right: 0!important
}

.product-afbeelding {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.verhaal-screen {
    height: 515px;
    position: relative;
    background-attachment: fixed;
    width: 100%
}

.verhaal-screen .videoPlayer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    text-decoration: none!important
}

.verhaal-screen .videoPlayer:before {
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 5;
    border-color: transparent transparent transparent #FFF;
    border-style: solid;
    border-width: 25px 0 25px 50px;
    content: "";
    transition: 400ms opacity ease-in;
    -webkit-backface-visibility: hidden;
    -moz-transform: scale(.9999)
}

.verhaal-screen .videoPlayer:after,
.verhaal-screen .videoPlayer:before {
    opacity: 0;
    position: absolute;
    display: block;
    -webkit-transition: 400ms opacity ease-in
}

.verhaal-screen .videoPlayer:after {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 4;
    left: 0;
    top: 0;
    content: "bekijk de video";
    color: #fff;
    text-align: center;
    padding-top: 200px;
    transition: 400ms opacity ease-in;
    text-decoration: none!important
}

.verhaal-screen .videoPlayer:hover:after,
.verhaal-screen .videoPlayer:hover:before {
    opacity: 1
}

.verhaal-screen .videoLayer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: auto;
    background-color: #000;
    display: none
}

.verhaal-screen .videoLayer video {
    height: auto;
    width: 100%
}

.verhaal-screen .videoLayer.visible-player {
    z-index: 5
}

.responsive-arrow-down {
    display: none
}

@media screen and (max-width: 1039px) {
    .responsive-hidden .image,
    .responsive-hidden .image picture img {
        width: 100%
    }
    .verhaal-screen.parallax {
        height: auto;
        background-attachment: scroll;
        background-position: center center!important
    }
    #product-tabs .verhaal-screen.parallax {
        height: 175px
    }
    .csstransforms .verhaal-screen .vertical-center {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: auto
    }
    #verhaal-intro .verhaal-screen {
        padding: 50px 0
    }
    .verhaal-screen {
        height: auto;
        position: relative;
        background-attachment: scroll;
        width: 100%
    }
    .verhaal-screen .videoLayer,
    .verhaal-screen .videoPlayer {
        display: none
    }
    .responsive-hidden {
        background: #fff
    }
    .responsive-hidden .image picture {
        display: block
    }
    .responsive-arrow-down {
        display: inline-block;
        width: 50px;
        height: 50px;
        margin-top: 35px;
        background-image: url(img/arrow-down.svg);
        background-position: center center;
        background-size: 50px;
        border: 1px solid #fff;
        border-radius: 50px
    }
    .no-svg .responsive-arrow-down {
        background-image: url(img/arrow-down.png)
    }
}

.parallax,
.text-slide {
    background-color: #ffe600
}

video {
    width: 100%;
    height: 100%
}

.parallax {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.parallax-mirror {
    z-index: 3!important
}

.text-slide {
    text-align: center
}

.text-slide article {
    width: 700px;
    margin: 0 auto
}

.text-slide article:after {
    content: "";
    display: block;
    position: relative;
    height: 1px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background-color: #00823c;
    margin-top: 50px
}

.text-slide article h2 {
    color: #00823c
}

.text-slide article p {
    color: #00823c;
    font-weight: 300
}

.text-slide.text-slide-orange,
.text-slide.text-slide-orange:after,
.text-slide.text-slide-orange:before {
    background-color: #FF9600
}

@media screen and (max-width: 1039px) {
    .text-slide {
        border-bottom: 1px solid #00823c;
        overflow: hidden
    }
    .text-slide:last-child {
        border: none
    }
    .text-slide article {
        width: 98%
    }
    .text-slide article h2 {
        font-size: 35px;
        margin: 5px 0 0;
        font-weight: 400
    }
    .text-slide article:after {
        display: none
    }
    .responsive-visible {
        padding: 30px 0;
        cursor: pointer
    }
    .content p {
        color: #00823c;
        padding: 30px 0;
        line-height: 1.7;
        font-weight: lighter;
        margin: 0
    }
    .responsive-hidden {
        -webkit-transition: 400ms max-height;
        transition: 400ms max-height;
        display: none
    }
    .responsive-hidden.open {
        display: block
    }
    .responsive-hidden.open:after {
        position: absolute;
        width: 20px;
        height: 20px;
        background-size: 20px;
        background-image: url(img/close-icon.svg);
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        display: block;
        top: 0;
        right: 0;
        margin-top: 20px;
        margin-right: 20px;
        pointer-events: none
    }
    .no-svg .responsive-hidden.open:after {
        background-image: url(img/close-icon.png)
    }
}

#keuken-intro,
.image-slider .slide {
    -ms-behavior: url(/cibel/polyfills/backgroundsize.min.htc);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.recept-body,
.recept-header {
    border-bottom: 1px solid #00823c
}

#verhaal-intro {
    background-color: transparent;
    text-align: center;
    z-index: 3
}

#verhaal-intro h1 {
    text-transform: uppercase;
    color: #52B334;
    margin: 0
}

#verhaal-intro h1 span.extra {
    display: block;
    font-family: Roboto;
    font-size: 30px;
    text-transform: none;
    color: #fff;
    text-shadow: none
}

.video-js .vjs-tech {
    position: relative
}

.fancybox-skin {
    border-radius: 0
}

.vjs-sublime-skin .vjs-play-control {
    outline: 0
}

@media screen and (max-width: 1039px) {
    #verhaal-intro {
        background-color: transparent;
        text-align: center
    }
    #verhaal-intro h1 {
        text-transform: uppercase;
        text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
        color: #52B334;
        font-size: 40px;
        margin-top: 40px
    }
    #verhaal-intro h1 span.extra {
        display: block;
        font-family: Roboto;
        font-size: 16px;
        text-transform: none;
        color: #fff;
        text-shadow: none;
        font-weight: 300;
        margin-bottom: 10px
    }
}

#keuken-intro {
    background-image: url(voorbeeldafbeeldingen/achtergrond-keuken.jpg);
    padding: 175px 0
}

#keuken-intro article {
    margin: 0 auto;
    text-align: center;
    width: 700px
}

#keuken-intro article:after {
    content: "";
    display: block;
    position: relative;
    height: 1px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background-color: #00823c;
    margin-top: 50px
}

#keuken-intro article h1 {
    color: #52B334;
    text-transform: uppercase;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .1);
    font-weight: 400
}

#keuken-intro article p,
.recept {
    font-weight: 300;
    color: #fff
}

#keuken-intro article p {
    font-size: 16px
}

@media screen and (max-width: 1039px) {
    #keuken-intro {
        padding: 100px 0
    }
    #keuken-intro article {
        width: 94%
    }
    #keuken-intro article h1 {
        font-size: 40px
    }
    #keuken-intro article p,
    #keuken-intro article:after {
        display: none
    }
}

#single-recept {
    padding: 0;
    background-color: #ffe600
}

article.recept {
    padding-top: 60px
}

.recept p {
    margin: 0 0 1em
}

.recept p:last-child {
    margin-bottom: 0
}

.recept-header .recept-categorie {
    text-transform: uppercase;
    color: #00823c;
    font-weight: 300;
    font-size: 30px;
    margin: 5px 0;
    display: block
}

.recept-body {
    padding-bottom: 60px
}

.recept-body h3 {
    color: #00823c;
    margin-bottom: 15px
}

.image-slider ul,
.recept-body ul {
    margin: 0;
    padding: 0
}

.image-slider ul,
.recept-body ul li {
    list-style: none
}

.image-slider .slide {
    min-height: 450px;
    height: 1px;
    position: relative
}

.image-slider .overlay-afbeelding {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 2
}

#sport-intro article:after,
.image-slider h1:after {
    content: "";
    left: 50%
}

.image-slider .vertical-center {
    z-index: 3;
    position: relative
}

.image-slider h1 {
    font-size: 60px
}

.image-slider h1:after {
    display: block;
    position: relative;
    height: 1px;
    width: 250px;
    margin-left: -125px;
    background-color: #fff;
    margin-top: 0
}

.image-slider .recept-categorie {
    text-transform: uppercase;
    color: #fff;
    font-family: Pompiere;
    font-weight: 300;
    font-size: 30px;
    margin: 5px 0;
    display: block
}

.recept-footer {
    padding: 20px 0
}

.recept-footer .print {
    display: block;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-size: 50px;
    background-image: url(img/icons/print-icon.png);
    background-position: center center;
    outline: 0
}

table td {
    padding: 0 5px
}

.social-links {
    float: right;
    margin-top: 15px
}

.social-links::after {
    clear: both;
    content: "";
    display: table
}

.social-links .social-link {
    float: left;
    margin-left: 15px
}

.social-links .social-link.facebook {
    margin-top: -2px
}

.social-links .social-link #twitter-widget-0 {
    width: 90px!important
}

.recept-tabs {
    display: none
}

@media screen and (max-width: 1039px) {
    .recept-tabs {
        margin-top: 30px
    }
    .recept-tabs ol {
        margin: 0
    }
    .recept-tabs {
        display: block;
        border: 1px solid #00823c;
        margin-bottom: 30px
    }
    .recept-tabs .content-box {
        padding: 15px 10px
    }
    .recept-tabs .content-box .article {
        display: none
    }
    .recept-tabs .content-box .article.active {
        display: block
    }
    .recept-tabs ul {
        margin: 0;
        padding: 0
    }
    .recept-tabs ul li {
        float: left;
        display: block;
        width: 50%;
        text-align: center;
        border-bottom: 1px solid #00823c
    }
    .recept-tabs ul li:first-child {
        border-right: 1px solid #00823c
    }
    .recept-tabs ul li a {
        color: #00823c;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px;
        font-family: Pompiere;
        font-weight: 700;
        padding: 10px 0;
        display: block
    }
    .image-slider .recept-categorie,
    .image-slider h1:after {
        display: none
    }
    .recept-tabs ul li a.active {
        background-color: #FF9600
    }
    .image-slider h1 {
        font-size: 40px;
        text-transform: none;
        font-weight: 400;
        text-shadow: 0 2px 0 rgba(0, 0, 0, .1)
    }
}

#sport-intro {
    padding: 75px;
    background: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(0, #ededed), color-stop(0, #f3f2f2), color-stop(6%, #f2f3f3), color-stop(100%, #dff6fe), color-stop(100%, #d6e4d7));
    background: -webkit-linear-gradient(top, #ececec 0, #ededed 0, #f3f2f2 0, #f2f3f3 6%, #dff6fe 100%, #d6e4d7 100%);
    background: linear-gradient(to bottom, #ececec 0, #ededed 0, #f3f2f2 0, #f2f3f3 6%, #dff6fe 100%, #d6e4d7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d6e4d7', GradientType=0);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-behavior: url(/cibel/polyfills/backgroundsize.min.htc)
}

#sport-intro article {
    width: 700px;
    text-align: justify;
    margin: 0 auto
}

#sport-intro article:after {
    display: block;
    position: relative;
    height: 1px;
    width: 250px;
    margin-left: -125px;
    background-color: #00823c;
    margin-top: 50px
}

#sport-intro article h1 {
    text-align: center;
    color: #52B334;
    text-shadow: 0 3px 0 rgba(0, 0, 0, .1)
}

#sport-intro article p {
    color: #52B334;
    font-weight: 100
}

@media screen and (max-width: 767px) {
    .image-slider .slide {
        min-height: 250px
    }
    #sport-intro {
        padding: 100px 3%
    }
    #sport-intro article {
        width: 100%
    }
    #sport-intro article h1 {
        font-size: 40px;
        font-weight: 400
    }
    #sport-intro article p,
    #sport-intro article:after {
        display: none
    }
}

#contact-form {
    background: #ffe600;
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0, #3aa13d), color-stop(37%, #5ab33c), color-stop(46%, #5eb73d), color-stop(62%, #5bb43c), color-stop(100%, #3ba13d));
    background: -webkit-linear-gradient(left, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);
    background: linear-gradient(to right, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3aa13d', endColorstr='#3ba13d', GradientType=1);
    padding: 100px 0;
    position: relative;
    z-index: 3
}

#contact-form:before,
footer:before {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    height: 2px;
    top: auto;
    bottom: 100%
}

#contact-form:before {
    background-color: rgba(0, 0, 0, .2)
}

#contact-form h2.large {
    color: #00823c;
    text-transform: uppercase;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1)
}

.ie8 .right-form {
    margin-right: 0!important
}

.adres-block p {
    color: #fff;
    font-weight: 200
}

.adres-block p a {
    color: #fff;
    text-decoration: none
}

.adres-block p a:hover {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    #contact-form,
    #contact-form>div {
        padding: 0
    }
    #contact-form form {
        max-width: none;
        margin-bottom: 25px
    }
    #contact-form .wrapper {
        width: 100%
    }
    #contact-form .responsive-column {
        padding: 40px 6%;
        text-align: center;
        background: #ececec;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(0, #ededed), color-stop(0, #f3f2f2), color-stop(6%, #f2f3f3), color-stop(100%, #dff6fe), color-stop(100%, #d6e4d7));
        background: -webkit-linear-gradient(top, #ececec 0, #ededed 0, #f3f2f2 0, #f2f3f3 6%, #dff6fe 100%, #d6e4d7 100%);
        background: linear-gradient(to bottom, #ececec 0, #ededed 0, #f3f2f2 0, #f2f3f3 6%, #dff6fe 100%, #d6e4d7 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d6e4d7', GradientType=0)
    }
    #contact-form h2.large {
        font-size: 35px;
        font-weight: 400
    }
    #contact-form .adres-block {
        color: #00823c
    }
    #contact-form .adres-block p {
        color: #00823c;
        margin: 0
    }
    #contact-form .adres-block p a {
        color: inherit
    }
    #contact-form .form-wrapper {
        padding: 20px 6%;
        border-bottom: 1px solid #00823c
    }
    #contact-form .form-wrapper.form-nieuwsbrief {
        border: none
    }
}

.ir,
.visuallyhidden {
    border: 0;
    overflow: hidden
}

footer {
    background: #ffe600;
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0, #3aa13d), color-stop(37%, #5ab33c), color-stop(46%, #5eb73d), color-stop(62%, #5bb43c), color-stop(100%, #3ba13d));
    background: -webkit-linear-gradient(left, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);
    background: linear-gradient(to right, #3aa13d 0, #5ab33c 37%, #5eb73d 46%, #5bb43c 62%, #3ba13d 100%);*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3aa13d', endColorstr='#3ba13d', GradientType=1);
    padding: 25px 0;
    position: relative;
    z-index: 3
}

footer:before {
    background-color: rgba(0, 0, 0, .2)
}

footer ul {
    margin: 0;
    padding: 0
}

.footer-social,
footer li {
    padding-top: 15px
}

footer li p {
    color: #007d3f;
    font-size: 12px;
    margin: 0
}

footer li p a {
    color: #007d3f;
    text-decoration: none
}

footer li p a:hover {
    text-decoration: underline
}

footer .emp {
    text-transform: uppercase;
    color: #00823c;
    font-weight: 700
}

footer a {
    outline: 0
}

.footer-logo a {
    display: block
}

.footer-logo img {
    width: 50%;
    height: auto
}

.footer-social {
    text-align: right
}

.footer-social .footer-social-button {
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px;
    display: inline-block;
    margin-right: 15px
}

.footer-social .footer-social-button.youtube-social-button {
    background-image: url(img/icons/footer-youtube-icon.svg)
}

.footer-social .footer-social-button.facebook-social-button {
    background-image: url(img/icons/footer-facebook-icon.svg)
}

.footer-social .footer-social-button.facebook2-social-button {
    background-image: url(img/icons/footer-facebook2-icon.svg)
}

.no-svg .footer-social .footer-social-button.youtube-social-button {
    background-image: url(img/icons/footer-youtube-icon.png)
}

.no-svg .footer-social .footer-social-button.facebook-social-button {
    background-image: url(img/icons/footer-facebook-icon.png)
}

.no-svg .footer-social .footer-social-button.facebook2-social-button {
    background-image: url(img/icons/footer-facebook2-icon.png)
}

@media screen and (max-width: 767px) {
    footer {
        text-align: center
    }
    footer .footer-social {
        width: 100%!important;
        clear: none!important;
        text-align: center
    }
    footer .footer-logo {
        width: 100%!important;
        display: block;
        clear: none
    }
    footer .footer-logo img {
        width: 125px
    }
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 1001;
    /*background: rgba(58, 161, 61, .9);*/
    background:#ffe600;
    display: block
}

@media screen and (min-width: 1039px) {
    .overlay {
        display: none
    }
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 7);
    min-height: 34px;
    backface-visibility: hidden
}

.overlay ul li a {
    font-size: 30px;
    display: block;
    color: #007d3f;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    font-weight: 700
}

.overlay ul li a:focus,
.overlay ul li a:hover {
    color: #f0f0f0
}

.overlay-scale {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0s .2s;
    transition: transform .2s, opacity .2s, visibility 0s .2s
}

.overlay-scale.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s
}

.hidden,
.invisible {
    visibility: hidden
}

.menu-toggle {
    width: 30px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002;
    display: none;
    outline: 0;
    margin-right: 20px;
    margin-top: 15px;
    background-image: url(img/menu-icon-cibel.svg);
    background-size: 30px 22px;
    background-repeat: no-repeat
}

.menu-toggle:active,
.menu-toggle:active span,
.menu-toggle:focus,
.menu-toggle:focus span,
.menu-toggle:hover,
.menu-toggle:hover span,
.menu-toggle:visited,
.menu-toggle:visited span {
    outline: 0
}

.no-svg .menu-toggle {
    background-image: url(img/menu-icon-cibel.png)
}

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px
    }
    .overlay ul li {
        min-height: 34px
    }
}

@media screen and (min-width: 1040px) {
    .responsive-hidden,
    .tinynav {
        display: none
    }
}

@media screen and (max-width: 1040px) {
    .menu-toggle {
        display: block
    }
    .hide-responsive,
    .navigation,
    .uplink {
        display: none
    }
    .tinynav {
        display: block
    }
    #nav {
        display: none
    }
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed
    }
}

.ir {
    background-color: transparent
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none!important
}

.visuallyhidden {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.dealerwrapper {
    position: relative
}

.dealerlijst>ul>li>.body {
    display: none
}

.dealerlijst>ul>li.opened>.body {
    display: block
}

@media screen and (max-width: 767px) {
    .dealerlijst {
        width: 94%;
        position: absolute;
        top: 0;
        right: 0;
        margin: 10px 3%;
        z-index: 2
    }
    .dealerlijst ul {
        max-height: 300px
    }
}

@media screen and (min-width: 768px) {
    .dealerlijst {
        width: 400px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 50px;
        margin-right: 50px;
        z-index: 2
    }
    .dealerlijst ul {
        max-height: 400px
    }
}

.dealerlijst ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.dealerlijst li {
    background-color: #5DB63D;
    color: #fff;
    margin-top: 10px;
    padding: 10px
}

.dealerlijst li:first-of-type {
    margin-top: 0
}

.dealerlijst li.opened .header {
    font-size: 1.8rem;
    font-weight: 700;
    color: #00823C;
    font-family: Pompiere;
    text-transform: uppercase
}

.dealerlijst address {
    margin: 15px 0;
    font-size: 14px;
    font-style: normal
}

.dealerlijst li.opened .dealercontact {
    color: #00823C;
    font-size: 14px
}

.dealercontact a {
    color: #00823C;
    text-decoration: none
}

.tab-info-wrapper>a.readmore {
    float: right;
    color: #fff
}

.commentaar-dropdown {
    margin-top: 0
}

.lnswitcher {
    text-align: right;
    float: right;
    margin-right: -45px
}

.lnswitcher ul {
    padding: 0;
    margin: 0
}

.lnswitcher ul li {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase
}

.lnswitcher li:first-child a {
    border: none
}

.lnswitcher ul li a,
.lnswitcher ul li span {
    color: #FFF;
    text-decoration: none;
    padding: 0 10px;
    transition: all .3s ease-in;
    border: none
}

.lnswitcher ul li:hover {
    border-bottom: none!important
}

.lnswitcher ul li span,
.lnswitcher ul li:hover a {
    color: #128243
}

aside.overlay .lnswitcher {
    clear: both;
    float: none;
    text-align: center;
    margin: 0 0 15px
}

aside.overlay .lnswitcher ul li a,
aside.overlay .lnswitcher ul li span {
    font-size: 20px
}


/*single blog*/

#blogintro #blogdate {
    display: block;
    margin-bottom: 20px;
}

#blogintro p {
    color: #00823c;
    font-family: "Pompiere";
    font-size: 2em;
    margin-bottom: 20px;
    display: block;
}

#receptenlinks {
    background: #ffb900;
    color: #fff;
}

#receptenlinks h3 {
    font-size: 2em;
    margin-left: 20px;
    margin-bottom: 10px;
}

#receptenlinks ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#receptenlinks li {
    display: inline;
}

#receptenlinks li a {
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

#receptenlinks a img {
    width: 125px;
    height: 125px;
    display: inline-block;
    border-radius: 125px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    margin-right: 20px;
}

#field_2_4 {
    width: 100% !important;
}

#choice_2_8_1 {
    width: 20px;
    height: 20px;
    margin-bottom: 0px;
    margin-right: 10px;
    -webkit-appearance: auto;
}

@media screen and (max-width: 1039px) {
    #receptenlinks a span {
        display: none;
    }
    #receptenlinks li {
        width: 125px;
        height: 125px;
        display: inline-block;
        margin-right: 20px;
    }
    #receptenlinks li a {
        display: inline-block;
        float: left;
        width: 125px;
        height: 125px;
    }
}