/*!
 *  Van Werven
 *
 *	---------------------
 *	@author: OrangeTalent
 *	@front-end: Wiljan Slofstra <wiljan@orangetalent.nl>
 **/

.imageheader__bg, .block--download__hover, .block--contact:after, .block--download:after, .block--contact:before, .block--download:before, .infographic--wavin img, .infographic--wavin__fill, .flicker-slider__preloader, .general__loader, .btn--default:after {
    position: absolute;
    top: 0;
    left: 0
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        box-shadow: none !important
    }

    body, html {
        font-size: 100% !important
    }

    h1, .h1, blockquote {
        font-size: 2em !important;
        margin-top: 0 !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.428571429;
    color: #303030;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #82bf5a;
    text-decoration: none
}

    a:hover, a:focus {
        color: #5d9339;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

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

h1, h2, h3, h4, h5, h6, .h1, blockquote, .h2, .h3, .imageheader__text, .heading--sub, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, blockquote small, .h1 .small, blockquote .small, .h2 small, .h2 .small, .h3 small, .imageheader__text small, .heading--sub small, .h3 .small, .imageheader__text .small, .heading--sub .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #999
    }

h1, .h1, blockquote, h2, .h2, h3, .h3, .imageheader__text, .heading--sub {
    margin-top: 22px;
    margin-bottom: 11px
}

    h1 small, h1 .small, .h1 small, blockquote small, .h1 .small, blockquote .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .imageheader__text small, .heading--sub small, .h3 .small, .imageheader__text .small, .heading--sub .small {
        font-size: 65%
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 11px;
    margin-bottom: 11px
}

    h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
        font-size: 75%
    }

h1, .h1, blockquote {
    font-size: 48px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3, .imageheader__text, .heading--sub {
    font-size: 21px
}

h4, .h4 {
    font-size: 20px
}

h5, .h5 {
    font-size: 16px
}

h6, .h6 {
    font-size: 14px
}

p {
    margin: 0 0 11px
}

.lead {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4
}

@media(min-width: 768px) {
    .lead {
        font-size: 24px
    }
}

small, .small {
    font-size: 85%
}

cite {
    font-style: normal
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff
}

.bg-primary {
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 10px;
    margin: 44px 0 22px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 11px
}

    ul ul, ul ol, ol ul, ol ol {
        margin-bottom: 0
    }

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 22px
}

dt, dd {
    line-height: 1.428571429
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media(min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 20px;
    border-left: 5px solid #eee
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0
    }

    blockquote footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.428571429;
        color: #999
    }

        blockquote footer:before, blockquote small:before, blockquote .small:before {
            content: "— "
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right
    }

        .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
            content: ""
        }

        .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
            content: " —"
        }

    blockquote:before, blockquote:after {
        content: ""
    }

address {
    margin-bottom: 22px;
    font-style: normal;
    line-height: 1.428571429
}

.container, .webshop__header__inner, .detail__content, .component--scroller, .flick-inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

    .container:before, .webshop__header__inner:before, .detail__content:before, .component--scroller:before, .flick-inner:before, .container:after, .webshop__header__inner:after, .detail__content:after, .component--scroller:after, .flick-inner:after {
        content: " ";
        display: table
    }

    .container:after, .webshop__header__inner:after, .detail__content:after, .component--scroller:after, .flick-inner:after {
        clear: both
    }

@media(min-width: 768px) {
    .container, .webshop__header__inner, .detail__content, .component--scroller, .flick-inner {
        width: 750px
    }
}

@media(min-width: 992px) {
    .container, .webshop__header__inner, .detail__content, .component--scroller, .flick-inner {
        width: 970px
    }
}

@media(min-width: 1200px) {
    .container, .webshop__header__inner, .detail__content, .component--scroller, .flick-inner {
        width: 1170px
    }
}

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

    .container-fluid:before, .container-fluid:after {
        content: " ";
        display: table
    }

    .container-fluid:after {
        clear: both
    }

.row {
    margin-left: -15px;
    margin-right: -15px
}

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

    .row:after {
        clear: both
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .collapser__col--secondary, .col-lg-2, .col-xs-3, .col-sm-3, .component--photo__sub, .col-md-3, .collapser__col--img, .col-lg-3, .col-xs-4, .col-sm-4, .streamer__col, .col-md-4, .infographic--ziekte__graphic, .garbage__map, .collapser__col--main, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .news-home__articles, .col-lg-5, .col-xs-6, .col-sm-6, .infographic--ziekte__content, .garbage__search, .col-md-6, .flicker-slider--home .flick-content, .scroller__col, .col-lg-6, .col-xs-7, .col-sm-7, .component--photo__img, .col-md-7, .detail__content__inner, .component__inner, .detail__header__center, .news-home__article--main, .col-lg-7, .col-xs-8, .col-sm-8, .component--infographic.component h2, .col-md-8, .col-lg-8, .detail__video, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .video__caption, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .collapser__col--secondary, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .flicker-slider--home .flick-content, .scroller__col {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6, .collapser__col--secondary {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12, .flicker-slider--home .flick-content, .scroller__col {
    width: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .component--photo__sub, .collapser__col--secondary, .col-sm-4, .streamer__col, .col-sm-5, .infographic--ziekte__graphic, .col-sm-6, .infographic--ziekte__content, .garbage__search, .garbage__map, .collapser__col--main, .col-sm-7, .component--photo__img, .col-sm-8, .component--infographic.component h2, .flicker-slider--home .flick-content, .col-sm-9, .detail__content__inner, .component__inner, .detail__header__center, .col-sm-10, .detail__video, .video__caption, .col-sm-11, .col-sm-12, .scroller__col, .news-home__articles, .news-home__article--main {
        float: left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3, .component--photo__sub, .collapser__col--secondary {
        width: 25%
    }

    .col-sm-4, .streamer__col {
        width: 33.3333333333%
    }

    .col-sm-5, .infographic--ziekte__graphic {
        width: 41.6666666667%
    }

    .col-sm-6, .infographic--ziekte__content, .garbage__search, .garbage__map, .collapser__col--main {
        width: 50%
    }

    .col-sm-7, .component--photo__img {
        width: 58.3333333333%
    }

    .col-sm-8, .component--infographic.component h2, .flicker-slider--home .flick-content {
        width: 66.6666666667%
    }

    .col-sm-9, .detail__content__inner, .component__inner, .detail__header__center {
        width: 75%
    }

    .col-sm-10, .detail__video, .video__caption {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12, .scroller__col, .news-home__articles, .news-home__article--main {
        width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1, .detail__content__inner, .component__inner, .detail__header__center, .detail__video, .video__caption, .infographic--ziekte__content, .component--infographic.component h2, .component--photo__img {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 992px) {
    .col-md-1, .col-md-2, .collapser__col--secondary, .col-md-3, .collapser__col--img, .col-md-4, .infographic--ziekte__graphic, .garbage__map, .collapser__col--main, .col-md-5, .news-home__articles, .col-md-6, .infographic--ziekte__content, .flicker-slider--home .flick-content, .scroller__col, .col-md-7, .detail__content__inner, .component__inner, .detail__header__center, .news-home__article--main, .col-md-8, .garbage__search, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2, .collapser__col--secondary {
        width: 16.6666666667%
    }

    .col-md-3, .collapser__col--img {
        width: 25%
    }

    .col-md-4, .infographic--ziekte__graphic, .garbage__map, .collapser__col--main {
        width: 33.3333333333%
    }

    .col-md-5, .news-home__articles {
        width: 41.6666666667%
    }

    .col-md-6, .infographic--ziekte__content, .flicker-slider--home .flick-content, .scroller__col {
        width: 50%
    }

    .col-md-7, .detail__content__inner, .component__inner, .detail__header__center, .news-home__article--main {
        width: 58.3333333333%
    }

    .col-md-8, .garbage__search {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2, .detail__content__inner, .component__inner, .detail__header__center, .infographic--ziekte__content {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .detail__video, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8, .detail__video {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2, .detail__video {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
    font-size: 24px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #82bf5a;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(130,191,90,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(130,191,90,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    line-height: 36px;
    line-height: 1.428571429 \0
}

    input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
        line-height: 33px
    }

    input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
        line-height: 49px
    }

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    display: block;
    min-height: 22px;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label, .checkbox label {
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer
    }

    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
        float: left;
        margin-left: -20px
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px
    }

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

    input[type=radio][disabled], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], fieldset[disabled] input[type=checkbox], .radio[disabled], fieldset[disabled] .radio, .radio-inline[disabled], fieldset[disabled] .radio-inline, .checkbox[disabled], fieldset[disabled] .checkbox, .checkbox-inline[disabled], fieldset[disabled] .checkbox-inline {
        cursor: not-allowed
    }

.input-sm {
    height: 33px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 33px;
    line-height: 33px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.input-lg {
    height: 49px;
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 49px;
    line-height: 49px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 45px
    }

.form-control-feedback {
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 2;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.input-lg + .form-control-feedback {
    width: 49px;
    height: 49px;
    line-height: 49px
}

.input-sm + .form-control-feedback {
    width: 33px;
    height: 33px;
    line-height: 33px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.form-control-static {
    margin-bottom: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #707070
}

@media(min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

        .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
            float: none;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 29px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

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

    .form-horizontal .form-group:after {
        clear: both
    }

.form-horizontal .form-control-static {
    padding-top: 7px;
    padding-bottom: 7px
}

@media(min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

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

    .nav:after {
        clear: both
    }

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #999
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #999;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed
            }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #eee;
        border-color: #82bf5a
    }

    .nav .nav-divider {
        height: 1px;
        margin: 10px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default
        }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 22px;
    border: 1px solid transparent
}

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

    .navbar:after {
        clear: both
    }

@media(min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media(min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse:before, .navbar-collapse:after {
        content: " ";
        display: table
    }

    .navbar-collapse:after {
        clear: both
    }

    .navbar-collapse.in {
        overflow-y: auto
    }

@media(min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media(max-width: 480px)and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-header, .webshop__header__inner > .navbar-header, .detail__content > .navbar-header, .component--scroller > .navbar-header, .flick-inner > .navbar-header, .container > .navbar-collapse, .webshop__header__inner > .navbar-collapse, .detail__content > .navbar-collapse, .component--scroller > .navbar-collapse, .flick-inner > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media(min-width: 768px) {
    .container > .navbar-header, .webshop__header__inner > .navbar-header, .detail__content > .navbar-header, .component--scroller > .navbar-header, .flick-inner > .navbar-header, .container > .navbar-collapse, .webshop__header__inner > .navbar-collapse, .detail__content > .navbar-collapse, .component--scroller > .navbar-collapse, .flick-inner > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media(min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media(min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media(min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 22px
    }

@media(max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 22px
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none
            }
}

@media(min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 14px;
                padding-bottom: 14px
            }

        .navbar-nav.navbar-right:last-child {
            margin-right: -15px
        }
}

@media(min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-text {
    margin-top: 14px;
    margin-bottom: 14px
}

@media(min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

        .navbar-text.navbar-right:last-child {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555
    }

@media(max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
        color: #333
    }

    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc
    }

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

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

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1
        }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block
    }

    .carousel-inner > .active {
        left: 0
    }

    .carousel-inner > .next, .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner > .next {
        left: 100%
    }

    .carousel-inner > .prev {
        left: -100%
    }

        .carousel-inner > .next.left, .carousel-inner > .prev.right {
            left: 0
        }

    .carousel-inner > .active.left {
        left: -100%
    }

    .carousel-inner > .active.right {
        left: 100%
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1)
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1)
    }

    .carousel-control:hover, .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif
    }

        .carousel-control .icon-prev:before {
            content: "‹"
        }

        .carousel-control .icon-next:before {
            content: "›"
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0)
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

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

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide, .footer__vanwerven, .garbage__map__wrapper, .header__logo__link, .icn {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media(max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media(max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media(max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media(min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media(min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media(max-width: 767px) {
    .hidden-xs, .collapser__col--img, .nav-inner, .breadcrumb {
        display: none !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hidden-sm, .footer__vanwerven__text, .collapser__col--img, .nav-inner {
        display: none !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.flickerplate {
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #e6e6e6;
    overflow: hidden
}

    .flickerplate ul.flicks {
        width: 10000%;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .flickerplate ul.flicks > li {
            float: left;
            width: 1%;
            height: 100%;
            background-position: center;
            background-size: cover
        }

            .flickerplate ul.flicks > li .flick-inner {
                color: #fff
            }

                .flickerplate ul.flicks > li .flick-inner .flick-content {
                    max-width: 68.75em;
                    margin-left: auto;
                    margin-right: auto
                }

            .flickerplate ul.flicks > li .flick-title {
                font-size: 2.778em;
                line-height: 1.995em;
                text-align: center;
                padding: 0
            }

            .flickerplate ul.flicks > li .flick-sub-text {
                font-weight: 300;
                line-height: 2.5em;
                color: rgba(255,255,255,.8);
                text-align: center;
                padding: 5px
            }

                .flickerplate ul.flicks > li .flick-title span.flick-block-text, .flickerplate ul.flicks > li .flick-sub-text span.flick-block-text {
                    background-color: rgba(0,0,0,.6);
                    padding: 12px 18px
                }

    .flickerplate .arrow-navigation {
        position: absolute;
        height: 80%;
        width: 10%;
        top: 10%;
        z-index: 100;
        overflow: hidden
    }

        .flickerplate .arrow-navigation .arrow {
            display: block;
            height: 100%;
            width: 90%;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            -ms-transition: all .2s ease-out;
            transition: all .2s ease-out
        }

            .flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
                cursor: pointer
            }

        .flickerplate .arrow-navigation.left {
            left: 0
        }

            .flickerplate .arrow-navigation.left .arrow {
                opacity: 0;
                filter: alpha(opacity=0);
                background-repeat: no-repeat;
                background-position: left;
                margin: 0 0 0 50%
            }

        .flickerplate .arrow-navigation.right {
            right: 0
        }

            .flickerplate .arrow-navigation.right .arrow {
                opacity: 0;
                filter: alpha(opacity=0);
                background-repeat: no-repeat;
                background-position: right;
                margin: 0 0 0 -50%
            }

        .flickerplate .arrow-navigation.left.hover .arrow {
            opacity: 1;
            filter: alpha(opacity=100);
            margin: 0 0 0 20%
        }

        .flickerplate .arrow-navigation.right.hover .arrow {
            opacity: 1;
            filter: alpha(opacity=100);
            margin: 0 0 0 -20%
        }

    .flickerplate .dot-navigation {
        position: absolute;
        bottom: 15px;
        width: 100%;
        text-align: center;
        z-index: 100
    }

        .flickerplate .dot-navigation ul {
            text-align: center;
            list-style: none;
            padding: 0 15px
        }

            .flickerplate .dot-navigation ul li {
                display: inline-block;
                float: none
            }

        .flickerplate .dot-navigation .dot {
            width: 14px;
            height: 14px;
            background-color: #eee;
            background-color: rgba(255,255,255,.3);
            border-radius: 50%;
            -o-border-radius: 50%;
            -ms-border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -webkit-transition: background-color .2s ease-out;
            -moz-transition: background-color .2s ease-out;
            -o-transition: background-color .2s ease-out;
            -ms-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out;
            margin: 0 6px
        }

            .flickerplate .dot-navigation .dot:hover {
                cursor: pointer;
                background-color: #fff;
                background-color: rgba(255,255,255,.6)
            }

            .flickerplate .dot-navigation .dot.active {
                background-color: #fff
            }

        .flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
            text-align: left
        }

        .flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
            text-align: right
        }

    .flickerplate.flicker-theme-dark .dot-navigation .dot {
        background-color: rgba(0,0,0,.12)
    }

        .flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
            background-color: rgba(0,0,0,.6)
        }

        .flickerplate.flicker-theme-dark .dot-navigation .dot.active {
            background-color: #000
        }

    .flickerplate.animate-transform-slide ul.flicks {
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden;
        transform: translate3d(0%, 0px, 0px);
        -webkit-transform: translate3d(0%, 0px, 0px);
        -webkit-transition: 0 .6s;
        -o-transition: 0 .6s;
        -moz-transition: 0 .6s;
        transition: transform .6s
    }

    .flickerplate.animate-transition-slide ul.flicks {
        position: relative;
        left: 0;
        -webkit-transition: left .4s ease-out;
        -moz-transition: left .4s ease-out;
        -o-transition: left .4s ease-out;
        -ms-transition: left .4s ease-out;
        transition: left .4s ease-out
    }

    .flickerplate.animate-jquery-slide ul.flicks {
        position: relative;
        left: 0
    }

    .flickerplate.animate-scroller-slide {
        padding-bottom: 0;
        overflow: auto
    }

        .flickerplate.animate-scroller-slide ul.flicks {
            position: auto
        }

    .flickerplate.flicker-theme-dark ul.flicks li .flick-inner, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
        color: rgba(0,0,0,.9)
    }

        .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
            background-color: rgba(255,255,255,.5)
        }

.sliding-menu {
    overflow: hidden;
    position: relative
}

    .sliding-menu ul {
        float: left;
        margin: 0;
        padding: 0
    }

    .sliding-menu li {
        list-style: none;
        margin: 0
    }

    .sliding-menu a {
        display: block;
        padding: 1em
    }

        .sliding-menu a:hover {
            background: #333;
            color: #fff
        }

        .sliding-menu a.nav:before {
            content: "〉";
            float: right;
            margin-left: 1em
        }

        .sliding-menu a.back {
            background: #555;
            color: #fff
        }

            .sliding-menu a.back:before {
                content: "〈";
                float: left;
                margin-right: 1em
            }

html.remodal-is-locked, body.remodal-is-locked {
    overflow: hidden
}

.remodal, [data-remodal-id] {
    visibility: hidden
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -0.05em;
        content: ""
    }

.remodal-overlay, .remodal-wrapper {
    -webkit-transform: translateZ(0px)
}

.remodal {
    position: relative;
    display: inline-block
}

    .remodal select, .remodal textarea, .remodal input, .remodal select:focus, .remodal textarea:focus, .remodal input:focus {
        font-size: 16px
    }

.remodal-overlay {
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    opacity: 0;
    background: #333;
    background: rgba(33,36,34,.85)
}

body.remodal-is-active .remodal-overlay {
    opacity: 1
}

.remodal {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 35px;
    -webkit-transition: -webkit-transform .2s ease-out,opacity .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out,opacity .2s ease-out;
    -o-transition: -o-transform .2s ease-out,opacity .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    color: #182a3c;
    background: #f4f4f4;
    background-clip: padding-box
}

body.remodal-is-active .remodal {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 28px;
    height: 28px;
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
    text-decoration: none;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

    .remodal-close:after {
        font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif !important;
        font-size: 28px;
        line-height: 28px;
        display: block;
        content: "×";
        cursor: pointer;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        text-decoration: none;
        color: #3e5368
    }

    .remodal-close:hover, .remodal-close:active {
        background: #3e5368
    }

        .remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after {
            color: #f4f4f4
        }

.remodal-confirm, .remodal-cancel {
    display: inline-block;
    margin: 0 0 5px 0;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-clip: padding-box
}

.remodal-confirm {
    color: #16a085;
    border: 2px solid #16a085;
    background: #f4f4f4
}

    .remodal-confirm:hover, .remodal-confirm:active {
        color: #f4f4f4;
        background: #16a085
    }

.remodal-cancel {
    color: #786e65;
    text-decoration: underline;
    margin-left: 20px
}

    .remodal-cancel:hover, .remodal-cancel:active {
        color: red
    }

@media only screen and (min-width: 40.063em) {
    .remodal {
        max-width: 400px;
        min-height: 0;
        margin: 20px auto;
        -webkit-border-radius: 6px;
        border-radius: 6px
    }
}

.lt-ie9 .remodal-overlay {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F021242E, endColorstr=#F021242E)
}

.lt-ie9 .remodal {
    width: 700px;
    min-height: 0;
    margin: 20px auto
}

.lt-ie9 .remodal-close:after {
    margin: auto;
    text-align: center
}

.lt-ie9 .remodal-close:hover, .lt-ie9 .remodal-close:active {
    background: transparent
}

    .lt-ie9 .remodal-close:hover.remodal-close:after, .lt-ie9 .remodal-close:active.remodal-close:after {
        color: #3e5368
    }

.picker {
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    position: absolute;
    z-index: 10000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.picker__input {
    cursor: default
}

    .picker__input.picker__input--active {
        border-color: #0089ec
    }

.picker__holder {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__holder, .picker__frame {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.picker__holder {
    position: fixed;
    transition: background .15s ease-out,-webkit-transform 0s .15s;
    transition: background .15s ease-out,transform 0s .15s;
    -webkit-backface-visibility: hidden
}

.picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    max-width: 666px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .15s ease-out
}

@media(min-height: 33.875em) {
    .picker__frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%
    }
}

@media(min-height: 40.125em) {
    .picker__frame {
        margin-bottom: 7.5%
    }
}

.picker__wrap {
    display: table;
    width: 100%;
    height: 100%
}

@media(min-height: 33.875em) {
    .picker__wrap {
        display: block
    }
}

.picker__box {
    background: #fff;
    display: table-cell;
    vertical-align: middle
}

@media(min-height: 26.5em) {
    .picker__box {
        font-size: 1.25em
    }
}

@media(min-height: 33.875em) {
    .picker__box {
        display: block;
        font-size: 1.33em;
        border: 1px solid #777;
        border-top-color: #898989;
        border-bottom-width: 0;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 12px 36px 16px rgba(0,0,0,.24)
    }
}

@media(min-height: 40.125em) {
    .picker__box {
        font-size: 1.5em;
        border-bottom-width: 1px;
        border-radius: 5px
    }
}

.picker--opened .picker__holder {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
    zoom: 1;
    background: rgba(0,0,0,.32);
    transition: background .15s ease-out
}

.picker--opened .picker__frame {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

@media(min-height: 33.875em) {
    .picker--opened .picker__frame {
        top: auto;
        bottom: 0
    }
}

.picker__box {
    padding: 0 1em
}

.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em
}

.picker__month, .picker__year {
    font-weight: 500;
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__year {
    color: #999;
    font-size: .8em;
    font-style: italic
}

.picker__select--month, .picker__select--year {
    border: 1px solid #b7b7b7;
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}

@media(min-width: 24.5em) {
    .picker__select--month, .picker__select--year {
        margin-top: -0.5em
    }
}

.picker__select--month {
    width: 35%
}

.picker__select--year {
    width: 22.5%
}

    .picker__select--month:focus, .picker__select--year:focus {
        border-color: #0089ec
    }

.picker__nav--prev, .picker__nav--next {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -0.25em
}

@media(min-width: 24.5em) {
    .picker__nav--prev, .picker__nav--next {
        top: -0.33em
    }
}

.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}

@media(min-width: 24.5em) {
    .picker__nav--prev {
        padding-right: 1.5em
    }
}

.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}

@media(min-width: 24.5em) {
    .picker__nav--next {
        padding-left: 1.5em
    }
}

.picker__nav--prev:before, .picker__nav--next:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #000;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #000
}

.picker__nav--prev:hover, .picker__nav--next:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}

.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {
    cursor: default;
    background: none;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

@media(min-height: 33.875em) {
    .picker__table {
        margin-bottom: .75em
    }
}

.picker__table td {
    margin: 0;
    padding: 0
}

.picker__weekday {
    width: 14.285714286%;
    font-size: .75em;
    padding-bottom: .25em;
    color: #999;
    font-weight: 500
}

@media(min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}

.picker__day {
    padding: .3125em 0;
    font-weight: 200;
    border: 1px solid transparent
}

.picker__day--today {
    position: relative
}

    .picker__day--today:before {
        content: " ";
        position: absolute;
        top: 2px;
        right: 2px;
        width: 0;
        height: 0;
        border-top: .5em solid #82bf5a;
        border-left: .5em solid transparent
    }

.picker__day--disabled:before {
    border-top-color: #aaa
}

.picker__day--outfocus {
    color: #ddd
}

    .picker__day--infocus:hover, .picker__day--outfocus:hover {
        cursor: pointer;
        color: #fff;
        background: #82bf5a
    }

.picker__day--highlighted {
    border-color: #82bf5a
}

    .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
        cursor: pointer;
        color: #fff;
        background: #82bf5a
    }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background: #82bf5a;
    color: #fff
}

.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}

.picker__footer {
    text-align: center
}

.picker__button--today, .picker__button--clear, .picker__button--close {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}

    .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {
        cursor: pointer;
        color: #000;
        background: #b1dcfb;
        border-bottom-color: #b1dcfb
    }

    .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus {
        background: #b1dcfb;
        border-color: #0089ec;
        outline: none
    }

    .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before {
        position: relative;
        display: inline-block;
        height: 0
    }

    .picker__button--today:before, .picker__button--clear:before {
        content: " ";
        margin-right: .45em
    }

    .picker__button--today:before {
        top: -0.05em;
        width: 0;
        border-top: .66em solid #82bf5a;
        border-left: .66em solid transparent
    }

    .picker__button--clear:before {
        top: -0.25em;
        width: .66em;
        border-top: 3px solid #e20
    }

    .picker__button--close:before {
        content: "×";
        top: -0.1em;
        vertical-align: top;
        font-size: 1.1em;
        margin-right: .35em;
        color: #777
    }

    .picker__button--today[disabled], .picker__button--today[disabled]:hover {
        background: #f5f5f5;
        border-color: #f5f5f5;
        color: #ddd;
        cursor: default
    }

        .picker__button--today[disabled]:before {
            border-top-color: #aaa
        }

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(0.9)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

::selection {
    background: #82bf5a;
    color: #fff
}

::-moz-selection {
    background: #82bf5a;
    color: #fff
}

body {
    position: relative
}

html, body {
    height: 100%
}

#wrapper {
    min-height: 100%;
    height: auto;
    margin: 0 auto -43px;
    padding: 0 0 43px
}

section, .section {
    padding: 40px 0
}

    section.section--grey, .section.section--grey {
        background: #eee
    }

section__heading, .section__heading {
    margin-top: 0;
    margin-bottom: 40px
}

section__button, .section__button {
    margin-top: 40px
}

section--map, .section--map {
    height: 550px;
    padding: 0
}

    section--map #gmap, .section--map #gmap {
        height: 100%;
        width: 100%
    }

section--order, .section--order {
    background: url(../img/webshop/header-1200.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

    section--order .container, section--order .webshop__header__inner, section--order .detail__content, section--order .component--scroller, section--order .flick-inner, .section--order .container, .section--order .webshop__header__inner, .section--order .detail__content, .section--order .component--scroller, .section--order .flick-inner {
        margin-top: 70px;
        margin-bottom: 70px
    }

    section--order h2, .section--order h2 {
        font-size: 48px;
        color: #fff;
        margin-bottom: 30px
    }

@media screen and (max-width: 767px) {
    section, .section {
        padding: 30px 0
    }

    section--mobile--padded, .section--mobile--padded {
        padding: 40px 0
    }

    section--map, .section--map {
        height: 400px
    }

    section--order h2, .section--order h2 {
        font-size: 30px
    }
}

@media print {
    body {
        font-size: 62.5%
    }
}

@font-face {
    font-family: "titillium";
    src: url("/fonts/titilliumweb-light.eot");
    src: url("/fonts/titilliumweb-light.eot?#iefix") format("embedded-opentype"),url("/fonts/titilliumweb-light.woff2") format("woff2"),url("/fonts/titilliumweb-light.woff") format("woff"),url("/fonts/titilliumweb-light.ttf") format("truetype"),url("/fonts/titilliumweb-light.svg#titillium_weblight") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "titillium";
    src: url("/fonts/titillium-lightitalic.eot");
    src: url("/fonts/titillium-lightitalic.eot?#iefix") format("embedded-opentype"),url("/fonts/titillium-lightitalic.woff2") format("woff2"),url("/fonts/titillium-lightitalic.woff") format("woff"),url("/fonts/titillium-lightitalic.ttf") format("truetype"),url("/fonts/titillium-lightitalic.svg#titilliumlight_italic") format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "titillium";
    src: url("/fonts/titilliumweb-bold.eot");
    src: url("/fonts/titilliumweb-bold.eot?#iefix") format("embedded-opentype"),url("/fonts/titilliumweb-bold.woff2") format("woff2"),url("/fonts/titilliumweb-bold.woff") format("woff"),url("/fonts/titilliumweb-bold.ttf") format("truetype"),url("/fonts/titilliumweb-bold.svg#titillium_webbold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "titillium";
    src: url("/fonts/titilliumweb-semibold.eot");
    src: url("/fonts/titilliumweb-semibold.eot?#iefix") format("embedded-opentype"),url("/fonts/titilliumweb-semibold.woff2") format("woff2"),url("/fonts/titilliumweb-semibold.woff") format("woff"),url("/fonts/titilliumweb-semibold.ttf") format("truetype"),url("/fonts/titilliumweb-semibold.svg#titillium_websemibold") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "titillium";
    src: url("/fonts/titilliumweb-regular.eot");
    src: url("/fonts/titilliumweb-regular.eot?#iefix") format("embedded-opentype"),url("/fonts/titilliumweb-regular.woff2") format("woff2"),url("/fonts/titilliumweb-regular.woff") format("woff"),url("/fonts/titilliumweb-regular.ttf") format("truetype"),url("/fonts/titilliumweb-regular.svg#titillium_webregular") format("svg");
    font-weight: normal;
    font-style: normal
}

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

body {
    font-family: "titillium","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal
}

a:focus, a:hover {
    color: #badca3
}

.font-thin, .infographic--cursussen__content, section--order h2, .section--order h2 {
    font-weight: 300
}

.tooltip, .nav-inner__list__item a, .form__label, .umbraco-forms-form input[type=submit] {
    font-weight: 500
}

.webshop__crumbs__item--active, .webshop__cart__price, .webshop__table__price, .accordion--default .accordion__heading a, .footer__main a, .footer__main span, .footer__vanwerven__text, .infographic--personeel__tooltip, .form__radio, strong, h3, .h3, .imageheader__text, .heading--sub, h2, .h2, h1, .h1, blockquote, .font--bold {
    font-weight: 500
}

.webshop__gegevens h2, .webshop__cart__mobile, .webshop__containers h2, .about__heading, .imageheader__text, .content .component--download__heading, .has-error, .form__radio__label, .umbraco-forms-form input[type=text], .umbraco-forms-form input[type=email], .umbraco-forms-form input[type=tel], .umbraco-forms-form input[type=number], .umbraco-forms-form input[type=date], .umbraco-forms-form textarea, .umbraco-forms-form select, .umbraco-forms-form, .intro, .font--normal {
    font-weight: normal
}

.text-underline {
    box-shadow: 0 1px 0 #000
}

time {
    color: #786e65;
    text-transform: uppercase;
    display: inline-block
}

h3, .h3, .imageheader__text, .heading--sub, h2, .h2, h1, .h1, blockquote {
    line-height: 1.2
}

h3, .h3, .imageheader__text, .heading--sub, h2, .h2, h1, .h1, blockquote {
    color: #82bf5a
}

h1, .h1, blockquote {
    font-size: 3em
}

h1--alt, .h1--alt {
    font-weight: 300 !important;
    color: #303030 !important
}

h2, .h2 {
    font-size: 1.875em
}

h3, .h3, .imageheader__text, .heading--sub {
    font-size: 1.3125em
}

.heading--sub {
    color: #786e65;
    font-weight: normal;
    text-transform: uppercase;
    box-shadow: 0 2px 0 #786e65;
    margin: 0 0 1em;
    display: inline-block
}

.heading--spaced {
    margin-bottom: 1em
}

@media screen and (max-width: 767px) {
    h1, .h1, blockquote {
        font-size: 2.25em
    }

    h2, .h2 {
        font-size: 1.75em
    }

    h3, .h3, .imageheader__text, .heading--sub {
        font-size: 1.3125em
    }
}

.intro {
    font-size: 1.3125em;
    line-height: 1.4285714286em
}

.intro--spaced {
    margin-bottom: 2em
}

@media screen and (max-width: 767px) {
    .intro {
        font-size: 1.1875em
    }
}

.link {
    color: #82bf5a
}

.link--dark {
    color: #786e65
}

blockquote {
    font-weight: 300;
    font-style: italic
}

    blockquote p {
        line-height: 1.2em !important
    }

input, textarea, select, .form-control {
    -webkit-appearance: none
}

    input:focus, textarea:focus, select:focus, .form-control:focus {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    input[type=radio] {
        -webkit-appearance: radio
    }

input {
    background: #eee
}

    input[type=date] {
        line-height: 1
    }

.umbraco-forms-form, .umbraco-forms-form {
    overflow: hidden
}

.form__block {
    background: #eee;
    padding: 30px
}

.form__header {
    background: #82bf5a;
    padding: 15px 30px
}

    .form__header h2, .form__header h3 {
        margin: 0;
        color: #fff
    }

.umbraco-forms-form input[type=text], .umbraco-forms-form input[type=email], .umbraco-forms-form input[type=tel], .umbraco-forms-form input[type=number], .umbraco-forms-form input[type=date], .umbraco-forms-form textarea, .umbraco-forms-form select {
    background: #fff;
    margin-top: 3px
}

.umbraco-forms-form textarea {
    min-height: 100px
}

.umbraco-forms-form input[type=text], .umbraco-forms-form input[type=email], .umbraco-forms-form input[type=tel], .umbraco-forms-form input[type=number], .umbraco-forms-form input[type=date], .umbraco-forms-form textarea {
    padding: 8px 10px;
    margin: 3px 0;
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    max-width: 100%
}

    .umbraco-forms-form input[type=text]:focus, .umbraco-forms-form input[type=text]:active, .umbraco-forms-form input[type=email]:focus, .umbraco-forms-form input[type=email]:active, .umbraco-forms-form input[type=tel]:focus, .umbraco-forms-form input[type=tel]:active, .umbraco-forms-form input[type=number]:focus, .umbraco-forms-form input[type=number]:active, .umbraco-forms-form input[type=date]:focus, .umbraco-forms-form input[type=date]:active, .umbraco-forms-form textarea:focus, .umbraco-forms-form textarea:active {
        border: 1px solid #82bf5a
    }

    .umbraco-forms-form input[type=text]:disabled {
        background: #f3f3f3;
        color: #565656
    }

.form__label {
    display: block;
    margin-bottom: 10px
}

.form__selects {
    margin: 0 -3px 5px
}

    .form__selects > div {
        padding: 0 3px
    }

.umbraco-forms-form select {
    width: 100%;
    border-radius: 4px
}

.form__radio {
    margin-bottom: 10px
}

.form__radio__label {
    display: inline-block;
    margin: 2px 5px 2px 10px
}

    .form__radio__label:first-of-type {
        margin-left: 0
    }

.form__row {
    display: block;
    margin: 2px 0
}

@media screen and (max-width: 991px) {
    .form__block {
        padding: 15px
    }

    .form__header {
        padding: 10px 15px
    }
}

@media screen and (max-width: 479px) {
    .umbraco-forms-form input[type=submit] {
        width: 100%
    }

    .form__block, .form__header {
        margin: 0 -15px
    }
}

.has-error {
    background: #ffd4d4;
    border: 1px solid #f5bfbf;
    display: block;
    padding: 5px 10px;
    border-radius: 0 0 4px 4px;
    margin-top: -4px
}

.has-success {
    color: #82bf5a
}

.form-control--select {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
    background: #fff;
    border-radius: 4px;
    margin: 0
}

.customer-type-container > .form-control--select {
    margin: 12px 0 0 0
}

.lt-ie9 .form-control--select:before, .ie9 .form-control--select:before {
    display: none
}

.lt-ie9 .form-control--select select, .ie9 .form-control--select select {
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 9px
}

.form-control--select:before {
    position: absolute;
    font-family: "fontello";
    right: 10px;
    height: 39px;
    content: "";
    font-size: 20px;
    line-height: 40px;
    color: #333;
    z-index: 1
}

.form-control--select select {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    width: 100%;
    margin: 0;
    font-size: 16px;
    text-transform: none;
    word-spacing: normal;
    word-wrap: normal;
    outline: none;
    -webkit-user-select: text;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 22px;
    padding-left: 12px;
    background: transparent;
    border: 1px solid #d5d5d5;
    z-index: 2
}

    .form-control--select select::-ms-expand {
        display: none
    }

.form-control--checkbox, .form-control--radio {
    position: relative;
    background: #fff;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 2px;
    line-height: 18px;
    background-clip: padding-box;
    background-clip: border-box
}

    .form-control--checkbox:hover, .form-control--radio:hover {
        cursor: pointer
    }

    .form-control--checkbox.checked, .form-control--radio.checked {
        text-align: center;
        border: 1px solid #82bf5a;
        background: #82bf5a
    }

        .form-control--checkbox.checked:before, .form-control--radio.checked:before {
            font-family: "fontello";
            content: "";
            color: #fff
        }

    .form-control--checkbox, .form-control--checkbox input, .form-control--radio, .form-control--radio input {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-bottom: 2px
    }

        .form-control--checkbox input, .form-control--radio input {
            filter: alpha(opacity=0);
            opacity: 0;
            margin: 0;
            padding: 0
        }

.form-control--radio {
    border-radius: 50%
}

.form-group .form__label {
    margin-bottom: 5px
}

@-moz-document url-prefix() {
    .form-control--checkbox {
        line-height: 16px
    }
}

.icn {
    display: inline-block;
    vertical-align: middle
}

.icn__li {
    background-image: url("/img/icons/icon-li.png");
    background-size: 18px 18px;
    height: 18px;
    width: 18px
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .icn__li {
        background-image: url("/img/icons/icon-li@2x.png");
        background-size: 18px 18px;
        -webkit-background-size: 18px 18px
    }
}

.icn__ot {
    background-image: url("/img/ot/ot.png");
    background-size: 24px 24px;
    height: 24px;
    width: 24px
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .icn__ot {
        background-image: url("/img/ot/ot@2x.png");
        background-size: 24px 24px;
        -webkit-background-size: 24px 24px
    }
}

[class^=icon-]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}

.icon-link:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-cancel:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-info-circled:before {
    content: ""
}

.icon-attention:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-popup:before {
    content: ""
}

.icon-down-open:before {
    content: ""
}

.icon-left-open:before {
    content: ""
}

.icon-right-open:before {
    content: ""
}

.icon-up-open:before {
    content: ""
}

.icon-down-open-mini:before {
    content: ""
}

.icon-left-open-mini:before {
    content: ""
}

.icon-right-open-mini:before {
    content: ""
}

.icon-up-open-mini:before {
    content: ""
}

.icon-down-open-big:before {
    content: ""
}

.icon-left-open-big:before {
    content: ""
}

.icon-right-open-big:before {
    content: ""
}

.icon-up-open-big:before {
    content: ""
}

.icon-ccw:before {
    content: ""
}

.icon-cw:before {
    content: ""
}

.icon-arrows-ccw:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-stop:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-facebook-squared:before {
    content: ""
}

.icon-gplus:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-emo-wink:before {
    content: ""
}

.icon-print {
    width: 16px;
    height: 16px;
    background: url(../img/icons/icon-print.png) no-repeat;
    display: inline-block;
    vertical-align: middle
}

.btn {
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    font-weight: 500;
    border-radius: 50px;
    padding: 9px 22px 10px;
    font-size: 1.125em;
    display: inline-block;
    cursor: pointer
}

    .btn:hover {
        text-decoration: none
    }

.btn--primary {
    background-color: #82bf5a;
    border: none;
    color: #fff
}

    .btn--primary:hover {
        background-color: #649e3d
    }

    .btn--primary[disabled] {
        background: #eee;
        color: #777
    }

.btn--default {
    background-color: transparent;
    border: 1px solid #786e65;
    color: #786e65;
    position: relative;
    overflow: hidden;
    z-index: 2
}

    .btn--default:after {
        -webkit-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
        width: 0;
        height: 100%;
        background: #786e65;
        display: block;
        content: "";
        z-index: -1;
        opacity: 0;
        border-radius: 50px
    }

    .btn--default:hover {
        color: #fff
    }

        .btn--default:hover:after {
            width: 100%;
            opacity: 1
        }

    .btn--default:active {
        color: #786e65
    }

.btn--white {
    border-color: #fff;
    color: #fff
}

    .btn--white:after {
        display: none
    }

    .btn--white:hover {
        background-color: #fff;
        color: #303030
    }

.btn--lg {
    font-size: 1.3125em;
    padding: 14px 26px
}

.btn--video {
    background: #fff;
    color: #786e65
}

    .btn--video:hover {
        background: #eee;
        color: #786e65
    }

.btn-icon {
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 1px solid #d5d5d5;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    background: #fff;
    color: #786e65
}

    .btn-icon:hover {
        background: #d5d5d5;
        color: #fff;
        text-decoration: none
    }

.btn-icon--fb:hover {
    background: #3b5998;
    border-color: #3b5998
}

.btn-icon--li:hover {
    background: #0976b4;
    border-color: #0976b4
}

.btn-icon--tw:hover {
    background: #55acee;
    border-color: #55acee
}

.btn--nav {
    display: none;
    float: right;
    height: 50px;
    line-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 14px;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.btn--nav__icon {
    display: inline-block;
    margin: -4px 4px 0 0;
    position: relative;
    vertical-align: middle
}

    .btn--nav__icon, .btn--nav__icon:before, .btn--nav__icon:after {
        height: 3px;
        width: 17px;
        background: #786e65
    }

        .btn--nav__icon:before, .btn--nav__icon:after {
            position: absolute;
            display: block;
            content: "";
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: top .2s ease-out, transform .3s .15s ease-out;
            -ms-transition: top .2s ease-out, transform .3s .15s ease-out;
            transition: top .2s ease-out, transform .3s .15s ease-out
        }

        .btn--nav__icon:before {
            top: -6px
        }

        .btn--nav__icon:after {
            top: 6px
        }

.btn--nav:hover .btn--nav__icon {
    color: #fff
}

    .btn--nav:hover .btn--nav__icon, .btn--nav:hover .btn--nav__icon:before, .btn--nav:hover .btn--nav__icon:after {
        background: #fff
    }

.btn--nav.active {
    background: #786e65;
    color: #fff
}

    .btn--nav.active .btn--nav__icon {
        background-color: transparent
    }

        .btn--nav.active .btn--nav__icon:before, .btn--nav.active .btn--nav__icon:after {
            background: #fff
        }

        .btn--nav.active .btn--nav__icon:before {
            -webkit-transform: rotateZ(45deg);
            -ms-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
            top: 0
        }

        .btn--nav.active .btn--nav__icon:after {
            -webkit-transform: rotateZ(-45deg);
            -ms-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
            top: 0
        }

@media screen and (max-width: 991px) {
    .btn--nav {
        display: inline-block
    }
}

.table--spec td {
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    padding: 3px 15px 3px 6px
}

    .table--spec td:first-child {
        padding-left: 0
    }

    .table--spec td:last-child {
        border-right: none
    }

.table--spec tr:last-child td {
    border-bottom: 1px solid #d5d5d5
}

.vcenter {
    position: relative;
    display: table
}

.vcenter__inner {
    display: table-cell;
    vertical-align: middle
}

.u-mt-10 {
    margin-top: 10px
}

.u-mt-20 {
    margin-top: 20px
}

.u-mb-10 {
    margin-bottom: 10px
}

.u-mb-20 {
    margin-bottom: 20px
}

.u-mr-10 {
    margin-right: 10px
}

.u-d-inline-block {
    display: inline-block
}

.u-flex {
    display: flex
}

.u-items-center {
    align-items: center
}

.breadcrumb a, .breadcrumb span {
    color: #786e65;
    margin: 0 3px 0 0
}

.breadcrumb a {
    -webkit-transition: color 0.25s ease-out;
    -ms-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out
}

    .breadcrumb a:after {
        content: "";
        font-family: "fontello";
        margin-left: 7px
    }

    .breadcrumb a:hover {
        text-decoration: none;
        color: #5d9339
    }

.content__lead {
    font-size: 18px;
    line-height: 26px
}

    .content__lead:first-letter {
        color: #82bf5a;
        font-size: 2.9em;
        margin-right: 5px;
        float: left;
        line-height: .95em;
        font-weight: 500;
        text-transform: uppercase
    }

.content__inner {
    padding: 15px 0
}

@media screen and (max-width: 991px) {
    .content__inner {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .content__inner {
        padding: 15px 0
    }
}

.content__img__caption {
    color: #82bf5a;
    position: relative;
    top: -1em;
    display: inline-block
}

.content__share {
    margin-top: 2em
}

    .content__share a {
        color: #786e65;
        margin-right: 5px
    }

.content h1, .content h2, .content h3, .content h4, .content h5 {
    color: #82bf5a;
    font-weight: bold;
    margin-top: 0
}

.content p {
    line-height: 1.5em;
    margin: 0 0 1.25em
}

    .content p img {
        width: 100%;
        margin: 1.5em 0;
        display: block
    }

.content .btn {
    margin-bottom: 1em
}

.content .breadcrumb {
    margin-bottom: 1.5em
}

.content blockquote {
    font-size: 48px;
    color: #786e65;
    margin: 40px 0 40px -8.3333333333%;
    -webkit-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    transform: translateX(-22px);
    border-color: #f6df00;
    line-height: 1.2em;
    padding-top: 0;
    padding-bottom: 0
}

@media screen and (max-width: 992px) {
    .content blockquote {
        font-size: 30px
    }
}

@media screen and (max-width: 768px) {
    .content blockquote {
        font-size: 30px;
        margin-left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.images--cornered__wrap {
    position: relative;
    overflow: hidden
}

    .images--cornered__wrap:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        content: "";
        background: #fff;
        width: 30px;
        height: 30px;
        position: absolute;
        right: -15px;
        top: -15px
    }

.content ul, .content__list, .list--sitemap {
    padding-left: 25px
}

    .content ul, .content ul ul, .content__list, .list--sitemap, .content__list ul, .list--sitemap ul {
        list-style-type: none
    }

        .content ul ul, .content__list ul, .list--sitemap ul {
            padding-left: 40px;
            margin: .5em 0
        }

        .content li, .content__list li, .list--sitemap li {
            margin-bottom: .5em
        }

            .content li:before, .content__list li:before, .list--sitemap li:before {
                vertical-align: middle;
                background: #82bf5a;
                width: 6px;
                content: "";
                height: 6px;
                margin: -3px 10px 0 -24px;
                display: inline-block
            }

.list--none, .list--none ul {
    list-style: none;
    padding: 0
}

.list--sitemap {
    padding-left: 0
}

    .list--sitemap a {
        color: #303030
    }

    .list--sitemap > li {
        border-top: 1px solid #eee
    }

        .list--sitemap > li:before {
            display: none
        }

        .list--sitemap > li > ul {
            margin-bottom: 10px
        }

            .list--sitemap > li > ul > li > a {
                font-weight: bold
            }

        .list--sitemap > li > a {
            font-weight: bold;
            font-size: 21px;
            color: #82bf5a;
            margin: .5em 0;
            display: block
        }

    .list--sitemap li {
        margin: .25em 0
    }

    .list--sitemap ul {
        padding-left: 25px;
        margin: 0
    }

.list--download {
    margin: 10px 0 0
}

    .list--download li {
        margin-bottom: .75em
    }

        .list--download li:before {
            width: 35px;
            height: 45px;
            background-color: transparent;
            background-image: url("/img/icons/icon-certificaat.png");
            background-size: 35px 50px;
            height: 50px;
            width: 35px
        }

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .list--download li:before {
        background-image: url("/img/icons/icon-certificaat@2x.png");
        background-size: 35px 50px;
        -webkit-background-size: 35px 50px
    }
}

.list--download a {
    text-decoration: underline;
    float: right;
    line-height: 40px;
    margin: 0 15px
}

.nav-inner {
    height: 63px
}

.nav-inner__main {
    -webkit-transition: opacity .4s cubic-bezier(.55,0,.1,1);
    -ms-transition: opacity .4s cubic-bezier(.55,0,.1,1);
    transition: opacity .4s cubic-bezier(.55,0,.1,1);
    width: 100%;
    border-top: 3px solid #82bf5a;
    height: 63px;
    background: #eee;
    box-shadow: 0 2px 6px 2px rgba(20,20,20,.2);
    z-index: 401;
    opacity: 0;
    top: 0
}

    .nav-inner__main.affix {
        position: fixed;
        top: 0;
        left: 0;
        opacity: 1
    }

    .nav-inner__main.affix-top {
        opacity: 0
    }

.nav-inner__heading {
    margin: 0;
    line-height: 58px;
    color: #82bf5a;
    float: left
}

.nav-inner__list {
    list-style: none;
    padding: 0
}

.nav-inner__list__item {
    display: inline-block;
    margin: 0 0 0 26px
}

    .nav-inner__list__item.active a {
        border-bottom: 2px solid #786e65
    }

    .nav-inner__list__item a {
        -webkit-transition: border .3s ease-out, color .3s ease-out;
        -ms-transition: border .3s ease-out, color .3s ease-out;
        transition: border .3s ease-out, color .3s ease-out;
        color: #786e65;
        line-height: 58px;
        display: inline-block
    }

        .nav-inner__list__item a:hover {
            text-decoration: none;
            border-bottom: 2px solid #82bf5a;
            color: #82bf5a
        }

.nav-inner__padded {
    padding: 7px 0
}

.nav-inner__btn {
    margin: 0 5px;
    border-radius: 6px
}

.nav-inner__text {
    color: #786e65
}

    .nav-inner__text a {
        color: #786e65;
        text-decoration: underline
    }

        .nav-inner__text a:hover {
            color: #82bf5a
        }

.general__loader {
    -webkit-transition: width .75s ease-out, opacity .4s ease-out;
    -ms-transition: width .75s ease-out, opacity .4s ease-out;
    transition: width .75s ease-out, opacity .4s ease-out;
    height: 2px;
    width: 10%;
    background: #82bf5a;
    z-index: 9999
}

    .general__loader.maxed-out {
        opacity: 0
    }

.header {
    background: #fff;
    min-height: 115px;
    border-bottom: 1px solid #82bf5a;
    position: relative;
    z-index: 600
}

.header__logo {
    float: left;
    margin: 12px 0 0
}

.header__logo__link {
    background-size: 102px 91px;
    height: 91px;
    width: 102px;
    display: block;
    background-repeat: no-repeat
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .header__logo__link {
        background-image: url("/img/general/vanwerven_logo@2x.png");
        background-size: 102px 91px;
        -webkit-background-size: 102px 91px
    }
}

.header__subnav, .header__nav {
    float: right;
    list-style: none;
    margin-top: 15px
}

    .header__subnav > li, .header__nav > li {
        display: inline-block;
        vertical-align: top;
        margin-left: 23px
    }

.header__subnav__link {
    color: #786e65
}

.header__nav {
    clear: right;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0
}

.header__nav__li {
    margin-left: 35px;
    padding-bottom: 12px
}

    .header__nav__li .collapser {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1.000), visibility 0s linear .4s, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -ms-transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1.000), visibility 0s linear .4s, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1.000), visibility 0s linear .4s, transform .4s cubic-bezier(0.645, 0.045, 0.355, 1.000)
    }

    .header__nav__li.active .collapser {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.header__nav__link {
    color: #82bf5a;
    font-size: 1.5em
}

    .header__nav__link.active {
        color: #68a640
    }

    .header__nav__link:hover {
        text-decoration: none
    }

.has_dropdown .header__nav__link:after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    font-family: "fontello";
    font-size: 16px;
    color: #d5d5d5
}

.header__nav--mobile {
    background: #786e65;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

    .header__nav--mobile.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1
    }

.header__lang--active {
    text-decoration: underline
}

.header__search {
    overflow: hidden;
    height: 35px;
    width: 35px;
    margin-top: -3px;
    color: #d5d5d5;
    font-size: 18px;
    -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .header__search.active {
        width: 150px
    }

.header__search__inner {
    width: 150px;
    float: right
}

.header__search input, .header__search button {
    margin: 0;
    display: block;
    float: left
}

    .header__search input:focus, .header__search button:focus {
        outline: none
    }

.header__search button {
    padding: 0;
    z-index: 2;
    color: #d5d5d5;
    font-size: 22px
}

.header__search input {
    background: #fff;
    border: 1px solid #d5d5d5;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    border-radius: 4px;
    width: 115px;
    border-right: none;
    font-size: 16px;
    color: #786e65;
    border-radius: 4px 0 0 4px
}

.header__search a:after {
    display: none
}

@media screen and (max-width: 1199px) {
    .header__nav {
        font-size: 13px
    }

        .header__nav .collapser {
            font-size: 15px
        }
}

@media screen and (max-width: 991px) {
    .header__search.active {
        width: 35px;
        overflow: visible
    }
}

@media screen and (max-width: 991px) {
    .header {
        min-height: 78px
    }

    .header__logo__link {
        width: 60px;
        height: 54px;
        -webkit-background-size: 60px 54px;
        background-size: 60px 54px
    }
}

.sliding-menu a {
    -webkit-transition: background 0.15s ease-out;
    -ms-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
    color: #fff
}

    .sliding-menu a.back {
        background: #786e65;
        color: #afaeac;
        border-bottom: 1px solid #c9c9c9
    }

    .sliding-menu a:hover {
        text-decoration: none;
        background: #5c554e
    }

.sliding-menu li {
    border-bottom: 1px solid #c9c9c9
}

    .sliding-menu li:last-child {
        border-bottom: none
    }

.collapser {
    background: #eee;
    padding: 40px 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    z-index: 400
}

    .collapser .container, .collapser .webshop__header__inner, .collapser .detail__content, .collapser .component--scroller, .collapser .flick-inner {
        padding: 0
    }

.collapser__col {
    float: left
}

.collapser__col--img img {
    width: 100%
}

.collapser h2, .collapser .h2, .collapser h3, .collapser .h3, .collapser .imageheader__text, .collapser .heading--sub {
    font-size: 18px;
    margin-top: 0;
    color: #786e65
}

.collapser a {
    color: #786e65
}

.collapser ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px
}

@media screen and (max-width: 767px) {
    .collapser {
        padding: 20px 0
    }

    .collapser__col--main {
        margin-bottom: 2em
    }
}

.streamer {
    background: #eee
}

    .streamer img {
        width: 100%
    }

    .streamer h3 {
        color: #82bf5a
    }

.streamer__thumb {
    overflow: hidden;
    display: block
}

    .streamer__thumb img {
        -webkit-transition: all 0.75s ease-in-out;
        -ms-transition: all 0.75s ease-in-out;
        transition: all 0.75s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .streamer__thumb:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

.news-home {
    background: #fff
}

    .news-home h2 a, .news-home h3 a, .news-home h4 a {
        color: #786e65
    }

    .news-home h2 {
        float: left;
        margin: 0 0 .75em;
        color: #786e65
    }

    .news-home h3, .news-home h4 {
        margin: 0
    }

    .news-home time {
        margin: .5em 0
    }

.news-home__all {
    float: right;
    color: #786e65;
    text-decoration: underline;
    line-height: 30px
}

    .news-home__all:hover {
        color: #4e4842
    }

.news-home__articles .news-home__article, .news-home__article .news-home__article__inner {
    background: #fff;
    overflow: hidden
}

.news-home__article {
    min-height: 95px;
    border-bottom: 1px solid #eee;
    display: block
}

.news-home__article--main {
    clear: both
}

.news-home__article__image {
    float: left;
    margin-left: -15px;
    width: 110%
}

.news-home__article__inner {
    padding: 25px;
    height: 100%
}

.news-home__article--small {
    padding: 15px 20px
}

    .news-home__article--small h3 {
        font-size: 16px;
        margin-top: 8px
    }

@media screen and (max-width: 767px) {
    .news-home {
        padding: 30px 0
    }

    .news-home__article__inner {
        padding: 20px 5px
    }

    .news-home__article__image {
        max-width: 200px;
        margin: 0 20px 20px 0
    }
}

@media screen and (max-width: 479px) {
    .news-home__article__image {
        max-width: 100%;
        margin-right: 0
    }
}

.scroller h1 {
    margin-bottom: 62px;
    color: #303030
}

.scroller h2 {
    margin: 40px 0 20px;
    color: #82bf5a;
    font-weight: bold
}

.scroller .btn {
    margin-top: 15px
}

.scroller p {
    font-size: 21px;
    color: #786e65
}

@media screen and (max-width: 767px) {
    .scroller p {
        font-size: 17px
    }
}

.scroller__col--full {
    width: 100%
}

.scroller__slide, .scroller__image {
    height: 507px;
    position: relative;
    -webkit-transform: translateZ(0)
}

    .scroller__slide.affix, .scroller__image.affix {
        position: fixed
    }

    .scroller__slide.affix-bottom, .scroller__image.affix-bottom {
        position: absolute
    }

@media screen and (max-width: 991px) {
    .scroller__slide, .scroller__image {
        height: auto;
        clear: both;
        margin-bottom: 50px;
        overflow: hidden
    }

        .scroller__slide h2, .scroller__image h2 {
            margin-top: 0
        }
}

.scroller__slide:last-child {
    margin-bottom: 0
}

.scroller__image {
    padding-top: 40px;
    top: 0;
    width: 460px;
    height: 547px
}

    .scroller__image img {
        position: absolute;
        top: 40px;
        right: 0;
        opacity: 0;
        width: 80%;
        -webkit-transition: opacity 0.45s ease-in-out;
        -ms-transition: opacity 0.45s ease-in-out;
        transition: opacity 0.45s ease-in-out
    }

    .scroller__image[data-imgactive="1"] .scroller__image__1 {
        opacity: 1
    }

    .scroller__image[data-imgactive="2"] .scroller__image__2 {
        opacity: 1
    }

    .scroller__image[data-imgactive="3"] .scroller__image__3 {
        opacity: 1
    }

    .scroller__image[data-imgactive="4"] .scroller__image__4 {
        opacity: 1
    }

.scroller__image--mobile {
    float: right;
    width: 45%;
    margin-left: 5%
}

@media screen and (max-width: 767px) {
    .scroller__image--mobile {
        float: none;
        width: 100%;
        max-width: 290px;
        margin: 0 0 20px
    }
}

.scroller__chart {
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.scroller__graph:before, .scroller__graph:after {
    content: "";
    display: block;
    width: 1px;
    height: 200px;
    background: #eee;
    left: 30px;
    position: absolute
}

.scroller__graph:after {
    top: 50%;
    margin-top: 70px
}

.scroller--fixed .scroller__col {
    width: 100%
}

.scroller--fixed .scroller__slide {
    clear: both;
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden
}

.scroller--fixed .scroller__image {
    display: none
}

.scroller--fixed .scroller__image--mobile {
    display: block !important;
    width: 40%
}

.garbage__map--active .garbage__pin:nth-child(5n+1) {
    -webkit-animation: bounceIn 1s 0s;
    animation: bounceIn 1s 0s
}

.garbage__map--active .garbage__pin:nth-child(5n+2) {
    -webkit-animation: bounceIn 1s .2s;
    animation: bounceIn 1s .2s
}

.garbage__map--active .garbage__pin:nth-child(5n+3) {
    -webkit-animation: bounceIn 1s .4s;
    animation: bounceIn 1s .4s
}

.garbage__map--active .garbage__pin:nth-child(5n+4) {
    -webkit-animation: bounceIn 1s .7s;
    animation: bounceIn 1s .7s
}

.garbage__map--active .garbage__pin:nth-child(5n+5) {
    -webkit-animation: bounceIn 1s .9s;
    animation: bounceIn 1s .9s
}

.garbage__map--active .garbage__pin:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.garbage__map__wrapper {
    background-image: url("/img/map/holland.png");
    background-size: 240px 277px;
    height: 277px;
    width: 240px;
    position: relative
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .garbage__map__wrapper {
        background-image: url("/img/map/holland@2x.png");
        background-size: 240px 277px;
        -webkit-background-size: 240px 277px
    }
}

.garbage__pin {
    background-image: url("/img/map/pin.png");
    background-size: 20px 28px;
    height: 28px;
    width: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .garbage__pin {
        background-image: url("/img/map/pin@2x.png");
        background-size: 20px 28px;
        -webkit-background-size: 20px 28px
    }
}

.garbage input {
    display: inline-block;
    margin: 5px 0;
    vertical-align: top
}

    .garbage input[type=text] {
        width: 260px;
        margin-right: 10px;
        padding: 26px 20px;
        background: #eee
    }

    .garbage input[type=submit] {
        cursor: pointer
    }

.garbage .btn {
    display: inline-block;
    margin: 5px 0
}

.garbage h2 {
    color: #82bf5a;
    margin-bottom: 25px;
    margin-top: 0
}

.garbage__link {
    color: #786e65;
    margin-top: 25px;
    display: block;
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .garbage {
        padding: 30px 0
    }

    .garbage__search {
        padding: 0
    }
}

@media screen and (max-width: 479px) {
    .garbage input[type=text], .garbage input[type=submit] {
        width: 100%
    }
}

.flick-inner {
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flicker-slider {
    padding: 0;
    margin-bottom: 0
}

    .flicker-slider iframe, .flicker-slider video {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 1920px;
        height: 1080px
    }

        .flicker-slider iframe img, .flicker-slider video img {
            width: 100%;
            height: auto
        }

@media screen and (max-width: 1680px) {
    .flicker-slider iframe, .flicker-slider video {
        width: 1680px;
        height: 945px
    }
}

@media screen and (max-width: 1280px) {
    .flicker-slider iframe, .flicker-slider video {
        width: 1280px;
        height: 720px
    }
}

.flicker-slider .dot-navigation {
    z-index: 300
}

    .flicker-slider .dot-navigation li:before {
        display: none
    }

.flicker-slider .flicks {
    z-index: 200
}

    .flicker-slider .flicks li:before {
        display: none
    }

.flicker-slider__preloader {
    width: 100%;
    height: 100%;
    background: #333;
    z-index: 400
}

.flicker-slider--home:after {
    filter: alpha(opacity=50);
    opacity: .5;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: block
}

.flicker-slider--home .flick-content {
    position: static
}

    .flicker-slider--home .flick-content h1 {
        margin-top: 0;
        font-weight: bold;
        color: #fff
    }

    .flicker-slider--home .flick-content p {
        font-size: 1.125em;
        margin: 25px 0 0;
        line-height: 1.5em
    }

    .flicker-slider--home .flick-content .btn {
        margin-top: 25px
    }

.slider--section {
    position: relative;
    color: #303030;
    padding: 40px 0 75px;
    height: auto;
    background-color: transparent
}

    .slider--section ul.flicks > li .flick-inner {
        color: #303030
    }

    .slider--section .dot-navigation .dot, .slider--section .dot-navigation .dot:hover {
        background-color: #b3aea9
    }

        .slider--section .dot-navigation .dot.active {
            background-color: #786e65
        }

    .slider--section .flick-inner {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        top: 0
    }

    .slider--section ul.flicks > li .flick-inner .flick-content {
        max-width: 1170px
    }

@media screen and (max-width: 1199px) {
    .slider--section ul.flicks > li .flick-inner .flick-content {
        max-width: 970px
    }
}

@media screen and (max-width: 991px) {
    .slider--section ul.flicks > li .flick-inner .flick-content {
        max-width: 750px
    }
}

@media screen and (max-width: 767px) {
    .slider--section ul.flicks > li .flick-inner .flick-content {
        max-width: auto
    }
}

@media screen and (max-width: 767px) {
    .slider--section .content__inner {
        padding: 0 0 30px
    }
}

@media screen and (max-width: 767px) {
    .flicker-slider--home .flick-inner {
        width: 96%;
        padding: 75px 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0
    }

    .flickerplate {
        height: auto
    }

    .flicker-slider:after {
        display: none
    }

    .flicker-slider .flicks {
        overflow: hidden
    }
}

@media screen and (max-width: 479px) {
    .flicker-slider--home .flick-inner {
        padding: 40px 0 75px
    }
}

.component {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 30px 0
}

.component--photo {
    padding: 0 15px
}

.component--photo__img {
    padding: 0
}

    .component--photo__img img {
        width: 100%
    }

.component--photo__sub {
    color: #82bf5a;
    padding: 15px 0 0;
    border-top: 2px solid #82bf5a;
    border-bottom: 2px solid #82bf5a;
    position: absolute;
    bottom: 15px;
    right: 8.3333333333%
}

@media screen and (max-width: 768px) {
    .component--photo__sub {
        position: relative;
        bottom: 0;
        right: 0;
        border-top: none
    }
}

@media screen and (min-width: 768px) {
    .component--photo__img {
        padding: 15px 15px 15px 0
    }
}

.component--slider {
    padding: 40px 0 0;
    margin: 0 0 40px;
    background: #fff
}

    .component--slider .dot-navigation .dot {
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        filter: alpha(opacity=50);
        opacity: .5;
        border: 2px solid #82bf5a;
        width: 18px;
        height: 18px;
        background: #fff
    }

        .component--slider .dot-navigation .dot.active {
            filter: alpha(opacity=100);
            opacity: 1
        }

        .component--slider .dot-navigation .dot:hover {
            filter: alpha(opacity=75);
            opacity: .75;
            background: #fff
        }

    .component--slider:after {
        display: none
    }

@media screen and (max-width: 991px) {
    .component--slider {
        height: 500px
    }
}

@media screen and (max-width: 479px) {
    .component--slider {
        height: 300px
    }
}

.component--scroller {
    background: #fff;
    position: relative;
    top: -100px;
    padding: 0;
    z-index: 5;
    margin-top: -50px;
    margin-bottom: -50px
}

    .component--scroller.scroller--fixed {
        top: 0;
        margin: 0
    }

@media screen and (max-width: 767px) {
    .component--scroller {
        top: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

.component--infographic.component {
    background: #f1f1f1;
    margin: 40px 0;
    border: 1px solid #82bf5a;
    border-left: none;
    border-right: none
}

    .component--infographic.component h2 {
        font-weight: normal;
        float: none !important
    }

.content .component--download__heading {
    color: #786e65;
    margin-bottom: 30px
}

.component--accordion {
    padding: 30px 0
}

    .component--accordion .accordion {
        margin-top: 30px
    }

.infographic {
    margin: 3em auto
}

.infographic--placeholder:before {
    content: "INFOGRAPHIC"
}

.infographic--video {
    position: relative;
    padding: 0 0 56.25%;
    border: 1px solid #82bf5a;
    border-left: none;
    border-right: none
}

    .infographic--video video, .infographic--video img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@media screen and (max-width: 767px) {
    .infographic {
        display: none
    }
}

.infographic--afval {
    margin: 3em auto;
    width: 840px
}

.infographic--afval__graph {
    width: 100%;
    position: relative
}

.infographic--afval__heading {
    width: 100% !important;
    margin: 0 !important
}

.infographic--afval__x {
    width: 800px;
    margin-left: 40px;
    border-top: 1px solid #ccc
}

    .infographic--afval__x span {
        width: 152.3333333333px;
        text-align: left;
        padding-top: 10px;
        float: left
    }

    .infographic--afval__x .infographic--afval__x__last {
        text-align: right;
        width: 13.3333333333px
    }

.infographic--afval__y {
    height: 360px;
    position: relative;
    width: 40px;
    border-right: 1px solid #ccc
}

    .infographic--afval__y span {
        position: absolute;
        left: 0;
        text-align: right;
        width: 100%;
        padding-right: 10px
    }

.infographic--afval__y--100 {
    top: 0
}

.infographic--afval__y--50 {
    top: 45%
}

.infographic--afval__y--0 {
    bottom: 0
}

.infographic--afval__area {
    width: 800px;
    height: 360px;
    position: absolute;
    top: 0;
    left: 40px;
    background: url(../img/infographic/afval-line.png)
}

    .infographic--afval__area__wrap, .infographic--afval__area img {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 92%;
        width: 629.3333333333px
    }

.infographic--afval__area__wrap {
    -webkit-transition: width 2s linear;
    -ms-transition: width 2s linear;
    transition: width 2s linear;
    height: 100%;
    overflow: hidden;
    width: 0
}

.open .infographic--afval__area__wrap, .ie9 .infographic--afval__area__wrap, .lt-ie9 .infographic--afval__area__wrap {
    width: 629.3333333333px
}

.infographic--afval__dot {
    position: absolute;
    background: #786e65;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin: 0 0 -10px -10px;
    opacity: 0
}

    .infographic--afval__dot:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

.open .infographic--afval__dot, .ie9 .infographic--afval__dot, .lt-ie9 .infographic--afval__dot {
    opacity: 1
}

.infographic--afval__dot--1 {
    -webkit-transition: opacity .3s 0s ease-out, transform .3s ease-out;
    -ms-transition: opacity .3s 0s ease-out, transform .3s ease-out;
    transition: opacity .3s 0s ease-out, transform .3s ease-out;
    left: 0
}

.infographic--afval__dot--2 {
    -webkit-transition: opacity .3s 0.375s ease-out, transform .3s ease-out;
    -ms-transition: opacity .3s 0.375s ease-out, transform .3s ease-out;
    transition: opacity .3s 0.375s ease-out, transform .3s ease-out;
    left: 157.3333333333px
}

.infographic--afval__dot--3 {
    -webkit-transition: opacity .3s 0.75s ease-out, transform .3s ease-out;
    -ms-transition: opacity .3s 0.75s ease-out, transform .3s ease-out;
    transition: opacity .3s 0.75s ease-out, transform .3s ease-out;
    left: 314.6666666667px
}

.infographic--afval__dot--4 {
    -webkit-transition: opacity .3s 1.125s ease-out, transform .3s ease-out;
    -ms-transition: opacity .3s 1.125s ease-out, transform .3s ease-out;
    transition: opacity .3s 1.125s ease-out, transform .3s ease-out;
    left: 472px
}

.infographic--afval__dot--5 {
    -webkit-transition: opacity .3s 1.5s ease-out, transform .3s ease-out;
    -ms-transition: opacity .3s 1.5s ease-out, transform .3s ease-out;
    transition: opacity .3s 1.5s ease-out, transform .3s ease-out;
    left: 629.3333333333px
}

.infographic--afval__tooltip {
    font-size: 48px;
    position: absolute;
    top: 100%;
    width: 110px;
    left: 50%;
    margin: 25px 0 0 -55px;
    text-align: center;
    background: #f6df00;
    border-radius: 6px;
    line-height: 1;
    padding: 8px 0 12px;
    font-weight: 500
}

    .infographic--afval__tooltip:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136,183,213,0);
        border-bottom-color: #f6df00;
        border-width: 15px;
        margin-left: -15px
    }

@media screen and (max-width: 992px) {
    .infographic--afval {
        margin-left: 15px
    }
}

.infographic--circles {
    background: #eee;
    border-top: 1px solid #82bf5a;
    border-bottom: 1px solid #82bf5a;
    padding: 2em 15px;
    height: 400px
}

    .infographic--circles > div {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        top: 50%
    }

        .infographic--circles > div:after {
            font-family: "fontello";
            content: "";
            top: 50%;
            margin-top: -45px;
            right: -10px;
            width: 20px;
            text-align: center;
            font-size: 50px;
            position: absolute;
            color: #d5d5d5;
            height: 50px;
            line-height: 50px
        }

        .infographic--circles > div:last-child:after {
            display: none
        }

        .infographic--circles > div.interactive--active img {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .infographic--circles > div:hover img {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05)
        }

.infographic--circles--triad {
    position: relative;
    height: 100%
}

    .infographic--circles--triad .infographic--circles__circle {
        position: absolute;
        width: 35%;
        left: 5%;
        top: 10%;
        margin: 0
    }

    .infographic--circles--triad .infographic--circles__circle--second {
        top: 10%;
        left: 60%
    }

    .infographic--circles--triad .infographic--circles__circle--third {
        top: 44%;
        left: 32.5%
    }

    .infographic--circles--triad span {
        top: 80%;
        position: relative
    }

.infographic--circles__circle {
    border-radius: 50%;
    position: relative;
    width: 90%;
    margin: 0 5%;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-backface-visibility: hidden;
    display: block
}

.infographic--circles__circle--small {
    width: 50%;
    float: right
}

.infographic--circles__circle--second {
    float: left;
    clear: both;
    margin-top: -20px
}

.infographic--circles span {
    display: block;
    margin-top: 10px;
    color: #82bf5a;
    font-size: 30px;
    text-align: center;
    clear: both
}

.infographic--circles + .component--slider {
    padding-top: 0;
    margin-top: -3em
}

@media screen and (min-width: 992px) {
    .infographic--circles {
        height: 600px
    }
}

@media screen and (max-width: 991px) {
    .infographic--circles span {
        font-size: 21px
    }
}

.infographic--cursussen {
    text-align: center;
    position: relative;
    height: 660px;
    overflow: hidden;
    background: #eee;
    border-top: 1px solid #82bf5a;
    border-bottom: 1px solid #82bf5a;
    font-size: 48px
}

    .infographic--cursussen + .component--slider {
        padding-top: 0;
        margin-top: -3em
    }

.infographic--cursussen__item {
    width: 20%;
    float: left;
    height: 25%
}

    .infographic--cursussen__item span {
        background-image: url("/img/infographic/werkenbij-folders.png");
        background-size: 1050px 744px;
        height: 744px;
        width: 1050px;
        width: 210px;
        height: 248px;
        display: block;
        margin: 0 auto
    }

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .infographic--cursussen__item span {
        background-image: url("/img/infographic/werkenbij-folders@2x.png");
        background-size: 1050px 744px;
        -webkit-background-size: 1050px 744px
    }
}

.infographic--cursussen__item--1 span {
    background-position: 0px 0px
}

.infographic--cursussen__item--2 span {
    background-position: -210px 0px
}

.infographic--cursussen__item--3 span {
    background-position: -420px 0px
}

.infographic--cursussen__item--4 span {
    background-position: -630px -248px
}

.infographic--cursussen__item--5 span {
    background-position: -840px -248px
}

.infographic--cursussen__item--6 span {
    background-position: -1050px -248px
}

.infographic--cursussen__item--7 span {
    background-position: -1260px -248px
}

.infographic--cursussen__item--8 span {
    background-position: -1470px -248px
}

.infographic--cursussen__item--9 span {
    background-position: -1680px -496px
}

.infographic--cursussen__item--10 span {
    background-position: -1890px -496px
}

.infographic--cursussen__item--11 span {
    background-position: -2100px -496px
}

.infographic--cursussen__item--12 span {
    background-position: -2310px -496px
}

.infographic--cursussen__item--13 span {
    background-position: -2520px -496px
}

.infographic--cursussen__item--14 span {
    background-position: -2730px -744px
}

.infographic--cursussen__item--15 span {
    background-position: -2940px -744px
}

.infographic--cursussen__grid {
    min-width: 1440px;
    width: 100%;
    height: 1280px;
    display: block;
    position: absolute;
    left: 50%;
    top: -120px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.infographic--cursussen__content {
    font-size: 1.05em;
    line-height: 1.175em;
    font-style: italic
}

    .infographic--cursussen__content em {
        color: #82bf5a;
        font-size: 2em;
        font-style: normal
    }

.infographic--dienst {
    background: #eee;
    overflow: hidden;
    border-top: 1px solid #82bf5a;
    border-bottom: 1px solid #82bf5a
}

    .infographic--dienst + .component--slider {
        padding-top: 0;
        margin-top: -3em
    }

.infographic--dienst__content {
    color: #82bf5a;
    font-size: 56px;
    line-height: 1.2;
    font-weight: 300;
    font-style: italic;
    padding-top: 46px
}

.infographic--dienst__cal {
    width: 185px;
    height: 256px;
    position: relative;
    float: right
}

.infographic--dienst__cal__top, .infographic--dienst__cal__page {
    border: 2px solid #82bf5a
}

.infographic--dienst__cal__top {
    width: 100%;
    height: 46px;
    border-radius: 20px 20px 0 0;
    position: relative
}

.infographic--dienst__cal__circle--1, .infographic--dienst__cal__circle--2 {
    width: 22px;
    height: 22px;
    border: 2px solid #82bf5a;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -42px
}

    .infographic--dienst__cal__circle--1:before, .infographic--dienst__cal__circle--2:before {
        content: "";
        width: 10px;
        height: 42px;
        border-radius: 30px;
        border: 2px solid #82bf5a;
        display: block;
        position: absolute;
        bottom: 4px;
        left: 4px;
        background: #eee
    }

.infographic--dienst__cal__circle--2 {
    margin-left: 22px
}

.infographic--dienst__cal__page {
    -webkit-transition: opacity .8s ease-out,-webkit-transform .6s ease-out,top 1s ease-out;
    transition: opacity .8s ease-out,transform .6s ease-out,top 1s ease-out;
    border-top: none;
    width: 100%;
    height: 210px;
    background: #fff;
    position: absolute;
    top: 46px;
    left: 0;
    border-radius: 0 0 20px 20px;
    font-size: 104px;
    text-align: center;
    line-height: 190px;
    color: #82bf5a
}

    .infographic--dienst__cal__page.removal {
        opacity: 0;
        top: 76px
    }

    .infographic--dienst__cal__page:nth-child(2n+1).removal {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    .infographic--dienst__cal__page:nth-child(2n).removal {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    .infographic--dienst__cal__page:nth-child(1n+5) {
        height: 200px
    }

    .infographic--dienst__cal__page:nth-child(1n+8) {
        height: 190px
    }

@media screen and (max-width: 991px) {
    .infographic--dienst__content {
        font-size: 44px
    }
}

.infographic--personeel {
    overflow: hidden;
    border-top: 1px solid #82bf5a;
    border-bottom: 1px solid #82bf5a
}

    .infographic--personeel + .component--slider {
        padding-top: 0;
        margin-top: -3em
    }

.infographic--personeel__worker {
    background-image: url("/img/infographic/werkenbij-personeel.png");
    background-size: 900px 231px;
    height: 231px;
    width: 900px;
    height: 231px;
    width: 100px;
    margin: 0 20px;
    float: left;
    position: relative;
    top: 0
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .infographic--personeel__worker {
        background-image: url("/img/infographic/werkenbij-personeel@2x.png");
        background-size: 900px 231px;
        -webkit-background-size: 900px 231px
    }
}

.infographic--personeel__worker--1 {
    background-position: -100px top
}

.infographic--personeel__worker--2 {
    background-position: -200px top
}

.infographic--personeel__worker--3 {
    background-position: -300px top
}

.infographic--personeel__worker--4 {
    background-position: -400px top
}

.infographic--personeel__worker--5 {
    background-position: -500px top
}

.infographic--personeel__worker--6 {
    background-position: -600px top
}

.infographic--personeel__worker--7 {
    background-position: -700px top
}

.infographic--personeel__worker--8 {
    background-position: -800px top
}

.infographic--personeel__worker--9 {
    background-position: -900px top
}

.infographic--personeel__workers {
    width: 1260px;
    height: 400px;
    margin: 0 auto
}

.infographic--personeel__content {
    text-align: center;
    font-size: 50px;
    color: #82bf5a;
    clear: both;
    margin-top: 15px;
    font-weight: 300;
    font-style: italic
}

.infographic--personeel__tooltip {
    font-style: normal;
    background: #f6df00;
    display: inline-block;
    color: #303030;
    font-size: 25px;
    padding: 5px 15px;
    position: relative;
    border-radius: 6px;
    margin-left: 20px
}

    .infographic--personeel__tooltip:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(246,223,0,0);
        border-bottom-color: #f6df00;
        border-width: 15px;
        margin-left: -15px
    }

    .infographic--personeel__tooltip span {
        font-size: 56px;
        display: inline-block;
        margin-right: 5px
    }

.infographic--wavin {
    position: relative;
    padding: 0 15px 0;
    max-width: 901px;
    height: 321px;
    margin: 2em auto 0
}

    .infographic--wavin img, .infographic--wavin__fill {
        max-width: 100%;
        z-index: 3
    }

.infographic--wavin__fill {
    -webkit-transition: height 0.5s ease-out;
    -ms-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: auto;
    bottom: 0
}

.infographic--wavin__stat {
    z-index: 4;
    background: #f6df00;
    color: #000;
    position: absolute;
    bottom: -20px;
    right: 150px;
    font-size: 30px;
    line-height: 1em;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 8px
}

    .infographic--wavin__stat span {
        font-size: 51px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }

        .infographic--wavin__stat span:after {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(246,223,0,0);
            border-bottom-color: #f6df00;
            border-width: 15px;
            margin-left: -15px
        }

@media screen and (max-width: 991px) {
    .infographic--wavin {
        height: 261px
    }
}

.infographic--ziekte {
    background: #eee;
    overflow: hidden;
    border: 1px solid #82bf5a;
    border-left: none;
    border-right: none
}

.infographic--ziekte__graphic__content {
    padding-top: .75em
}

.infographic--ziekte__meter {
    float: left;
    margin-right: 15px;
    position: relative;
    width: 77px;
    height: 240px
}

.infographic--ziekte__meter__overlay {
    background-image: url("/img/infographic/mentaliteit-thermo.png");
    background-size: 77px 240px;
    height: 240px;
    width: 77px;
    z-index: 2
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .infographic--ziekte__meter__overlay {
        background-image: url("/img/infographic/mentaliteit-thermo@2x.png");
        background-size: 77px 240px;
        -webkit-background-size: 77px 240px
    }
}

.infographic--ziekte__meter__overlay, .infographic--ziekte__fill {
    position: absolute;
    bottom: 0;
    left: 0
}

.infographic--ziekte__fill {
    background: #82bf5a;
    width: 70px;
    height: 220px
}

    .infographic--ziekte__fill:before {
        background: #82bf5a;
        content: "";
        display: block;
        border-radius: 20px;
        width: 13px;
        height: 14px;
        position: absolute;
        top: -7px;
        left: 50%;
        margin-left: -3px
    }

.infographic--ziekte__content h2 {
    margin-top: 0
}

.infographic--ziekte__counter, .infographic--ziekte__label {
    display: block;
    line-height: 1em
}

.infographic--ziekte__counter {
    font-size: 72px;
    color: #82bf5a
}

.infographic--ziekte__label {
    font-size: 48px
}

.infographic--ziekte + .component--slider {
    padding-top: 0;
    margin-top: -3em
}

@media screen and (max-width: 991px) {
    .infographic--ziekte__counter {
        font-size: 64px
    }

    .infographic--ziekte__label {
        font-size: 40px
    }
}

.infographic--world {
    overflow: hidden;
    margin: -40px 0
}

    .infographic--world, .infographic--world > div {
        height: 650px
    }

.infographic--world__tooltip {
    background: #f6df00;
    font-size: 20px;
    display: inline-block;
    line-height: 1.2em;
    position: absolute;
    top: 70%;
    right: 98%;
    width: 110px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0 12px;
    opacity: 0
}

    .infographic--world__tooltip span {
        font-size: 3em;
        line-height: 1em;
        display: block;
        font-weight: 500
    }

    .infographic--world__tooltip:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(246,223,0,0);
        border-left-color: #f6df00;
        border-width: 15px;
        margin-top: -15px
    }

.infographic--world__graph {
    position: relative
}

.infographic--world__globe {
    -webkit-transform: scale(0.1666666667);
    -ms-transform: scale(0.1666666667);
    transform: scale(0.1666666667);
    -ms-transform: scale(1);
    position: absolute;
    left: 0;
    width: 1000px;
    height: 1000px;
    top: -175px
}

    .infographic--world__globe.open {
        -webkit-animation: bounceIn 2s linear;
        -moz-animation: bounceIn 2s linear;
        animation: bounceIn 2s linear;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

.infographic--world__text {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    font-size: 30px;
    margin: 0 15px 0 30px
}

body .infographic--world__text {
    font-weight: 300
}

.lt-ie9 .infographic--world__text {
    top: 30%
}

@media screen and (max-width: 991px) {
    .infographic--world, .infographic--world > div {
        height: 550px
    }

    .infographic--world__globe {
        width: 700px;
        height: 700px;
        top: -100px
    }

    .infographic--world__text {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 100px
    }
}

@-webkit-keyframes bounceIn {
    0% {
        -webkit-transform: scale(0.1666666667)
    }

    50% {
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(0.9)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        transform: scale(0.1666666667)
    }

    50% {
        transform: scale(1.05)
    }

    70% {
        transform: scale(0.9)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        transform: scale(0.1666666667)
    }

    50% {
        transform: scale(1.05)
    }

    70% {
        transform: scale(0.9)
    }

    100% {
        transform: scale(1)
    }
}

.footer {
    height: 43px
}

    .footer .container, .footer .webshop__header__inner, .footer .detail__content, .footer .flick-inner, .footer .component--scroller {
        padding: 20px 0;
        border-top: 3px solid #786e65
    }

    .footer a {
        color: #786e65;
        line-height: 27px;
        margin: 0 25px 0 0
    }

.footer__vanwerven {
    background-image: url("/img/general/vanwerven_wide.png");
    background-size: 153px 26px;
    height: 26px;
    width: 153px;
    display: block;
    float: left
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .footer__vanwerven {
        background-image: url("/img/general/vanwerven_wide@2x.png");
        background-size: 153px 26px;
        -webkit-background-size: 153px 26px
    }
}

.footer__vanwerven__text {
    font-size: 18px;
    line-height: 26px;
    color: #786e65
}

.footer .btn-icon {
    margin: 0 0 0 12px;
    line-height: 30px;
    font-size: 18px
}

.footer__col {
    float: left
}

.footer__col--right {
    float: right
}

.footer__main {
    border: none;
    background: #786e65;
    font-size: 15px
}

    .footer__main .container, .footer__main .webshop__header__inner, .footer__main .detail__content, .footer__main .flick-inner, .footer__main .component--scroller {
        padding: 5px 0 8px
    }

    .footer__main a, .footer__main span {
        color: #eee;
        margin: 0 7px
    }

        .footer__main span:first-child {
            margin-left: 0
        }

.footer__ot {
    float: right;
    margin-right: 0 !important
}

    .footer__ot:hover {
        text-decoration: none
    }

    .footer__ot .icn {
        margin-left: 10px
    }

@media screen and (max-width: 767px) {
    .footer__col {
        float: none;
        clear: both;
        margin: 10px 0
    }

    .footer .container, .footer .webshop__header__inner, .footer .detail__content, .footer .flick-inner, .footer .component--scroller {
        padding: 10px
    }

    .footer a, .footer span {
        margin: 0 15px 0 0
    }

    .footer__col .footer__tel, .footer__col .footer__mail {
        -webkit-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        border: 1px solid #786e65;
        padding: 5px 15px;
        display: inline-block;
        border-radius: 50px;
        margin: 5px 5px 5px 0
    }

        .footer__col .footer__tel:hover, .footer__col .footer__mail:hover {
            background: #786e65;
            color: #fff;
            text-decoration: none
        }

    .footer .btn-icon {
        display: none
    }

    .footer__ot {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .footer__vanwerven__text {
        display: block;
        clear: both
    }

    .footer__ot {
        float: none
    }
}

.accordion {
    background: #eee
}

.accordion__item {
    border-bottom: 1px solid #82bf5a
}

    .accordion__item:first-child {
        border-top: 1px solid #82bf5a
    }

.accordion__heading a {
    padding: 20px 15px;
    color: #303030;
    font-size: 18px;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

    .accordion__heading a.collapsed {
        color: #786e65
    }

        .accordion__heading a.collapsed:after {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            color: #c9c9c9
        }

        .accordion__heading a.collapsed:hover:after {
            color: #786e65
        }

    .accordion__heading a:hover {
        text-decoration: none
    }

    .accordion__heading a:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        font-family: "fontello";
        content: "";
        float: right;
        margin: 0;
        font-size: 20px;
        color: #303030;
        line-height: 1em
    }

.accordion--home img, .accordion--default img, .accordion--contact img {
    margin-bottom: 15px
}

.accordion--home .btn, .accordion--default .btn, .accordion--contact .btn {
    margin-bottom: 0
}

.accordion--default {
    background: #fff
}

    .accordion--default .accordion__item {
        margin-bottom: 10px;
        border: 1px solid #d5d5d5;
        border-radius: 6px
    }

    .accordion--default .accordion__heading a {
        -webkit-transition: background 0.3s ease-out;
        -ms-transition: background 0.3s ease-out;
        transition: background 0.3s ease-out;
        padding: 10px 15px;
        font-size: 16px;
        color: #82bf5a
    }

        .accordion--default .accordion__heading a.collapsed {
            color: #786e65
        }

            .accordion--default .accordion__heading a.collapsed:after {
                color: #c9c9c9
            }

            .accordion--default .accordion__heading a.collapsed:hover {
                background: #f4f4f4
            }

        .accordion--default .accordion__heading a:after {
            color: #82bf5a
        }

.accordion__body {
    padding: 0 15px 20px
}

.accordion__panel {
    font-size: 16px
}

.accordion__panel__inner {
    padding: 0 15px 20px
}

.product__slider {
    overflow: hidden
}

    .product__slider:hover .product__control, .product__slider:hover .product__thumbs__control {
        opacity: 1
    }

        .product__slider:hover .product__control.left, .product__slider:hover .left.product__thumbs__control {
            left: 0
        }

        .product__slider:hover .product__control.right, .product__slider:hover .right.product__thumbs__control {
            right: 0
        }

.product__control.right, .right.product__thumbs__control, .product__control.left, .left.product__thumbs__control {
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #d5d5d5;
    filter: none;
    width: 44px;
    height: 44px;
    top: 50%;
    bottom: auto;
    opacity: 0;
    line-height: 44px;
    text-shadow: none;
    color: #fff;
    display: block;
    position: absolute;
    margin-top: -22px
}

    .product__control.right:hover, .right.product__thumbs__control:hover, .product__control.left:hover, .left.product__thumbs__control:hover {
        background: #c8c8c8
    }

.product__control.left, .left.product__thumbs__control {
    left: -44px
}

.product__control.right, .right.product__thumbs__control {
    right: -44px
}

.product__info {
    margin-bottom: 30px
}

.product__slider__inner {
    background: inherit
}

    .product__slider__inner img {
        width: auto;
        height: 300px;
        max-height: 300px;
        margin: 0 auto
    }

.product__thumbs {
    margin: 15px 0 30px;
    overflow: hidden;
    position: relative
}

.product__thumbs__inner {
    list-style: none;
    padding: 0;
    position: relative;
    height: 120px;
    overflow: hidden;
    transform: translateX(30px)
}

.product__thumbs__item {
    width: 180px;
    height: 120px;
    display: block;
    float: left;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center
}

    .product__thumbs__item img {
        width: 100%
    }

.product__thumbs__control.right, .product__thumbs__control.left {
    opacity: 1;
    right: 0;
    text-align: center;
    top: 0;
    height: 120px;
    width: 30px;
    margin: 0;
    line-height: 120px
}

.product__thumbs__control:hover {
    color: #303030
}

.product__thumbs__control.left {
    left: 0
}

@media screen and (min-width: 1200px) {
    .product__slider__inner img {
        max-height: 366px;
        height: 366px
    }
}

.block {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: 0 -4px 15px 0
}

.block__heading {
    margin-top: 15px
}

.block p, .block__date {
    color: #786e65
}

.block__date {
    font-size: .875em;
    position: relative;
    top: -8px;
    margin: 0 0 5px 0
}

.block a:hover {
    text-decoration: none
}

.block__thumb {
    position: relative;
    display: block;
    height: 200px;
    overflow: hidden
}

.block__thumb--small {
    height: 170px
}

.block__thumb img {
    width: 100%;
    -webkit-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
    -webkit-background-visibility: hidden;
    position: absolute;
    top: -100%;
    bottom: -100%;
    right: 0;
    left: 0;
    margin: auto
}

.block__thumb--round {
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    border-radius: 100%;
    overflow: hidden;
    max-height: none;
    height: auto;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* This makes the height equal to the width */
    overflow: hidden;
}

    .block__thumb--round img {
        -webkit-transition: none;
        -ms-transition: none;
        transition: none;
        /*position: relative;*/
        top: 0;
        bottom: 0;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .block__thumb--round:hover {
        opacity: .9
    }

.block__thumb--full img {
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%)
}

.block__thumb--full:hover img {
    transform: translate(-50%, -50%) !important
}

.block--vacature {
    margin-bottom: 30px
}

.block--vacature__inner {
    -webkit-transition: box-shadow 0.3s ease-out;
    -ms-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
    background: #fff;
    padding: 15px 18px 11px
}

    .block--vacature__inner:hover {
        box-shadow: 0px 1px 7px -2px rgba(20,20,20,.2)
    }

.block--vacature h3 {
    font-size: 16px
}

@media screen and (max-width: 767px)and (min-width: 600px) {
    .block--vacature {
        width: 50%;
        margin-left: -2px
    }
}

.block__fakelink {
    color: #82bf5a
}

.block--overview {
    margin-bottom: 30px;
    -webkit-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out
}

    .block--overview:target {
        background: #e1efd6;
        padding: 15px;
        margin-top: -15px
    }

.block--contact, .block--download {
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    width: 100%;
    display: block;
    color: #786e65;
    text-align: center;
    padding: 85px 10px 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    z-index: 1
}

    .block--contact h4, .block--download h4, .block--contact p, .block--download p {
        margin: 0;
        color: #786e65;
        line-height: 1em
    }

    .block--contact h4, .block--download h4 {
        margin-bottom: .25em
    }

    .block--contact:hover, .block--download:hover {
        border-color: #786e65;
        text-decoration: none
    }

        .block--contact:hover, .block--download:hover, .block--contact:hover h4, .block--download:hover h4, .block--contact:hover p, .block--download:hover p, .block--contact:hover span, .block--download:hover span {
            color: #fff
        }

    .block--contact:before, .block--download:before {
        top: -2px;
        content: "";
        height: 85px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center
    }

    .block--contact:after, .block--download:after {
        -webkit-transition: top .3s ease-out;
        -ms-transition: top .3s ease-out;
        transition: top .3s ease-out;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        content: "";
        width: 200%;
        height: 200%;
        left: -50%;
        top: 100%;
        background: #786e65;
        z-index: -1;
        border-radius: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .block--contact:hover:after, .block--download:hover:after {
        top: -50%
    }

.block--contact--mail:before {
    background-image: url(../img/icons/icon-contact-mail.png)
}

.block--contact--tel:before {
    background-image: url(../img/icons/icon-contact-tel.png)
}

.block--contact--alt {
    padding: 18px 15px 15px 85px;
    text-align: left;
    min-height: 85px
}

    .block--contact--alt:before {
        background-position: 12px center
    }

.block--download {
    background: #fff
}

    .block--download p {
        font-size: 18px;
        font-weight: bold
    }

    .block--download h3 {
        margin-bottom: .25em
    }

.block--download--pdf:before {
    background-image: url(http://placehold.it/55x57)
}

.block--download--env:before {
    background-image: url(http://placehold.it/55x57)
}

.block--download:after {
    display: none
}

.block--download__hover {
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: #82bf5a;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 20px;
    opacity: 0;
    visibility: hidden
}

    .block--download__hover strong {
        position: absolute;
        top: 50%;
        left: 0;
        padding: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.block--download:hover {
    border-color: #74b848
}

    .block--download:hover .block--download__hover {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }

@media screen and (max-width: 767px) {
    .block {
        margin-right: 0
    }

    .block--mobile-margin {
        margin-bottom: 15px
    }

    .block.block--overview {
        width: 100%
    }
}

.block__thumb:not(.block__thumb--round):hover img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.block div.block__thumb:not(.block__thumb--round):hover img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.imageheader {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 49.47%;
    padding-bottom: 0;
    max-height: 600px;
    background: #eee
}

    .imageheader:after {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 74%, black 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(74%, rgba(0, 0, 0, 0.74)), color-stop(100%, black));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 74%, black 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 74%, black 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 74%, black 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 74%, black 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
        content: "";
        width: 100%;
        height: 60%;
        min-height: 300px;
        position: absolute;
        bottom: 0;
        left: 0
    }

.imageheader__heading, .imageheader__inner, .imageheader__text {
    color: #fff
}

.imageheader__inner {
    position: absolute;
    bottom: 45px;
    z-index: 50;
    text-align: center;
    width: 100%;
    max-width: 640px;
    left: 50%;
    margin-left: -320px
}

    .imageheader__inner .btn {
        font-size: 1.3125em
    }

@media screen and (max-width: 767px) {
    .imageheader__inner .btn {
        font-size: 1.3125em
    }
}

@media screen and (max-width: 670px) {
    .imageheader__inner {
        width: 90%;
        left: 5%;
        margin-left: 0
    }
}

.imageheader__heading {
    margin-bottom: 0
}

.imageheader__text {
    margin: 30px 0
}

.imageheader__bg {
    width: 100%
}

@media screen and (min-width: 1439px) {
    .imageheader {
        font-size: 1.1em;
        padding-top: 42%
    }

    .imageheader__inner {
        max-width: 800px;
        margin-left: -400px;
        bottom: 90px
    }
}

@media screen and (max-width: 991px) {
    .imageheader {
        height: 580px;
        max-height: none
    }

    .imageheader__bg {
        width: auto;
        height: 100%
    }
}

@media screen and (max-width: 680px) {
    .imageheader {
        font-size: .875em;
        height: auto;
        padding-top: 0
    }

        .imageheader h1 {
            margin-top: 0
        }

        .imageheader:after {
            display: none
        }

    .imageheader__inner {
        text-align: left
    }

    .imageheader__bg {
        width: 100%;
        height: auto;
        position: relative
    }

    .imageheader__inner, .imageheader__text {
        color: #303030
    }

    .imageheader__heading {
        color: #82bf5a
    }

    .imageheader .btn {
        color: #303030;
        border-color: #303030
    }

    .imageheader__text {
        margin: 15px 0;
        line-height: 1.4
    }

    .imageheader__inner {
        bottom: 0;
        padding: 25px 0;
        position: relative
    }
}

.map {
    overflow: hidden;
    position: relative
}

.map__el {
    height: 600px;
    width: 100%
}

.map__filters {
    -webkit-transition: right 0.3s ease-out;
    -ms-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
    background: #786e65;
    width: 265px;
    position: absolute;
    right: -265px;
    top: 80px;
    padding: 15px
}

    .map__filters label {
        display: inline-block;
        color: #fff;
        font-weight: normal
    }

    .map__filters.active {
        right: 0
    }

        .map__filters.active .map__filters__toggle {
            background-image: url("/img/contact/collapse-out.png");
            background-size: 55px 55px;
            height: 55px;
            width: 55px
        }

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .map__filters.active .map__filters__toggle {
        background-image: url("/img/contact/collapse-out@2x.png");
        background-size: 55px 55px;
        -webkit-background-size: 55px 55px
    }
}

.map__filters__toggle {
    background-image: url("/img/contact/collapse-in.png");
    background-size: 55px 55px;
    height: 55px;
    width: 55px;
    display: block;
    position: absolute;
    top: 0;
    left: -55px
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .map__filters__toggle {
        background-image: url("/img/contact/collapse-in@2x.png");
        background-size: 55px 55px;
        -webkit-background-size: 55px 55px
    }
}

.map__filters__heading {
    margin: 0 0 15px;
    color: #fff;
    font-weight: normal
}

.map__content__tip {
    width: 200px
}

    .map__content__tip p {
        margin: 0
    }

.custom-select {
    position: relative;
    float: left;
    margin: 7px 7px 0 17px;
    z-index: 400
}

.custom-select__inner {
    -webkit-transition: max-height 0.5s ease-out;
    -ms-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
    background: #fff;
    width: 300px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(20,20,20,.2);
    padding-bottom: 10px;
    max-height: 44px;
    overflow: hidden;
    position: absolute;
    z-index: 401
}

    .custom-select__inner:hover .custom-select__heading:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .custom-select__inner:hover {
        max-height: 680px
    }

.custom-select .custom-select__item, .custom-select .custom-select__heading {
    display: block;
    padding: 0 17px;
    border-bottom: 1px solid #d5d5d5
}

.custom-select__heading {
    height: 44px;
    line-height: 44px;
    font-style: italic;
    color: #d5d5d5;
    position: relative
}

    .custom-select__heading:after {
        -webkit-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        font-family: fontello;
        content: "";
        font-style: normal;
        color: #303030;
        position: absolute;
        right: 17px;
        font-size: 18px
    }

.custom-select__item {
    height: 34px;
    line-height: 34px;
    color: #786e65
}

    .custom-select__item:hover {
        color: #4e4842
    }

    .custom-select__item:before {
        font-family: fontello;
        content: "";
        display: inline-block;
        margin-right: 8px
    }

    .custom-select__item:last-child {
        border-bottom: none
    }

.tooltip {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    background: #f6df00;
    width: 250px;
    position: absolute;
    bottom: 90%;
    text-align: left;
    padding: 15px 20px;
    line-height: 1.5em;
    left: 50%;
    margin-left: -125px;
    z-index: 400
}

    .tooltip:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136,183,213,0);
        border-top-color: #f6df00;
        border-width: 15px;
        margin-left: -15px
    }

.tooltip__wrapper {
    position: relative
}

    .tooltip__wrapper:hover .tooltip {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.remodal {
    text-align: left
}

.remodal-close {
    background: #786e65;
    color: #fff;
    border-color: #786e65;
    top: -18px;
    left: auto;
    right: -18px;
    width: 36px;
    height: 36px;
    border: none;
    text-align: center
}

    .remodal-close:after {
        color: #fff;
        line-height: 36px
    }

    .remodal-close:hover {
        text-decoration: none;
        background: #92877e
    }

        .remodal-close:hover:after {
            border: none
        }

@media screen and (max-width: 767px) {
    .remodal-close {
        top: 0;
        right: 0;
        border-radius: 0 0 0 50%;
        width: 44px;
        height: 44px
    }

        .remodal-close:after {
            line-height: 44px
        }
}

.remodal h3 {
    margin-top: 0
}

.remodal-confirm {
    width: auto
}

.remodal-overlay {
    text-align: center
}

.remodal.remodal-info {
    max-width: 650px
}

.remodal, .remodal * {
    font-family: "titillium","Helvetica Neue",Helvetica,Arial,sans-serif
}

.remodal--wider {
    max-width: 600px
}

.video__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    margin: 0;
    background: #82bf5a
}

    .video__wrapper iframe, .video__wrapper img {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0
    }

.video__caption {
    margin-top: 10px;
    color: #82bf5a
}

.video .btn--video {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

    .video .btn--video .icon-play:before {
        margin: 0
    }

@media screen and (max-width: 767px) {
    .video__caption {
        padding: 0
    }
}

@media screen and (max-width: 479px) {
    .video .btn--video {
        font-size: 18px;
        text-align: center;
        left: 15%;
        width: 70%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.detail__video {
    padding-top: 30px;
    padding-bottom: 30px
}

.interactive {
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}

.interactive--slideleft {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

    .interactive--slideleft.interactive--active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.interactive--slideright {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
}

    .interactive--slideright.interactive--active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.interactive--slidedown {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

    .interactive--slidedown.interactive--active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.interactive--slideup {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

    .interactive--slideup.interactive--active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.interactive--scalein {
    -webkit-transform: scale(0.0001);
    -ms-transform: scale(0.0001);
    transform: scale(0.0001)
}

    .interactive--scalein.interactive--active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

.interactive--slideleft, .interactive--slidedown, .interactive--slideup, .interactive--slideright, .interactive--scalein, .interactive--fadein {
    filter: alpha(opacity=0);
    opacity: 0
}

    .interactive--slideleft.interactive--active, .interactive--slidedown.interactive--active, .interactive--slideup.interactive--active, .interactive--slideright.interactive--active, .interactive--scalein.interactive--active, .interactive--fadein.interactive--active {
        filter: alpha(opacity=100);
        opacity: 1
    }

@media screen and (max-width: 767px) {
    .interactive {
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
}

.quicky {
    padding: 40px 0
}

.quicky__link__heading {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 18px;
    font-weight: bold;
    color: #82bf5a;
    line-height: 1
}

.quicky__link {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    display: block;
    padding: 60px 30px 15px 15px;
    background: url(/img/quicky/icon-container.png) no-repeat 15px top;
    background-size: 65px 65px;
    position: relative
}

.quicky__link--material {
    background-image: url(/img/quicky/icon-materieel.png)
}

.quicky__link--offerte {
    background-image: url(/img/quicky/icon-offerte.png)
}

.quicky__link__heading {
    display: block;
    margin: 0 0 .25rem
}

.quicky__link p {
    font-size: 14px;
    color: #333;
    margin-bottom: 0
}

.quicky__link:hover, .quicky__dropdown-wrap:hover .quicky__link {
    text-decoration: none;
    border-color: #aaa
}

.quicky__link:after {
    content: "";
    font-family: fontello;
    position: absolute;
    right: 15px;
    top: 50%;
    line-height: 20px;
    margin-top: -10px;
    font-size: 30px;
    color: #d4d4d4
}

.quicky__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 15px;
    margin-top: -5px;
    max-width: 100%;
    max-width: calc(100% - 30px);
    width: 100%;
    width: calc(100% - 30px);
    background: #fff;
    z-index: 2;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    padding: 5px 0 10px;
    list-style: none;
    font-size: 14px
}

.quicky__dropdown-item .icon-right-open {
    position: absolute;
    top: .5rem;
    left: 10px;
    color: #82bf5a
}

.quicky__dropdown-item a {
    color: #303030;
    display: block;
    position: relative;
    padding: .5rem 15px .5rem 30px
}

    .quicky__dropdown-item a:hover, .quicky__dropdown-item a:focus {
        color: #303030;
        text-decoration: none
    }

    .quicky__dropdown-item a:hover {
        background: #eee
    }

.quicky__dropdown-wrap:hover .quicky__dropdown, .quicky__dropdown-wrap.is-open .quicky__dropdown {
    display: block
}

.quicky__dropdown-wrap.is-open .quicky__link:after {
    transform: rotate(90deg)
}

@media(min-width: 1200px),(max-width: 768px) {
    .quicky__link {
        background-position: 15px center;
        background-size: 70px 70px;
        padding: 15px 30px 15px 100px
    }

    .quicky__dropdown-item a {
        padding-left: 115px
    }

    .quicky__dropdown-item .icon-right-open {
        left: 95px
    }
}

@media(max-width: 768px) {
    .quicky {
        padding: 20px 0 0
    }

    .quicky__link {
        margin-bottom: 10px
    }
}

@media(min-width: 1200px) {
    .quicky__link {
        min-height: 115px
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .quicky__link {
        min-height: 180px
    }
}

.rent-head {
    margin-bottom: 30px
}

.rent-head__block {
    padding: 15px;
    background: #eee;
    text-align: center;
    margin-top: 15px;
    border-radius: 3px
}

.cookie-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 15px 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    box-shadow: 0 2px 10px rgba(10,10,10,.3);
    z-index: 9999;
    transition: opacity .2s ease-out,transform .2s ease-out
}

    .cookie-bar .container, .cookie-bar .webshop__header__inner, .cookie-bar .detail__content, .cookie-bar .flick-inner, .cookie-bar .component--scroller {
        padding-left: 15px;
        padding-right: 60px;
        position: relative
    }

.cookie-bar__link {
    text-decoration: underline;
    display: inline-block
}

.cookie-bar__btn {
    background-color: #ddd;
    border: 0;
    position: absolute;
    right: 15px;
    top: 0;
    display: inline-block;
    height: 36px;
    border-radius: 40px;
    font-size: 14px
}

.cookie-bar__btn-icon, .cookie-bar__btn-icon .icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top
}

.cookie-bar__btn-icon {
    position: relative;
    vertical-align: top;
    margin-top: 1px;
    width: 15px;
    height: 15px
}

    .cookie-bar__btn-icon:before, .cookie-bar__btn-icon:after {
        content: "";
        width: 2px;
        height: 15px;
        background-color: #333;
        position: absolute;
        top: 0;
        left: 50%
    }

    .cookie-bar__btn-icon:before {
        transform: rotate(-45deg)
    }

    .cookie-bar__btn-icon:after {
        transform: rotate(45deg)
    }

@media(max-width: 767px) {
    .cookie-bar__btn {
        width: 36px
    }

    .cookie-bar__btn-text {
        display: none
    }

    .cookie-bar__btn-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0;
        margin-left: -2px
    }
}

@media(min-width: 768px) {
    .cookie-bar__btn {
        top: 50%;
        transform: translateY(-50%);
        padding: 0 15px
    }

    .cookie-bar .container, .cookie-bar .webshop__header__inner, .cookie-bar .detail__content, .cookie-bar .flick-inner, .cookie-bar .component--scroller {
        padding-right: 120px
    }
}

.cms-content table {
    width: 100% !important;
    font-size: 15px;
    border-spacing: 0;
    border-collapse: collapse;
    border-color: #eee
}

.cms-content th, .cms-content td {
    padding: 5px 8px;
    border-color: #eee
}

.cms-content th {
    background-color: #fafafa
}

.detail {
    padding-top: 0;
    padding-bottom: 0;
    background: #c9c9c9
}

.detail__header {
    position: relative;
    height: 600px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top
}

.detail__header__image {
    width: 100%
}

.detail__header--main {
    position: relative
}

    .detail__header--main:after {
        content: "";
        width: 100%;
        position: absolute;
        height: 50%;
        display: block;
        bottom: 0;
        background: -moz-linear-gradient(top, rgba(17, 18, 16, 0) 0%, rgba(17, 18, 16, 0.9) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 18, 16, 0)), color-stop(100%, rgba(17, 18, 16, 0.9)));
        background: -webkit-linear-gradient(top, rgba(17, 18, 16, 0) 0%, rgba(17, 18, 16, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(17, 18, 16, 0) 0%, rgba(17, 18, 16, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(17, 18, 16, 0) 0%, rgba(17, 18, 16, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(17, 18, 16, 0) 0%, rgba(17, 18, 16, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00111210", endColorstr="#bf111210",GradientType=0 )
    }

.detail__header__center {
    position: absolute;
    z-index: 1;
    bottom: 140px;
    left: 0
}

.detail__header__next {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 2.5em;
    display: block
}

.detail__header__sub {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font-size: 20px
}

.detail__container {
    height: 100%;
    position: relative
}

    .detail__container h1 {
        font-weight: bold;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        text-shadow: 1px 1px 3px rgba(20,20,20,.25)
    }

.detail__content {
    background: #fff;
    padding: 75px 0;
    z-index: 2;
    position: relative
}

.detail__content__inner, .component__inner {
    float: none;
    clear: both
}

.detail__bottom {
    margin-bottom: -75px;
    padding: 30px 0;
    margin-top: 50px
}

    .detail__bottom h3, .detail__bottom h4, .detail__bottom h5, .detail__bottom a {
        color: #786e65
    }

@media screen and (max-height: 720px),screen and (max-width: 767px) {
    .detail__header {
        height: 400px
    }

        .detail__header h1 {
            font-size: 34px
        }
}

@media screen and (max-width: 991px) {
    .detail__header {
        background-attachment: scroll
    }
}

@media screen and (max-width: 767px) {
    .detail__content {
        padding: 30px 0
    }

    .detail__bottom {
        margin-bottom: -30px;
        border-bottom: 2px solid #82bf5a
    }

    .detail__header__center {
        bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .detail__header h1 {
        font-size: 28px
    }
}

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

    .contact .accordion {
        margin: 0 -15px
    }

    .contact h1 {
        margin-top: 0;
        margin-bottom: .5em
    }

    .contact h2 {
        margin-top: 30px
    }

@media screen and (max-width: 479px) {
    .contact .col-xs-6, .contact .collapser__col--secondary {
        width: 100%
    }
}

.contact .row > div {
    display: inline-block;
    margin-right: -4px;
    float: none;
    vertical-align: top
}

.contact__aside {
    margin-bottom: 30px
}

    .contact__aside .btn-icon {
        margin-right: 5px;
        margin-top: 5px
    }

.contact__container {
    margin-top: 15px
}

.contact__data p {
    margin-bottom: 30px
}

.contact__data a {
    color: #303030
}

.contact__data h1 {
    margin-bottom: 45px
}

.contact__block {
    margin-bottom: 30px
}

    .contact__block h3 {
        margin-bottom: 0;
        color: #303030;
        font-size: 16px
    }

.contact__block__inner {
    margin-bottom: 30px
}

    .contact__block__inner a {
        color: #303030
    }

.about__tabs {
    list-style: none;
    padding: 0 !important
}

.about__tabs__li {
    float: left;
    width: 16%;
    margin: 0 2%;
    border-bottom: 3px solid #786e65;
    position: relative;
    padding-bottom: 15px;
    font-size: 21px
}

    .about__tabs__li:before {
        display: none !important
    }

    .about__tabs__li, .about__tabs__li svg path, .about__tabs__li a {
        -webkit-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out
    }

        .about__tabs__li svg {
            display: block;
            margin: 0 auto 15px
        }

        .about__tabs__li.active {
            border-color: #82bf5a
        }

            .about__tabs__li.active a {
                color: #82bf5a
            }

            .about__tabs__li.active svg path {
                fill: #82bf5a
            }

            .about__tabs__li.active:after {
                top: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(32,213,44,0);
                border-top-color: #82bf5a;
                border-width: 15px;
                margin-left: -15px
            }

.about__tabs__content {
    clear: both;
    padding: 60px 200px 30px;
    font-size: 20px
}

.about__tabs__link {
    color: #786e65
}

    .about__tabs__link:hover {
        text-decoration: none;
        color: #786e65
    }

@media screen and (max-width: 1199px) {
    .about__tabs__content {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media screen and (max-width: 991px) {
    .about__tabs {
        width: 36%;
        float: left
    }

    .about__tabs__li {
        font-size: 18px;
        width: 100%;
        border-bottom: none;
        border-right: 3px solid #786e65;
        line-height: 50px;
        margin: 5px 0;
        text-align: left;
        padding-bottom: 0
    }

        .about__tabs__li.active:after {
            display: none
        }

    .about__tabs svg {
        width: 50px;
        height: 50px;
        margin: 0 15px 0 0;
        float: left
    }

    .about__tabs__content {
        width: 64%;
        padding: 15px 15px 15px 30px;
        clear: none;
        float: left;
        text-align: left
    }
}

@media screen and (max-width: 600px) {
    .about__tabs {
        width: 100%
    }

    .about__tabs__li {
        line-height: 40px;
        border: none
    }

    .about__tabs svg {
        width: 40px;
        height: 40px
    }

    .about__tabs__content {
        width: 100%;
        padding: 15px 0
    }
}

.about__heading {
    -webkit-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
    color: #786e65
}

.news__more, .search__more {
    padding: 2em 0
}

.js .news .block {
    opacity: 0
}

.news__signup, .search__bar {
    background-image: url("/img/news/icon-signup.png");
    background-size: 62px 64px;
    height: 64px;
    width: 62px;
    width: 100%;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding: 32px 32px 32px 100px;
    overflow: hidden;
    margin-bottom: 30px;
    height: auto
}

@media(-webkit-min-device-pixel-ratio: 2),(-moz-min-device-pixel-ratio: 2) {
    .news__signup, .search__bar {
        background-image: url("/img/news/icon-signup@2x.png");
        background-size: 62px 64px;
        -webkit-background-size: 62px 64px
    }
}

.news__signup h3, .search__bar h3 {
    float: left;
    color: #786e65;
    margin: 0;
    line-height: 46px
}

.news__signup form, .search__bar form {
    float: right
}

.news__signup input[type=email], .search__bar input[type=email], .news__signup input[type=text], .search__bar input[type=text] {
    width: 190px;
    display: inline-block
}

@media screen and (min-width: 1200px) {
    .news__signup input[type=email], .search__bar input[type=email], .news__signup input[type=text], .search__bar input[type=text] {
        width: 280px;
        margin-right: 15px
    }
}

@media screen and (max-width: 991px) {
    .news__signup, .search__bar {
        background-image: none;
        padding-left: 32px
    }

        .news__signup h3, .search__bar h3 {
            line-height: 25px;
            margin-bottom: 10px
        }

        .news__signup h3, .search__bar h3, .news__signup form, .search__bar form {
            float: none
        }
}

@media screen and (max-width: 479px) {
    .news__signup, .search__bar {
        padding: 20px
    }

        .news__signup input[type=email], .search__bar input[type=email], .news__signup input[type=text], .search__bar input[type=text] {
            width: 100%;
            margin-bottom: 10px
        }
}

@media screen and (max-width: 1380px) {
    .workingat__slider blockquote {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        margin-left: 0
    }
}

.home--mobile__contact {
    padding-top: 15px;
    padding-bottom: 15px
}

.home--mobile__huren {
    padding: 30px 0
}

    .home--mobile__huren h2 {
        margin-top: 0
    }

    .home--mobile__huren img {
        margin-bottom: 15px
    }

    .home--mobile__huren .btn {
        margin-top: 15px
    }

@media screen and (min-width: 640px)and (max-width: 767px) {
    .home--mobile__huren img {
        float: left;
        width: 250px;
        margin-right: 15px
    }

    .home--mobile__huren h2 {
        margin-bottom: 30px
    }
}

.viernulvier__image {
    -webkit-animation: rumble 5s ease-out infinite;
    -moz-animation: rumble 5s ease-out infinite;
    animation: rumble 5s ease-out infinite;
    transform-origin: 75% 100%
}

@-webkit-keyframes rumble {
    0%,55% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    60% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    65% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    67%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-moz-keyframes rumble {
    0%,55% {
        transform: rotate(0deg)
    }

    60% {
        transform: rotate(4deg)
    }

    65% {
        transform: rotate(-4deg)
    }

    67%,100% {
        transform: rotate(0deg)
    }
}

@keyframes rumble {
    0% {
        transform: rotate(0deg)
    }

    60% {
        transform: rotate(4deg)
    }

    65% {
        transform: rotate(-4deg)
    }

    67%,100% {
        transform: rotate(0deg)
    }
}

.search__bar {
    background-image: none;
    padding: 15px 32px;
    margin: 30px 0 0
}

    .search__bar h3 {
        font-weight: normal
    }

.search__row {
    padding: 30px 0;
    border-bottom: 1px solid #d5d5d5
}

    .search__row h3 {
        margin: 0
    }

    .search__row a {
        color: #786e65;
        margin-bottom: 15px;
        display: inline-block
    }

        .search__row a:hover {
            text-decoration: none
        }

    .search__row p, .search__row a {
        max-width: 720px
    }

    .search__row .btn {
        margin-bottom: 0;
        margin-top: 15px
    }

@media screen and (max-width: 767px) {
    .search__bar {
        padding: 15px
    }
}

.offer__text {
    font-size: 18px;
    margin-bottom: 30px
}

.offer__heading {
    margin-top: 0;
    line-height: 1;
    margin-bottom: 15px
}

.retirement .content__inner {
    padding: 30px 15px;
    font-size: 18px;
    line-height: 1.6
}

.retirement .btn {
    margin-top: 1em;
    margin-bottom: 0
}

.retirement-bg-green {
    color: #fff;
    background-color: #82bf5a
}

.retirement-strong-yellow strong {
    color: #f6df00
}

.retirement-strong-green strong {
    color: #82bf5a;
    font-size: 22px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

@media(min-width: 768px) {
    .retirement .content__inner {
        padding: 50px
    }

    .retirement-header {
        height: auto;
        background-attachment: scroll;
        padding-bottom: 44%
    }

    .retirement-header__container {
        position: static
    }
}

@media(min-width: 1400px) {
    .retirement-header__container .detail__header__center {
        left: 10%
    }
}

.waste-acceptance-form {
    overflow: visible
}

    .waste-acceptance-form input[type=text], .waste-acceptance-form input[type=email], .waste-acceptance-form textarea {
        margin-bottom: 15px !important
    }

    .waste-acceptance-form .form-control--checkbox {
        margin-bottom: 0;
        top: -2px
    }

    .waste-acceptance-form .form__label {
        display: inline-block;
        margin-bottom: 0
    }

    .waste-acceptance-form hr {
        border-top: 1px solid #303030;
        position: relative;
        padding-left: 30px;
        overflow: visible
    }

        .waste-acceptance-form hr:before {
            content: attr(data-number);
            position: absolute;
            top: -15px;
            left: 0;
            color: #303030;
            font-size: 1.8rem;
            font-weight: bold;
            display: block;
            width: 25px;
            background-color: #eee
        }

    .waste-acceptance-form .error-message {
        color: red
    }

.waste-acceptance-icon {
    position: absolute;
    top: -10px;
    right: 0;
    color: #82bf5a
}

    .waste-acceptance-icon:hover {
        cursor: pointer
    }

        .waste-acceptance-icon:hover + .waste-acceptance-info {
            display: block
        }

.waste-acceptance-info {
    display: none;
    position: absolute;
    top: -10px;
    left: calc(100% + 10px);
    z-index: 2;
    background-color: #fff;
    padding: 1rem;
    border-radius: .25rem;
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    min-width: 200px
}

    .waste-acceptance-info p {
        margin-bottom: 0
    }

.waste-acceptance-form .no-wrap {
    -webkit-appearance: checkbox;
    margin-top: 0;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.thank-you .content__inner {
    padding: 30px 15px;
    font-size: 18px;
    line-height: 1.6
}

.thank-you .btn {
    margin-top: 1em;
    margin-bottom: 0
}

.thank-you-bg-green {
    color: #fff;
    background-color: #82bf5a
}

.thank-you-strong-yellow strong {
    color: #f6df00
}

.thank-you-strong-green strong {
    color: #82bf5a;
    font-size: 22px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

@media(min-width: 768px) {
    .thank-you .content__inner {
        padding: 50px
    }

    .thank-you-header {
        height: auto;
        background-attachment: scroll;
        background-position: center bottom;
        padding-bottom: 34%
    }

    .thank-you-header__container {
        position: static
    }
}

@media(min-width: 1400px) {
    .thank-you-header__container .detail__header__center {
        left: 10%
    }
}

.content__inner {
    text-align: center;
    font-family: sans-serif
}

#timer {
    font-size: 3em;
    font-weight: 100;
    color: #fff
}

    #timer div {
        display: inline-block;
        min-width: 90px
    }

        #timer div span {
            color: #fff;
            display: block;
            font-size: .35em;
            font-weight: 400
        }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.webshop__containers {
    position: relative
}

    .webshop__containers:after {
        top: 0%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255,255,255,0);
        border-top-color: #fff;
        border-width: 30px;
        margin-left: -30px
    }

    .webshop__containers h2 {
        color: #786e65;
        margin: 40px 0 60px
    }

.webshop__containers__inner {
    max-width: 1280px;
    overflow: hidden;
    padding: 0 15px;
    margin: 0 auto 20px
}

@media screen and (max-width: 767px) {
    .webshop__containers {
        background: #fff !important
    }

        .webshop__containers:after {
            display: none
        }

        .webshop__containers h2 {
            margin: 20px 0
        }
}

.webshop__table__item, .webshop__table__head {
    display: block;
    width: 100%;
    position: relative;
    padding: 0 10px;
    min-height: 64px;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5
}

    .webshop__table__item .btn, .webshop__table__head .btn {
        -webkit-transform: scale(1.1) translateY(-50%);
        -ms-transform: scale(1.1) translateY(-50%);
        transform: scale(1.1) translateY(-50%);
        -webkit-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        position: absolute;
        top: 50%;
        left: 5%;
        width: 90%;
        opacity: 0;
        visibility: hidden
    }

.no-csstransforms .webshop__table__item .btn, .no-csstransforms .webshop__table__head .btn {
    top: 10px
}

.webshop__table__item .btn:after, .webshop__table__head .btn:after {
    content: " ";
    font-family: "fontello"
}

.webshop__table__item:hover .btn, .webshop__table__head:hover .btn {
    -webkit-transform: scale(1) translateY(-50%);
    -ms-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    visibility: visible;
    opacity: 1
}

.webshop__table__products .webshop__table__item, .webshop__table__products .webshop__table__head {
    text-align: center
}

.webshop__table__col {
    width: 19%;
    float: left
}

.webshop__table__material {
    padding-left: 0
}

    .webshop__table__material span {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%
    }

.no-csstransforms .webshop__table__material span {
    top: 10px
}

.webshop__table__head {
    text-align: left !important;
    border-top: none;
    min-height: 190px
}

    .webshop__table__head h3 {
        color: #303030;
        font-size: 18px;
        margin: 9px 0 5px
    }

    .webshop__table__head p {
        margin: 0
    }

        .webshop__table__head p strong {
            color: #82bf5a
        }

    .webshop__table__head span {
        font-size: .875em;
        margin: 5px 0 9px;
        display: inline
    }

.webshop__table__price {
    line-height: 60px;
    font-size: 20px
}

    .webshop__table__price .btn {
        line-height: 20px;
        font-size: 18px
    }

.webshop__table-mobile__price {
    margin: 1em 0
}

    .webshop__table-mobile__price span {
        display: block;
        color: #82bf5a;
        font-size: 1.25em
    }

.webshop__table-mobile__step2 {
    -webkit-transition: opacity 0.4s ease-out;
    -ms-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out
}

    .webshop__table-mobile__step2.disabled {
        filter: alpha(opacity=40);
        opacity: .4;
        pointer-events: none
    }

#webshop-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9997;
    opacity: .2
}

.webshop__cart__table {
    width: 100%
}

.webshop__cart__price {
    color: #82bf5a
}

.webshop__cart__head {
    color: #786e65
}

    .webshop__cart__head td:first-child {
        padding-left: 0
    }

.webshop__cart__row {
    background: #eee;
    margin: 10px 0;
    border-bottom: 15px solid #fff
}

.webshop__cart td {
    padding: 15px
}

.webshop__cart img {
    margin-right: 10px
}

.webshop__cart__remove, .webshop__cart__change {
    color: #786e65
}

.webshop__cart__options {
    text-align: right
}

.webshop__cart__change {
    text-decoration: underline;
    margin-right: 10px
}

.webshop__cart__remove:hover {
    color: red
}

.webshop__cart__mobile {
    display: block;
    color: #786e65
}

.webshop__cart__controls {
    padding-top: 0;
    margin-bottom: 30px
}

.webshop__cart__controls__prev {
    float: left
}

.webshop__cart__controls__next {
    float: right
}

.webshop__cart__empty {
    border: 2px dashed #d5d5d5;
    max-width: 360px;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    margin: 0 auto 30px
}

    .webshop__cart__empty h2 {
        font-size: 24px;
        color: #82bf5a
    }

    .webshop__cart__empty img {
        display: block;
        margin: 0 auto 30px;
        width: 200px
    }

.webshop__cart__select {
    max-width: 230px;
    max-height: 45px;
    position: absolute;
    top: 0;
    left: 0
}

.webshop__cart__select__wrapper {
    position: relative;
    width: 230px;
    height: 45px;
    z-index: 9998;
    display: inline-block
}

.webshop__cart__select.open {
    max-height: 400px;
    z-index: 3;
    overflow-y: scroll
}

    .webshop__cart__select.open .webshop__cart__option:hover {
        border-color: #786e65
    }

    .webshop__cart__select.open i {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

.webshop__cart__select i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.webshop__cart__option {
    -webkit-transition: border 0.5s ease-out;
    -ms-transition: border 0.5s ease-out;
    transition: border 0.5s ease-out;
    min-height: 44px;
    padding: 6px 0 7px;
    overflow: hidden;
    border-bottom: 1px solid #c9c9c9;
    cursor: pointer
}

    .webshop__cart__option:last-child {
        border: none
    }

    .webshop__cart__option img {
        float: left;
        margin: 0;
        width: 32px
    }

    .webshop__cart__option span {
        padding: 5px 0 0 10px;
        float: left;
        width: 176px
    }

    .webshop__cart__option strong {
        color: #82bf5a
    }

.webshop__cart__option--default {
    line-height: 31px;
    overflow: hidden;
    height: 45px
}

    .webshop__cart__option--default i {
        float: right
    }

    .webshop__cart__option--default span {
        padding: 0
    }

.webshop__cart__total {
    font-size: 21px;
    color: #786e65;
    text-align: right;
    margin-top: 10px
}

.webshop__cart__total__price {
    color: #82bf5a;
    font-weight: 500
}

.webshop__cart__tooltip {
    position: absolute;
    bottom: 100%;
    background: none repeat scroll 0 0 #f5ebd2;
    border: 1px solid #7b8f9c;
    color: #333;
    width: 505px;
    padding: 20px;
    border-radius: 4px;
    margin-left: -140px;
    z-index: 9999
}

    .webshop__cart__tooltip .icon-cancel {
        position: absolute;
        top: 7px;
        right: 7px;
        font-size: 1.4em
    }

    .webshop__cart__tooltip:after, .webshop__cart__tooltip:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .webshop__cart__tooltip:after {
        border-color: rgba(245,235,210,0);
        border-top-color: #f5ebd2;
        border-width: 10px;
        margin-left: -10px
    }

    .webshop__cart__tooltip:before {
        border-color: rgba(95,110,120,0);
        border-top-color: #5f6e78;
        border-width: 11px;
        margin-left: -11px
    }

    .webshop__cart__tooltip h3 {
        color: #000;
        margin-top: 0;
        font-size: 18px;
        font-weight: 500
    }

.webshop__cart__tooltip__wrapper {
    position: relative
}

@media screen and (max-width: 1199px) {
    .webshop__cart img {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .webshop__cart td {
        display: block;
        padding: 5px 15px;
        clear: both;
        font-weight: bold
    }

    .webshop__cart__head {
        display: none
    }

    .webshop__cart__row {
        padding: 10px 0;
        display: block;
        position: relative;
        margin: 0
    }

    .webshop__cart__options {
        text-align: left;
        font-weight: normal !important
    }

        .webshop__cart__options a {
            display: inline-block
        }

    .webshop__cart__remove {
        text-decoration: underline
    }

    .webshop__cart__controls .btn {
        float: left;
        margin-right: 15px;
        margin-bottom: 10px
    }

    .webshop__cart img {
        display: block;
        float: left;
        clear: both
    }
}

.hoeveelheid-wrapper {
    width: 130px !important
}

.onze-mensen-title {
    margin-left: -15px
}

.resize-case {
    padding-bottom: 30px
}

@media screen and (max-width: 768px) {
    .onze-mensen-title {
        margin-left: 0
    }

    .resize-case {
        padding-bottom: 0
    }

        .resize-case .content__inner {
            padding: 15px 0
        }
}

div.fancy-select {
    position: relative;
    font-size: 15px
}

    div.fancy-select.disabled {
        opacity: .5
    }

    div.fancy-select select:focus + div.trigger.open {
        box-shadow: none
    }

    div.fancy-select div.trigger {
        border-radius: 4px;
        cursor: pointer;
        padding: 10px 24px 9px 9px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: #fff;
        border: 1px solid #d5d5d5;
        color: #303030;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        -webkit-transition: all 240ms ease-out;
        transition: all 240ms ease-out
    }

        div.fancy-select div.trigger:after {
            content: "";
            font-family: "fontello";
            position: absolute;
            width: 0;
            height: 0;
            top: 0;
            right: 20px;
            line-height: 42px
        }

    div.fancy-select ul.options {
        list-style: none;
        margin: 0;
        position: absolute;
        padding: 0;
        top: 30px;
        left: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 700;
        max-height: 400px;
        overflow-y: scroll;
        background: #fff;
        border-radius: 0 4px 4px;
        border: 1px solid #d5d5d5;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        min-width: 200px;
        -webkit-transition: opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;
        transition: opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out
    }

        div.fancy-select ul.options.open {
            visibility: visible;
            top: 42px;
            opacity: 1;
            -webkit-transition: opacity 300ms ease-out,top 300ms ease-out;
            transition: opacity 300ms ease-out,top 300ms ease-out
        }

        div.fancy-select ul.options.overflowing {
            top: auto;
            bottom: 30px;
            -webkit-transition: opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;
            transition: opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out
        }

            div.fancy-select ul.options.overflowing.open {
                top: auto;
                bottom: 42px;
                -webkit-transition: opacity 300ms ease-out,bottom 300ms ease-out;
                transition: opacity 300ms ease-out,bottom 300ms ease-out
            }

        div.fancy-select ul.options li {
            padding: 8px 12px;
            cursor: pointer;
            white-space: nowrap;
            -webkit-transition: all 150ms ease-out;
            transition: all 150ms ease-out
        }

            div.fancy-select ul.options li.selected {
                background: #eee
            }

            div.fancy-select ul.options li.hover {
                background: #f7f7f7
            }

.remodal_lock .header, .remodal_lock .webshop__crumbs__wrapper, .remodal_lock .webshop__cart, .remodal_lock .webshop__cart__empty, .remodal_lock .webshop__cart__controls, .remodal_lock .footer {
    -webkit-filter: blur(5px)
}

.webshop__crumbs {
    position: relative;
    overflow: hidden;
    height: 50px;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5
}

    .webshop__crumbs:after {
        position: absolute;
        content: "";
        display: block;
        height: 1px;
        background: #d5d5d5;
        width: 100%;
        top: 50%;
        z-index: -1
    }

.webshop__crumbs__wrapper {
    padding-bottom: 0
}

.webshop__crumbs__item {
    display: inline-block;
    position: absolute;
    background: #fff;
    font-size: 20px;
    line-height: 48px;
    padding: 0 10px;
    color: #d5d5d5
}

    .webshop__crumbs__item:before {
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        border: 1px solid #d5d5d5;
        border-radius: 100%;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -4px
    }

.webshop__crumbs__item--one {
    left: 0;
    padding-left: 0
}

.webshop__crumbs__item--two {
    left: 29.4117647059%
}

.webshop__crumbs__item--three {
    left: 58.8235294118%
}

.webshop__crumbs__item--four {
    right: 0;
    padding-right: 0
}

.webshop__crumbs__item--active {
    color: #786e65
}

    .webshop__crumbs__item--active:before {
        border-color: #786e65
    }

.webshop__crumbs__item--success {
    color: #82bf5a
}

    .webshop__crumbs__item--success:before {
        background: #82bf5a;
        border-color: #82bf5a;
        content: "";
        color: #fff;
        font-family: "fontello";
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        padding-right: 0
    }

    .webshop__crumbs__item--success:hover:before {
        content: ""
    }

.webshop__crumbs__item--success--last:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: zoom .75s linear;
    animation: zoom .75s linear
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1);
        background: #68a640
    }

    50% {
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    0% {
        transform: scale(1);
        background: #68a640
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@media screen and (max-width: 767px) {
    .webshop__crumbs {
        height: auto;
        padding: .5em 0
    }

    .webshop__crumbs__item {
        display: block;
        position: static;
        padding: 0;
        line-height: 32px
    }

        .webshop__crumbs__item:before {
            display: none
        }

        .webshop__crumbs__item span {
            font-weight: normal;
            float: right;
            font-size: .875em
        }
}

.webshop__gegevens h2 {
    font-size: 20px;
    color: #786e65
}

.webshop__pres {
    text-align: center;
    padding: 10px 0
}

.webshop__pres__pre {
    color: #82bf5a;
    display: inline-block;
    margin: 0 10px;
    font-weight: bold
}

    .webshop__pres__pre:before {
        -webkit-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        content: "";
        font-family: "fontello";
        width: 32px;
        height: 32px;
        border: 1px solid #82bf5a;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        margin-right: 5px
    }

@media screen and (max-width: 767px) {
    .webshop__pres {
        text-align: left
    }

    .webshop__pres__pre {
        margin: 5px 10px
    }
}

.webshop__header {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 200px 0;
    text-align: center;
    color: #fff;
    font-size: 1.2em
}

.webshop__header__heading {
    margin: 0 0 .5em;
    color: #fff
}

.webshop__header__form, .webshop__header__heading {
    opacity: 0
}

    .webshop__header__form .form-control--select {
        width: 165px
    }

        .webshop__header__form .form-control--select select {
            color: #786e65
        }

.webshop__header label {
    display: inline-block;
    font-size: 1.2em;
    margin-right: 10px
}

.webshop__header__submit {
    clear: both;
    margin-top: 1.5em
}

.webshop__header .umbraco-forms-form .webshop__header__postcode--numbers, .webshop__header .umbraco-forms-form .webshop__header__postcode--letters {
    display: inline-block;
    width: 70px;
    margin: 0 8px 0 0;
    color: #786e65
}

.webshop__header__postcode--letters {
    text-transform: uppercase
}

.webshop__header .umbraco-forms-form .webshop__header__postcode--letters {
    width: 50px
}

@media screen and (min-width: 1200px) {
    .webshop__header {
        background-image: url(../img/webshop/header-1920.jpg)
    }
}

@media screen and (max-width: 1199px) {
    .webshop__header {
        font-size: 1em;
        padding: 150px 0;
        background-image: url(../img/webshop/header-1200.jpg)
    }
}

@media screen and (max-width: 767px) {
    .webshop__header {
        padding: 50px 0;
        text-align: left
    }

        .webshop__header label {
            display: block
        }
}

.webshop-header li > a:after {
    content: normal
}

.subtle-shadow {
    text-shadow: 0 2px 10px rgba(0,0,0,.1)
}

.vandaag_text {
    font-size: 16px
}

@-webkit-keyframes fadeInBig {
    0% {
        background-size: 100%
    }

    100% {
        background-size: 110%
    }
}

@keyframes fadeInBig {
    0% {
        background-size: 100%
    }

    100% {
        background-size: 110%
    }
}

.fadeInBg {
    -webkit-animation: none 15s infinite linear;
    animation: none 15s infinite linear
}
/*# sourceMappingURL=main.css.map */