@charset "UTF-8";

#lead .section-title small::before, .home #socialhome .social-media .social-media-entry.social-media-facebook::before, .home #socialhome .social-media .social-media-entry.social-media-twitter::before, .page-type-event .event .event-date::before, .page-type-event .event .event-location::before, .page-type-news #content .news-item .news-item-date::before, .product-downloads .download-category .download-category-title::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#content #content-article h1, #content #content-article h2, #content #content-article h3, #content #content-article h4, #content #content-article h5, #content #content-article h6, .news-item-detail-page #content .news-item-content h1, .news-item-detail-page #content .news-item-content h2, .news-item-detail-page #content .news-item-content h3, .news-item-detail-page #content .news-item-content h4, .news-item-detail-page #content .news-item-content h5, .news-item-detail-page #content .news-item-content h6, .page-type-info #content .page-blocks .page-block .page-block-content h1, .page-type-info #content .page-blocks .page-block .page-block-content h2, .page-type-info #content .page-blocks .page-block .page-block-content h3, .page-type-info #content .page-blocks .page-block .page-block-content h4, .page-type-info #content .page-blocks .page-block .page-block-content h5, .page-type-info #content .page-blocks .page-block .page-block-content h6 {
    margin-top: 20px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    #content #content-article h1, #content #content-article h2, #content #content-article h3, #content #content-article h4, #content #content-article h5, #content #content-article h6, .news-item-detail-page #content .news-item-content h1, .news-item-detail-page #content .news-item-content h2, .news-item-detail-page #content .news-item-content h3, .news-item-detail-page #content .news-item-content h4, .news-item-detail-page #content .news-item-content h5, .news-item-detail-page #content .news-item-content h6, .page-type-info #content .page-blocks .page-block .page-block-content h1, .page-type-info #content .page-blocks .page-block .page-block-content h2, .page-type-info #content .page-blocks .page-block .page-block-content h3, .page-type-info #content .page-blocks .page-block .page-block-content h4, .page-type-info #content .page-blocks .page-block .page-block-content h5, .page-type-info #content .page-blocks .page-block .page-block-content h6 {
        margin-top: 24px
    }
}

#content #content-article h1:first-child, #content #content-article h2:first-child, #content #content-article h3:first-child, #content #content-article h4:first-child, #content #content-article h5:first-child, #content #content-article h6:first-child, .news-item-detail-page #content .news-item-content h1:first-child, .news-item-detail-page #content .news-item-content h2:first-child, .news-item-detail-page #content .news-item-content h3:first-child, .news-item-detail-page #content .news-item-content h4:first-child, .news-item-detail-page #content .news-item-content h5:first-child, .news-item-detail-page #content .news-item-content h6:first-child, .page-type-info #content .page-blocks .page-block .page-block-content h1:first-child, .page-type-info #content .page-blocks .page-block .page-block-content h2:first-child, .page-type-info #content .page-blocks .page-block .page-block-content h3:first-child, .page-type-info #content .page-blocks .page-block .page-block-content h4:first-child, .page-type-info #content .page-blocks .page-block .page-block-content h5:first-child, .page-type-info #content .page-blocks .page-block .page-block-content h6:first-child {
    margin-top: 0
}

#content #content-article h1:last-child, #content #content-article h2:last-child, #content #content-article h3:last-child, #content #content-article h4:last-child, #content #content-article h5:last-child, #content #content-article h6:last-child, .news-item-detail-page #content .news-item-content h1:last-child, .news-item-detail-page #content .news-item-content h2:last-child, .news-item-detail-page #content .news-item-content h3:last-child, .news-item-detail-page #content .news-item-content h4:last-child, .news-item-detail-page #content .news-item-content h5:last-child, .news-item-detail-page #content .news-item-content h6:last-child, .page-type-info #content .page-blocks .page-block .page-block-content h1:last-child, .page-type-info #content .page-blocks .page-block .page-block-content h2:last-child, .page-type-info #content .page-blocks .page-block .page-block-content h3:last-child, .page-type-info #content .page-blocks .page-block .page-block-content h4:last-child, .page-type-info #content .page-blocks .page-block .page-block-content h5:last-child, .page-type-info #content .page-blocks .page-block .page-block-content h6:last-child {
    margin-bottom: 0
}

#content #content-article dl, #content #content-article ol, #content #content-article p, #content #content-article table, #content #content-article ul, .news-item-detail-page #content .news-item-content dl, .news-item-detail-page #content .news-item-content ol, .news-item-detail-page #content .news-item-content p, .news-item-detail-page #content .news-item-content table, .news-item-detail-page #content .news-item-content ul, .page-type-info #content .page-blocks .page-block .page-block-content dl, .page-type-info #content .page-blocks .page-block .page-block-content ol, .page-type-info #content .page-blocks .page-block .page-block-content p, .page-type-info #content .page-blocks .page-block .page-block-content table, .page-type-info #content .page-blocks .page-block .page-block-content ul {
    margin-bottom: 10px
}

    #content #content-article dl:last-child, #content #content-article ol:last-child, #content #content-article p:last-child, #content #content-article table:last-child, #content #content-article ul:last-child, .news-item-detail-page #content .news-item-content dl:last-child, .news-item-detail-page #content .news-item-content ol:last-child, .news-item-detail-page #content .news-item-content p:last-child, .news-item-detail-page #content .news-item-content table:last-child, .news-item-detail-page #content .news-item-content ul:last-child, .page-type-info #content .page-blocks .page-block .page-block-content dl:last-child, .page-type-info #content .page-blocks .page-block .page-block-content ol:last-child, .page-type-info #content .page-blocks .page-block .page-block-content p:last-child, .page-type-info #content .page-blocks .page-block .page-block-content table:last-child, .page-type-info #content .page-blocks .page-block .page-block-content ul:last-child {
        margin-bottom: 0
    }

    #content #content-article ul:not([class]), .news-item-detail-page #content .news-item-content ul:not([class]), .page-type-info #content .page-blocks .page-block .page-block-content ul:not([class]) {
        list-style: disc
    }

    #content #content-article ol:not([class]), .news-item-detail-page #content .news-item-content ol:not([class]), .page-type-info #content .page-blocks .page-block .page-block-content ol:not([class]) {
        list-style: decimal
    }

    #content #content-article dl:not([class]), #content #content-article ol:not([class]), #content #content-article ul:not([class]), .news-item-detail-page #content .news-item-content dl:not([class]), .news-item-detail-page #content .news-item-content ol:not([class]), .news-item-detail-page #content .news-item-content ul:not([class]), .page-type-info #content .page-blocks .page-block .page-block-content dl:not([class]), .page-type-info #content .page-blocks .page-block .page-block-content ol:not([class]), .page-type-info #content .page-blocks .page-block .page-block-content ul:not([class]) {
        padding-left: 20px
    }

.w-xs-20 {
    width: 20% !important
}

.w-xs-25 {
    width: 25% !important
}

.w-xs-33 {
    width: 33% !important
}

.w-xs-40 {
    width: 40% !important
}

.w-xs-50 {
    width: 50% !important
}

.w-xs-60 {
    width: 60% !important
}

.w-xs-66 {
    width: 66% !important
}

.w-xs-75 {
    width: 75% !important
}

.w-xs-80 {
    width: 80% !important
}

.w-xs-100 {
    width: 100% !important
}

@media (min-width:768px) {
    .w-sm-20 {
        width: 20% !important
    }
}

@media (min-width:768px) {
    .w-sm-25 {
        width: 25% !important
    }
}

@media (min-width:768px) {
    .w-sm-33 {
        width: 33% !important
    }
}

@media (min-width:768px) {
    .w-sm-40 {
        width: 40% !important
    }
}

@media (min-width:768px) {
    .w-sm-50 {
        width: 50% !important
    }
}

@media (min-width:768px) {
    .w-sm-60 {
        width: 60% !important
    }
}

@media (min-width:768px) {
    .w-sm-66 {
        width: 66% !important
    }
}

@media (min-width:768px) {
    .w-sm-75 {
        width: 75% !important
    }
}

@media (min-width:768px) {
    .w-sm-80 {
        width: 80% !important
    }
}

@media (min-width:768px) {
    .w-sm-100 {
        width: 100% !important
    }
}

@media (min-width:992px) {
    .w-md-20 {
        width: 20% !important
    }
}

@media (min-width:992px) {
    .w-md-25 {
        width: 25% !important
    }
}

@media (min-width:992px) {
    .w-md-33 {
        width: 33% !important
    }
}

@media (min-width:992px) {
    .w-md-40 {
        width: 40% !important
    }
}

@media (min-width:992px) {
    .w-md-50 {
        width: 50% !important
    }
}

@media (min-width:992px) {
    .w-md-60 {
        width: 60% !important
    }
}

@media (min-width:992px) {
    .w-md-66 {
        width: 66% !important
    }
}

@media (min-width:992px) {
    .w-md-75 {
        width: 75% !important
    }
}

@media (min-width:992px) {
    .w-md-80 {
        width: 80% !important
    }
}

@media (min-width:992px) {
    .w-md-100 {
        width: 100% !important
    }
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.u-marginless {
    margin: 0 !important
}

.u-paddingless {
    padding: 0 !important
}

.u-text-center {
    text-align: center !important
}

.u-text-upper, .u-text-uppercase {
    text-transform: uppercase !important
}

.u-text-lower, .u-text-lowercase {
    text-transform: uppercase !important
}

.invisible {
    display: none;
}

@-webkit-keyframes fluo-checkbox-effect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1.65);
        transform: scale(1.65);
        opacity: 0
    }
}

@keyframes fluo-checkbox-effect {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1.65);
        transform: scale(1.65);
        opacity: 0
    }
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    position: relative
}

body {
    height: auto;
    min-height: 100%;
    font-family: urw-din,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    border-bottom: 4px solid #50b848
}

button {
    cursor: pointer
}

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

a {
    color: #50b848;
    text-decoration: none
}

    a:focus, a:hover {
        text-decoration: underline
    }

h1, h2 {
    color: #50b848;
    line-height: 1.2
}

h3, h4, h5, h6 {
    color: #121212
}

ul {
    list-style: none
}

.slick-slider {
    margin-bottom: 0 !important
}

#content .navigation ul > li > a, #lead .navigation li > a, #site-header #site-search .search-form .search-submit, .btn, .card .card-footer a, .page-banner .banner-item .banner-item-readmore, .page-type-event .event .event-read-more a, .page-type-news #content .news-item .news-item-read-more a, .searchbox button.reset, body #cookie-bar .cb-enable, form .form-actions input[type=submit] {
    -webkit-transition: -webkit-box-shadow 350ms;
    transition: -webkit-box-shadow 350ms;
    transition: box-shadow 350ms;
    transition: box-shadow 350ms,-webkit-box-shadow 350ms;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

#content .navigation ul > li > a, #lead .navigation li > a, #site-header #site-search .search-form .search-submit, .btn--primary, .card .card-footer a, .page-banner .banner-item .banner-item-readmore, .page-type-event .event .event-read-more a, .page-type-news #content .news-item .news-item-read-more a, .searchbox button.reset, body #cookie-bar .cb-enable, form .form-actions input[type=submit] {
    color: #fff;
    background-color: #50b848
}

    #content .navigation ul > li > a:focus, #content .navigation ul > li > a:hover, #lead .navigation li > a:focus, #lead .navigation li > a:hover, #site-header #site-search .search-form .search-submit:focus, #site-header #site-search .search-form .search-submit:hover, .btn--primary:focus, .btn--primary:hover, .card .card-footer a:focus, .card .card-footer a:hover, .page-banner .banner-item .banner-item-readmore:focus, .page-banner .banner-item .banner-item-readmore:hover, .page-type-event .event .event-read-more a:focus, .page-type-event .event .event-read-more a:hover, .page-type-news #content .news-item .news-item-read-more a:focus, .page-type-news #content .news-item .news-item-read-more a:hover, .searchbox button.reset:focus, .searchbox button.reset:hover, body #cookie-bar .cb-enable:focus, body #cookie-bar .cb-enable:hover, form .form-actions input:focus[type=submit], form .form-actions input:hover[type=submit] {
        background-color: #41973b
    }

.btn--secondary {
    color: #fff;
    background-color: #121212
}

.card {
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 8px rgba(140,140,140,.25);
    box-shadow: 0 4px 8px rgba(140,140,140,.25);
    background-color: #fff
}

    .card + .card, [class^=col] .card {
        margin-top: 30px
    }

    .card .card-header {
        overflow: hidden;
        background-color: #f2f2f2
    }

        .card .card-header > a {
            display: block
        }

        .card .card-header img {
            width: 100%
        }

        .card .card-header + .card-body {
            border-top: 0
        }

    .card .card-body {
        padding: 24px 28px
    }

        .card .card-body a:not(.btn) {
            color: #121212;
            text-decoration: underline
        }

        .card .card-body .card-title, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5 {
            color: #50b848;
            margin-bottom: 12px
        }

            .card .card-body .card-title a, .card .card-body h2 a, .card .card-body h3 a, .card .card-body h4 a, .card .card-body h5 a {
                color: inherit;
                text-decoration: none
            }

            .card .card-body .card-title small, .card .card-body h2 small, .card .card-body h3 small, .card .card-body h4 small, .card .card-body h5 small {
                color: #6b6b6b;
                font-size: 80%;
                font-weight: 400;
                display: block
            }

    .card .card-desc > * {
        margin-bottom: 12px
    }

    .card .card-desc > :last-child {
        margin-bottom: 0
    }

    .card .card-desc ul {
        padding-left: 20px
    }

        .card .card-desc ul li {
            list-style: disc
        }

    .card .card-footer {
        padding: 0 28px 24px 28px
    }

    .card.card--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .card.card--horizontal .card-header {
            width: 25%
        }

        .card.card--horizontal .card-body {
            width: 75%
        }

    .card.card--rounded {
        border-radius: 12px;
        overflow: hidden
    }

    .card.card--primary {
        border: 2px solid #50b848;
        background-color: rgba(80,184,72,.15)
    }

    .card.card--seamless {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent
    }

    .card.product-overview-subcategory .card-header {
        width: 100%;
        padding-top: 100%;
        position: relative
    }

        .card.product-overview-subcategory .card-header img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

#breadcrumbs {
    text-shadow: none
}

    #breadcrumbs::after {
        display: block;
        clear: both;
        content: ""
    }

    #breadcrumbs ul {
        display: inline-block;
        padding: 12px 0
    }

        #breadcrumbs ul::after {
            display: block;
            clear: both;
            content: ""
        }

        #breadcrumbs ul > .breadcrumb {
            height: auto;
            float: left;
            background: 0 0
        }

            #breadcrumbs ul > .breadcrumb > a, #breadcrumbs ul > .breadcrumb > span {
                font-size: 15px;
                font-family: urw-din,sans-serif;
                display: inline-block;
                margin-left: 0;
                margin-right: 0
            }

            #breadcrumbs ul > .breadcrumb > a {
                color: #50b848
            }

            #breadcrumbs ul > .breadcrumb + li {
                padding-left: 8px
            }

                #breadcrumbs ul > .breadcrumb + li::before {
                    color: #858585;
                    font-size: 15px;
                    content: "/";
                    display: inline-block;
                    padding-right: 6px
                }

                #breadcrumbs ul > .breadcrumb + li:last-child > a {
                    color: #858585
                }

    #breadcrumbs .archive {
        float: right
    }

.dropdown li {
    list-style: none
}

.dropdown .dropdown-menu {
    -webkit-transition: opacity 350ms,-webkit-transform 350ms;
    transition: opacity 350ms,-webkit-transform 350ms;
    transition: opacity 350ms,transform 350ms;
    transition: opacity 350ms,transform 350ms,-webkit-transform 350ms;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    background-color: #fff;
    pointer-events: auto
}

    .dropdown .dropdown-menu::after {
        display: block;
        clear: both;
        content: ""
    }

@media (min-width:992px) {
    .dropdown .dropdown-menu {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        display: block;
        position: absolute;
        top: 100%;
        z-index: 999
    }
}

.dropdown .dropdown-menu .dropdown-header > a, .dropdown .dropdown-menu .dropdown-header > span, .dropdown .dropdown-menu .dropdown-item > a, .dropdown .dropdown-menu .dropdown-item > span {
    display: block;
    padding: 8px 12px
}

.dropdown .dropdown-menu .dropdown-column {
    padding: 12px;
    position: relative
}

@media (min-width:992px) {
    .dropdown .dropdown-menu .dropdown-column {
        width: 33.33333%;
        float: left
    }
}

.dropdown .dropdown-menu .dropdown-column .dropdown-header {
    font-weight: 700;
    border-bottom: 1px solid #f2f2f2
}

.dropdown.show .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.dropdown.dropdown--mega {
    position: static
}

@media (min-width:992px) {
    .dropdown.dropdown--mega .dropdown-menu {
        width: 100%;
        width: calc(100% - 24px);
        left: 12px
    }
}

.image {
    position: relative
}

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

    .image.image--1by1, .image.image--3by2, .image.image--4by3 {
        background-color: #d9d9d9;
        position: relative
    }

        .image.image--1by1 img, .image.image--3by2 img, .image.image--4by3 img {
            max-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

    .image.image--1by1 {
        padding-top: 100%
    }

    .image.image--3by2 {
        padding-top: 66.66667%
    }

    .image.image--4by3 {
        padding-top: 75%
    }

    .image.image--cover {
        width: 100%;
        min-height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

        .image.image--cover img {
            width: 100%;
            height: 100%;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0
        }

.image-list {
    margin-left: -6px;
    margin-right: -6px;
    padding-left: 0 !important;
    list-style: none !important
}

    .image-list::after {
        display: block;
        clear: both;
        content: ""
    }

    .image-list .image-list-image {
        width: 50%;
        float: left;
        padding: 6px
    }

@media (min-width:768px) {
    .image-list .image-list-image {
        width: 33.33333%
    }
}

@media (min-width:992px) {
    .image-list .image-list-image {
        width: 25%
    }
}

.pagination {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

    .pagination::after {
        display: block;
        clear: both;
        content: ""
    }

    .pagination:first-child {
        margin-top: 0
    }

    .pagination:last-child {
        margin-bottom: 0
    }

    .pagination > div {
        display: inline-block
    }

        .pagination > div > a, .pagination > div > span {
            min-width: 41px;
            font-weight: 700;
            line-height: 38px;
            text-align: center;
            display: block;
            border: 1px solid #e6e6e6;
            position: relative;
            z-index: 1
        }

            .pagination > div > a:focus, .pagination > div > a:hover, .pagination > div > span:focus, .pagination > div > span:hover {
                text-decoration: none
            }

        .pagination > div + div > a, .pagination > div + div > span {
            margin-left: -1px
        }

        .pagination > div.pagination-current > a, .pagination > div.pagination-current > span, .pagination > div:focus > a, .pagination > div:focus > span, .pagination > div:hover > a, .pagination > div:hover > span {
            color: #fff;
            border-color: #41973b;
            background-color: #50b848;
            z-index: 2
        }

.page-type-shop #content .product-technicalfeatures table, .page-type-shop #content .product-valuefeatures table, .table {
    width: 100%;
    border-collapse: collapse
}

    .page-type-shop #content .product-technicalfeatures table td, .page-type-shop #content .product-technicalfeatures table th, .page-type-shop #content .product-valuefeatures table td, .page-type-shop #content .product-valuefeatures table th, .table td, .table th {
        padding: 8px 12px;
        vertical-align: top;
        border-top: 1px solid #e6e6e6
    }

        .page-type-shop #content .product-technicalfeatures table td img, .page-type-shop #content .product-technicalfeatures table th img, .page-type-shop #content .product-valuefeatures table td img, .page-type-shop #content .product-valuefeatures table th img, .table td img, .table th img {
            display: inline-block
        }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
    height: 12px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #b3b3b3
}

.table-striped tbody tr:nth-child(odd) {
    background-color: #e6e6e6
}

.table-responsive {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-fluid {
    width: 100%;
    display: block
}

    .table-fluid > tbody, .table-fluid > tfoot, .table-fluid > thead {
        width: 100%;
        display: block
    }

        .table-fluid > tbody > tr, .table-fluid > tfoot > tr, .table-fluid > thead > tr {
            display: block
        }

            .table-fluid > tbody > tr::after, .table-fluid > tfoot > tr::after, .table-fluid > thead > tr::after {
                display: block;
                clear: both;
                content: ""
            }

            .table-fluid > tbody > tr > td, .table-fluid > tbody > tr > th, .table-fluid > tfoot > tr > td, .table-fluid > tfoot > tr > th, .table-fluid > thead > tr > td, .table-fluid > thead > tr > th {
                width: 100%;
                min-height: 1px;
                float: left;
                display: block;
                position: relative
            }

                .table-fluid > tbody > tr > td.text-center, .table-fluid > tbody > tr > th.text-center, .table-fluid > tfoot > tr > td.text-center, .table-fluid > tfoot > tr > th.text-center, .table-fluid > thead > tr > td.text-center, .table-fluid > thead > tr > th.text-center {
                    text-align: center
                }

                    .table-fluid > tbody > tr > td.text-center img, .table-fluid > tbody > tr > th.text-center img, .table-fluid > tfoot > tr > td.text-center img, .table-fluid > tfoot > tr > th.text-center img, .table-fluid > thead > tr > td.text-center img, .table-fluid > thead > tr > th.text-center img {
                        margin-left: auto;
                        margin-right: auto
                    }

.fancybox-stage .fancybox-slide.fancybox-slide--html .fancybox-content {
    border-radius: 12px
}

.collapse {
    display: none;
    padding: 24px 30px;
    background-color: #f2f2f2
}

body #cookie-bar {
    color: #121212;
    font-size: 13px;
    line-height: normal;
    text-align: right;
    padding: 20px 24px;
    background-color: #e6e6e6
}

    body #cookie-bar p {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

@media (min-width:768px) {
    body #cookie-bar p {
        width: 750px;
        padding-right: 164px
    }
}

@media (min-width:992px) {
    body #cookie-bar p {
        width: 970px
    }
}

@media (min-width:1200px) {
    body #cookie-bar p {
        width: 1170px
    }
}

body #cookie-bar p .cb-enable {
    margin-top: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:767px) {
    body #cookie-bar p .cb-enable {
        display: none
    }
}

body #cookie-bar .cb-policy {
    color: #121212;
    text-decoration: underline;
    padding: 0;
    background-color: transparent
}

    body #cookie-bar .cb-policy:focus, body #cookie-bar .cb-policy:hover {
        background-color: transparent
    }

body #cookie-bar .cb-enable {
    margin-top: 20px;
    margin-left: 0
}

@media (min-width:768px) {
    body #cookie-bar .cb-enable.cb-mobile {
        display: none
    }
}

.container, .container-fluid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

    .container-fluid.u-gutterless, .container.u-gutterless {
        padding-left: 0;
        padding-right: 0
    }

        .container-fluid.u-gutterless > .row, .container.u-gutterless > .row {
            margin-left: 0;
            margin-right: 0
        }

            .container-fluid.u-gutterless > .row > [class^=col], .container.u-gutterless > .row > [class^=col] {
                padding-left: 0;
                padding-right: 0
            }

    .container .container, .container-fluid .container {
        width: auto !important;
        padding-left: 0;
        padding-right: 0
    }

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container .container, .container-fluid .container {
    width: auto
}

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

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

[class^=col] {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.d-flex > [class^=col] {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width:768px) {
    .col-1 {
        width: 8.33333%;
        float: left
    }

    .d-flex > .col-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%
    }
}

@media (min-width:768px) {
    .col-2 {
        width: 16.66667%;
        float: left
    }

    .d-flex > .col-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
}

@media (min-width:768px) {
    .col-3 {
        width: 25%;
        float: left
    }

    .d-flex > .col-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media (min-width:768px) {
    .col-4, .page-type-info #content .page-blocks .page-block .row > .column {
        width: 33.33333%;
        float: left
    }

    .d-flex > .col-4, .page-type-info #content .page-blocks .page-block .row.d-flex > .column {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media (min-width:768px) {
    .col-5 {
        width: 41.66667%;
        float: left
    }

    .d-flex > .col-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%
    }
}

@media (min-width:768px) {
    .col-6 {
        width: 50%;
        float: left
    }

    .d-flex > .col-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width:768px) {
    .col-7 {
        width: 58.33333%;
        float: left
    }

    .d-flex > .col-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%
    }
}

@media (min-width:768px) {
    .col-8 {
        width: 66.66667%;
        float: left
    }

    .d-flex > .col-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media (min-width:768px) {
    .col-9 {
        width: 75%;
        float: left
    }

    .d-flex > .col-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }
}

@media (min-width:768px) {
    .col-10 {
        width: 83.33333%;
        float: left
    }

    .d-flex > .col-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }
}

@media (min-width:768px) {
    .col-11 {
        width: 91.66667%;
        float: left
    }

    .d-flex > .col-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%
    }
}

.section {
    clear: both;
    padding-top: 32px;
    padding-bottom: 32px;
    position: relative
}

@media (min-width:768px) {
    .section {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media (min-width:992px) {
    .section {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.cssvwunit .section .section-decoration {
    width: 100vw;
    margin-left: -50vw
}

.section .section-decoration {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1
}

.section .section-header {
    margin-bottom: 8px
}

@media (min-width:768px) {
    .section .section-header {
        margin-bottom: 24px
    }
}

@media (min-width:992px) {
    .section .section-header {
        margin-bottom: 40px
    }
}

.section .section-title {
    color: #121212;
    font-size: 36px
}

@media (min-width:992px) {
    .section .section-title {
        font-size: 42px
    }
}

.section .section-title small {
    color: rgba(18,18,18,.65);
    font-size: 14px;
    font-weight: 400;
    display: block
}

.section.section--alt .section-decoration {
    background-color: #f2f2f2
}

.section.section--primary .section-decoration {
    background-color: #50b848
}

.section.section--primary .section-title {
    color: #fff
}

    .section.section--primary .section-title small {
        color: rgba(255,255,255,.65)
    }

.section.u-paddingless {
    padding-top: 0;
    padding-bottom: 0
}

#site-header {
    -webkit-box-shadow: 0 8px 16px -8px rgba(18,18,18,.15);
    box-shadow: 0 8px 16px -8px rgba(18,18,18,.15);
    border-bottom: 4px solid #50b848;
    position: relative;
    z-index: 100
}

    #site-header #site-search {
        display: none;
        padding-top: 12px;
        padding-bottom: 8px;
        background-color: #50b848
    }

        #site-header #site-search .search-form {
            width: 100%;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            position: relative
        }

            #site-header #site-search .search-form .twitter-typeahead, #site-header #site-search .search-form input {
                width: auto;
                display: inline-block;
                vertical-align: top
            }

            #site-header #site-search .search-form .tt-hint {
                display: none
            }

            #site-header #site-search .search-form .search-term {
                width: 100%;
                font-size: 15px;
                line-height: 20px;
                padding: 10px 15px;
                border-radius: 20px;
                border: 0
            }

                #site-header #site-search .search-form .search-term.focus, #site-header #site-search .search-form .search-term:focus {
                    outline: 0
                }

            #site-header #site-search .search-form .search-submit {
                border: 0;
                position: absolute;
                top: 2px;
                right: 2px
            }

            #site-header #site-search .search-form .twitter-typeahead {
                width: 100%;
                border-radius: 20px;
                background-color: #fff
            }

            #site-header #site-search .search-form .tt-dropdown-menu {
                width: 100%;
                overflow: hidden;
                margin-top: 4px;
                -webkit-box-shadow: 0 4px 6px 0 rgba(18,18,18,.3);
                box-shadow: 0 4px 6px 0 rgba(18,18,18,.3);
                border-radius: 20px;
                background-color: #fff;
                position: relative
            }

                #site-header #site-search .search-form .tt-dropdown-menu::before {
                    width: 100%;
                    height: 1px;
                    content: '';
                    display: block;
                    background-color: #e6e6e6;
                    position: absolute;
                    top: 0;
                    left: 0
                }

                #site-header #site-search .search-form .tt-dropdown-menu .tt-suggestion {
                    padding: 6px 15px
                }

                    #site-header #site-search .search-form .tt-dropdown-menu .tt-suggestion .title {
                        font-weight: 700
                    }

                    #site-header #site-search .search-form .tt-dropdown-menu .tt-suggestion:hover {
                        background-color: #e6e6e6
                    }

        #site-header #site-search.is-open {
            display: block
        }

#site-navigation {
    position: relative;
    z-index: 100
}

    #site-navigation [class^=container] {
        padding-top: 12px;
        padding-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

@media (min-width:992px) {
    #site-navigation [class^=container] {
        height: 96px
    }
}

#site-navigation .navbar-brand {
    margin-right: 12px;
    margin-bottom: 12px
}

    #site-navigation .navbar-brand a {
        display: block
    }

    #site-navigation .navbar-brand img {
        width: 83.07692px;
        height: 36px
    }

@media (min-width:992px) {
    #site-navigation .navbar-brand {
        margin-bottom: 0;
        margin-right: 0;
        position: absolute;
        top: 50%;
        left: 12px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        #site-navigation .navbar-brand img {
            width: 129.23077px;
            height: 56px
        }
}

#site-navigation .navbar-toggle {
    cursor: pointer;
    display: block;
    padding: 9px;
    position: absolute;
    top: 10px;
    right: 10px
}

@media (min-width:992px) {
    #site-navigation .navbar-toggle {
        display: none
    }
}

#site-navigation .navbar-toggle .bar {
    -webkit-transition: opacity 350ms,-webkit-transform 350ms;
    transition: opacity 350ms,-webkit-transform 350ms;
    transition: opacity 350ms,transform 350ms;
    transition: opacity 350ms,transform 350ms,-webkit-transform 350ms;
    width: 22px;
    height: 2px;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #50b848
}

    #site-navigation .navbar-toggle .bar:nth-child(2) {
        width: 17px
    }

#site-navigation .navbar-nav::after {
    display: block;
    clear: both;
    content: ""
}

@media (max-width:991px) {
    #site-navigation .navbar-nav {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

#site-navigation .navbar-nav a {
    color: #121212;
    text-decoration: none
}

    #site-navigation .navbar-nav a:focus, #site-navigation .navbar-nav a:hover {
        color: #50b848
    }

#site-navigation .navbar-nav .nav-item {
    list-style: none
}

    #site-navigation .navbar-nav .nav-item > a {
        display: block;
        padding: 10px 12px
    }

    #site-navigation .navbar-nav .nav-item [class^=fa] {
        margin-left: 4px
    }

@media (max-width:991px) {
    #site-navigation .navbar-nav .nav-item {
        margin-left: -12px;
        margin-right: -12px
    }
}

@media (min-width:992px) {
    #site-navigation .navbar-nav .nav-item {
        float: left
    }

        #site-navigation .navbar-nav .nav-item > a {
            padding-bottom: 22px
        }
}

@media (min-width:992px) {
    #site-navigation .navbar-nav.u-align-left {
        margin-right: auto;
        margin-left: -12px
    }
}

@media (min-width:992px) {
    #site-navigation .navbar-nav.u-align-right {
        margin-left: auto;
        margin-right: -12px
    }
}

@media (max-width:991px) {
    #site-navigation .navbar-nav#primary-menu {
        display: none
    }
}

@media (min-width:1200px) {
    #site-navigation .navbar-nav#primary-menu {
        margin-left: auto;
        margin-right: auto
    }
}

#site-navigation .navbar-nav#primary-menu .open-search button {
    width: 44px;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 0 22px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0
}

    #site-navigation .navbar-nav#primary-menu .open-search button:focus {
        outline: 0
    }

    #site-navigation .navbar-nav#primary-menu .open-search button:focus, #site-navigation .navbar-nav#primary-menu .open-search button:hover {
        color: #50b848
    }

#site-navigation .navbar-nav#primary-menu .open-search [class^=fa] {
    margin-left: 0
}

#site-navigation .navbar-nav#language-switcher {
    background-color: #e6e6e6;
    position: absolute;
    top: 0;
    right: 65px
}

@media (min-width:992px) {
    #site-navigation .navbar-nav#language-switcher {
        right: 12px
    }
}

#site-navigation .navbar-nav#language-switcher .nav-item {
    margin-left: 0;
    margin-right: 0
}

#site-navigation .navbar-nav#language-switcher .dropdown-toggle {
    width: 100px;
    color: #6b6b6b;
    font-size: 13px;
    line-height: 18px
}

    #site-navigation .navbar-nav#language-switcher .dropdown-toggle > a {
        padding-right: 32px;
        position: relative
    }

    #site-navigation .navbar-nav#language-switcher .dropdown-toggle:focus, #site-navigation .navbar-nav#language-switcher .dropdown-toggle:hover {
        color: #50b848
    }

    #site-navigation .navbar-nav#language-switcher .dropdown-toggle [class^=fa] {
        line-height: 14px;
        margin-left: 0;
        position: absolute;
        top: 50%;
        right: 12px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

#site-navigation .navbar-nav#language-switcher .dropdown > a {
    padding: 6px 12px
}

#site-navigation .navbar-nav#language-switcher .dropdown .dropdown-menu {
    right: 0
}

#site-navigation .navbar-nav#dealer-menu, #site-navigation .navbar-nav#dealermenu {
    position: absolute;
    top: 0;
    right: 130px
}

@media (max-width:991px) {
    #site-navigation .navbar-nav#dealer-menu, #site-navigation .navbar-nav#dealermenu {
        display: none
    }
}

#site-navigation .navbar-nav#dealer-menu .decoration, #site-navigation .navbar-nav#dealermenu .decoration {
    color: #6b6b6b;
    line-height: 18px;
    width: 30px;
    float: left;
    padding: 6px 0
}

#site-navigation .navbar-nav#dealer-menu .nav-item, #site-navigation .navbar-nav#dealermenu .nav-item {
    position: relative
}

    #site-navigation .navbar-nav#dealer-menu .nav-item > a, #site-navigation .navbar-nav#dealermenu .nav-item > a {
        color: #6b6b6b;
        font-size: 13px;
        line-height: 18px;
        padding: 6px 12px
    }

        #site-navigation .navbar-nav#dealer-menu .nav-item > a:focus, #site-navigation .navbar-nav#dealer-menu .nav-item > a:hover, #site-navigation .navbar-nav#dealermenu .nav-item > a:focus, #site-navigation .navbar-nav#dealermenu .nav-item > a:hover {
            color: #50b848
        }

    #site-navigation .navbar-nav#dealer-menu .nav-item + .nav-item::before, #site-navigation .navbar-nav#dealermenu .nav-item + .nav-item::before {
        width: 1px;
        height: 12px;
        content: '';
        display: block;
        float: left;
        background-color: rgba(18,18,18,.15);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

#site-navigation #site-nav.collapsed .navbar-toggle .bar:nth-child(1) {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg)
}

#site-navigation #site-nav.collapsed .navbar-toggle .bar:nth-child(2) {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
    opacity: 0
}

#site-navigation #site-nav.collapsed .navbar-toggle .bar:nth-child(3) {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg)
}

#site-navigation #site-nav.collapsed .navbar-nav#primary-menu {
    display: block
}

#lead {
    background-color: #e6e6e6
}

    #lead .container {
        position: relative;
        z-index: 1
    }

    #lead .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        #lead .row > [class^=col] {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

@media (min-width:768px) {
    #lead .row .col-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%
    }
}

@media (min-width:768px) {
    #lead .row .col-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }
}

@media (min-width:768px) {
    #lead .row .col-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media (min-width:768px) {
    #lead .page-type-info #content .page-blocks .page-block .row > .column, #lead .row .col-4, .page-type-info #content .page-blocks .page-block #lead .row > .column {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media (min-width:768px) {
    #lead .row .col-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%
    }
}

@media (min-width:768px) {
    #lead .row .col-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media (min-width:768px) {
    #lead .row .col-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%
    }
}

@media (min-width:768px) {
    #lead .row .col-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }
}

@media (min-width:768px) {
    #lead .row .col-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }
}

@media (min-width:768px) {
    #lead .row .col-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }
}

@media (min-width:768px) {
    #lead .row .col-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%
    }
}

#lead .section-header {
    margin-bottom: 0
}

    #lead .section-header .image img {
        margin-left: auto;
        margin-right: auto
    }

    #lead .section-header .section-desc:first-child, #lead .section-header .section-title:first-child {
        padding-top: 30px
    }

    #lead .section-header .section-desc:last-child, #lead .section-header .section-title:last-child {
        padding-bottom: 30px
    }

@media (min-width:768px) {
    #lead .section-header .image img {
        margin-left: 0
    }

    #lead .section-header .section-desc:first-child, #lead .section-header .section-title:first-child {
        padding-top: 45px
    }

    #lead .section-header .section-desc:last-child, #lead .section-header .section-title:last-child {
        padding-bottom: 45px
    }
}

#lead .section-body {
    padding-top: 30px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    #lead .section-body {
        padding-bottom: 60px
    }
}

#lead .section-body .card--horizontal .card .card-body h2, #lead .section-body .card--horizontal .card .card-body h3, #lead .section-body .card--horizontal .card .card-body h4, #lead .section-body .card--horizontal .card .card-body h5, #lead .section-body .card--horizontal .card-title, .card .card-body #lead .section-body .card--horizontal h2, .card .card-body #lead .section-body .card--horizontal h3, .card .card-body #lead .section-body .card--horizontal h4, .card .card-body #lead .section-body .card--horizontal h5 {
    color: #121212
}

@media (min-width:992px) {
    #lead .section-body .card--horizontal .card .card-body h2, #lead .section-body .card--horizontal .card .card-body h3, #lead .section-body .card--horizontal .card .card-body h4, #lead .section-body .card--horizontal .card .card-body h5, #lead .section-body .card--horizontal .card-title, .card .card-body #lead .section-body .card--horizontal h2, .card .card-body #lead .section-body .card--horizontal h3, .card .card-body #lead .section-body .card--horizontal h4, .card .card-body #lead .section-body .card--horizontal h5 {
        font-size: 24px
    }
}

#lead .section-title {
    margin-bottom: 16px
}

    #lead .section-title small {
        color: rgba(18,18,18,.5);
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        display: block
    }

        #lead .section-title small::before {
            content: "\f073"
        }

#lead .section-desc {
    font-size: 17px
}

#lead .navigation li {
    margin-top: 16px;
    margin-right: 16px
}

    #lead .navigation li:last-child {
        margin-right: 0
    }

#lead.lead--alt {
    position: relative
}

@media (min-width:768px) {
    #lead.lead--alt::after {
        width: 100%;
        height: 30px;
        content: '';
        display: block;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0
    }
}

#lead.section--alt {
    padding-top: 0;
    padding-bottom: 0
}

    #lead.section--alt .section-title {
        color: #50b848
    }

form {
    max-width: 480px
}

    form fieldset {
        margin-top: 24px;
        margin-bottom: 24px;
        padding: 20px 24px;
        padding-top: 62px;
        border: 1px solid #e6e6e6;
        position: relative
    }

@media (min-width:992px) {
    form fieldset {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

form fieldset:first-child {
    margin-top: 0 !important
}

form fieldset:last-child {
    margin-bottom: 0 !important
}

form fieldset legend {
    width: 100%;
    font-weight: 700;
    line-height: 20px;
    padding: 12px 16px;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0
}

form .control-group {
    display: block;
    margin-bottom: 12px
}

    form .control-group::after {
        display: block;
        clear: both;
        content: ""
    }

    form .control-group:last-child {
        margin-bottom: 0
    }

    form .control-group .control-label {
        font-weight: 700;
        display: block;
        margin-bottom: 4px
    }

    form .control-group .controls input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=submit]), form .control-group .controls textarea {
        width: 100%;
        font-size: 15px;
        font-family: urw-din,sans-serif;
        line-height: 1.5;
        padding: 6px 12px;
        border-radius: 4px;
        border: 1px solid #e6e6e6;
        background-color: #fff
    }

        form .control-group .controls input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=submit]):focus, form .control-group .controls textarea:focus {
            outline: 0;
            border-color: #80bdff;
            -webkit-box-shadow: 0 0 0 3px rgba(0,123,255,.25);
            box-shadow: 0 0 0 3px rgba(0,123,255,.25)
        }

    form .control-group .controls .checkbox-options .checkbox-option .checkbox-option-text, form .control-group .controls .checkbox-options .checkbox-option .radio-option-text, form .control-group .controls .checkbox-options .radio-option .checkbox-option-text, form .control-group .controls .checkbox-options .radio-option .radio-option-text, form .control-group .controls .radio-options .checkbox-option .checkbox-option-text, form .control-group .controls .radio-options .checkbox-option .radio-option-text, form .control-group .controls .radio-options .radio-option .checkbox-option-text, form .control-group .controls .radio-options .radio-option .radio-option-text {
        margin-left: 6px
    }

    form .control-group .controls .contact-inline-info {
        color: #383838;
        font-size: 12px
    }

    form .control-group .controls .help-inline {
        color: #dc3545
    }

    form .control-group.error .controls input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=submit]), form .control-group.error .controls textarea {
        border-color: #dc3545
    }

        form .control-group.error .controls input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=submit]):focus, form .control-group.error .controls textarea:focus {
            border-color: #dc3545;
            -webkit-box-shadow: 0 0 0 3px rgba(220,53,69,.25);
            box-shadow: 0 0 0 3px rgba(220,53,69,.25)
        }

form .form-actions {
    margin-top: 30px
}

    form .form-actions input[type=submit] {
        border: 0;
        cursor: pointer
    }

select {
    height: 38px;
    font-size: 15px;
    border: 1px solid #e6e6e6
}

#outerfooter2 .container::after {
    display: block;
    clear: both;
    content: ""
}

#outerfooter2 .pull-left {
    float: left
}

#outerfooter2 .pull-right {
    float: right
}

#outerfooter2 img {
    height: 92px
}

#sitemap {
    width: 100%;
    clear: both;
    background-color: #50b848
}

    #sitemap .navigation {
        padding-top: 15px;
        padding-bottom: 15px
    }

        #sitemap .navigation a {
            color: rgba(255,255,255,.85);
            text-decoration: none
        }

            #sitemap .navigation a:focus, #sitemap .navigation a:hover {
                text-decoration: underline
            }

        #sitemap .navigation > ul {
            text-align: left;
            margin-left: -12px;
            margin-right: -12px
        }

            #sitemap .navigation > ul::after {
                display: block;
                clear: both;
                content: ""
            }

            #sitemap .navigation > ul > li {
                padding: 15px
            }

@media (min-width:768px) {
    #sitemap .navigation > ul > li {
        width: 50%;
        float: left
    }
}

@media (min-width:992px) {
    #sitemap .navigation > ul > li {
        width: 33.33333%
    }
}

@media (min-width:1200px) {
    #sitemap .navigation > ul > li {
        width: 20%
    }
}

#sitemap .navigation > ul > li > a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px
}

#sitemap .navigation > ul > li > ul li {
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 2px
}

#sitemap .navigation > ul > li #site-address {
    color: rgba(255,255,255,.85);
    font-size: 13px;
    line-height: 22px
}

form.dealer-forgot-password-form, form.dealer-login-form {
    width: 320px
}

@media (min-width:768px) {
    form.dealer-forgot-password-form, form.dealer-login-form {
        width: 400px
    }
}

form.dealer-forgot-password-form .dealer-forgot-password-header, form.dealer-forgot-password-form .dealer-login-header, form.dealer-login-form .dealer-forgot-password-header, form.dealer-login-form .dealer-login-header {
    margin-bottom: 16px
}

@media (min-width:768px) {
    form.dealer-forgot-password-form .dealer-forgot-password-header, form.dealer-forgot-password-form .dealer-login-header, form.dealer-login-form .dealer-forgot-password-header, form.dealer-login-form .dealer-login-header {
        margin-bottom: 20px
    }
}

form.dealer-forgot-password-form .dealer-forgot-password-footer .form-actions::after, form.dealer-forgot-password-form .dealer-login-footer .form-actions::after, form.dealer-login-form .dealer-forgot-password-footer .form-actions::after, form.dealer-login-form .dealer-login-footer .form-actions::after {
    display: block;
    clear: both;
    content: ""
}

form.dealer-forgot-password-form .dealer-forgot-password-footer .dealer-forgot-password, form.dealer-forgot-password-form .dealer-login-footer .dealer-forgot-password, form.dealer-login-form .dealer-forgot-password-footer .dealer-forgot-password, form.dealer-login-form .dealer-login-footer .dealer-forgot-password {
    float: left;
    padding-top: 7px
}

form.dealer-forgot-password-form .dealer-forgot-password-footer input[type=submit], form.dealer-forgot-password-form .dealer-login-footer input[type=submit], form.dealer-login-form .dealer-forgot-password-footer input[type=submit], form.dealer-login-form .dealer-login-footer input[type=submit] {
    float: right
}

.dealer-logged-in #primary-menu .dealer-login-toggle {
    display: none
}

.page-dealer-locations #dealerlocation-groups [class^=row] {
    padding-left: 0 !important
}

    .page-dealer-locations #dealerlocation-groups [class^=row] .search-group {
        cursor: pointer;
        margin-top: -1px;
        margin-left: -1px;
        overflow: hidden;
        border: 1px solid #e6e6e6;
        position: relative
    }

        .page-dealer-locations #dealerlocation-groups [class^=row] .search-group img {
            -webkit-transition: -webkit-transform 350ms;
            transition: -webkit-transform 350ms;
            transition: transform 350ms;
            transition: transform 350ms,-webkit-transform 350ms;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-transform: scale(.75);
            transform: scale(.75)
        }

        .page-dealer-locations #dealerlocation-groups [class^=row] .search-group:focus img, .page-dealer-locations #dealerlocation-groups [class^=row] .search-group:hover img {
            -webkit-transform: scale(.93);
            transform: scale(.93)
        }

.page-dealer-locations #dealerlocation-groups .row-1 .search-group {
    padding-top: 100%
}

.page-dealer-locations #dealerlocation-groups .row-2 .search-group {
    padding-top: 50%
}

.page-dealer-locations #dealerlocation-groups .row-3 .search-group {
    padding-top: 33.33333%
}

.page-dealer-locations #dealerlocation-groups .row-4 .search-group {
    padding-top: 25%
}

.page-dealer-locations #dealerlocation-groups .row-5 .search-group {
    padding-top: 20%
}

.page-dealer-locations #dealerlocation-groups .row-6 .search-group {
    padding-top: 16.66667%
}

.page-dealer-locations #map-canvas {
    margin-top: 30px
}

.page-dealer-locations .searchbar {
    color: #fff;
    font-weight: 700;
    margin-top: 30px;
    padding: 12px;
    background-color: #50b848;
    position: relative
}

    .page-dealer-locations .searchbar::after {
        display: block;
        clear: both;
        content: ""
    }

    .page-dealer-locations .searchbar .label-find-dealer {
        margin-top: 4px;
        margin-left: 6px;
        display: inline-block
    }

    .page-dealer-locations .searchbar #locationZip {
        height: 32px;
        font-size: 14px;
        float: right;
        padding-right: 32px;
        padding: 6px 12px;
        border: 0
    }

    .page-dealer-locations .searchbar #search-submit {
        width: 32px;
        height: 32px;
        color: #121212;
        line-height: 32px;
        text-align: center;
        position: absolute;
        top: 50%;
        right: 12px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .page-dealer-locations .searchbar #search-submit :focus, .page-dealer-locations .searchbar #search-submit :hover {
            color: #50b848
        }

.page-dealer-locations .dealers {
    margin-top: 18px
}

    .page-dealer-locations .dealers::after {
        display: block;
        clear: both;
        content: ""
    }

    .page-dealer-locations .dealers .dealer {
        padding: 36px;
        position: relative
    }

@media (min-width:768px) {
    .page-dealer-locations .dealers .dealer {
        width: 50%;
        float: left
    }
}

.page-dealer-locations .dealers .dealer::before {
    width: 100%;
    width: calc(100% - 24px);
    height: 100%;
    height: calc(100% - 24px);
    content: '';
    display: block;
    border: 1px solid #e6e6e6;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: -1
}

.page-dealer-locations .dealers .dealer ul {
    list-style: none !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 64px
}

.page-dealer-locations .dealers .dealer .dealer-name {
    color: #50b848;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

.page-dealer-locations .dealers .dealer .dealer-distance {
    color: #50b848
}

    .page-dealer-locations .dealers .dealer .dealer-distance + .address, .page-dealer-locations .dealers .dealer .dealer-name + .address {
        margin-top: 12px
    }

.page-dealer-locations .dealers .dealer .address [class^=fa] {
    display: none
}

.page-dealer-locations .dealers .dealer .dealer-location-icons {
    margin-top: 16px
}

    .page-dealer-locations .dealers .dealer .dealer-location-icons a {
        width: 40px;
        height: 40px;
        color: #929292;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        margin-right: -1px;
        border: 1px solid #e6e6e6;
        position: relative
    }

        .page-dealer-locations .dealers .dealer .dealer-location-icons a:focus, .page-dealer-locations .dealers .dealer .dealer-location-icons a:hover {
            color: #50b848;
            border-color: #50b848;
            z-index: 1
        }

.page-dealer-locations .dealers .dealer .dealer-location-group {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px
}

    .page-dealer-locations .dealers .dealer .dealer-location-group img {
        width: 64px;
        height: auto;
        margin-right: 0
    }

    .page-dealer-locations .dealers .dealer .dealer-location-group a {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0
    }

.product-downloads {
    margin-top: 30px
}

    .product-downloads .product-downloads-title {
        color: #50b848;
        line-height: 1.2;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 16px
    }

    .product-downloads .download-category {
        margin-bottom: 8px
    }

        .product-downloads .download-category:last-child {
            margin-bottom: 0
        }

        .product-downloads .download-category .download-category-title {
            color: #fff;
            font-weight: 700;
            cursor: pointer;
            padding: 12px 16px;
            background-color: #50b848;
            position: relative
        }

            .product-downloads .download-category .download-category-title::after {
                content: "\f067";
                position: absolute;
                top: 50%;
                right: 16px;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

        .product-downloads .download-category .download-category-downloads {
            padding: 12px 16px;
            border: 1px solid #e6e6e6
        }

        .product-downloads .download-category.is-open .download-category-title::after {
            content: "\f068"
        }

.homepage-navigation > ul {
    list-style: none !important;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 0 !important
}

    .homepage-navigation > ul::after {
        display: block;
        clear: both;
        content: ""
    }

    .homepage-navigation > ul > li {
        padding-left: 20px;
        padding-right: 20px;
        position: relative
    }

@media (min-width:768px) {
    .homepage-navigation > ul > li {
        width: 50%;
        float: left
    }
}

@media (min-width:992px) {
    .homepage-navigation > ul > li {
        width: 33.33333%
    }
}

.homepage-navigation > ul > li.span-1:nth-child(3n+2) {
    clear: left
}

.homepage-navigation > ul > li > a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 8px rgba(140,140,140,.35);
    box-shadow: 0 4px 8px rgba(140,140,140,.35);
    position: relative
}

.homepage-navigation li {
    margin-top: 40px
}

    .homepage-navigation li .page-image {
        overflow: hidden;
        background-color: #f2f2f2
    }

        .homepage-navigation li .page-image img {
            -webkit-transition: -webkit-transform 350ms;
            transition: -webkit-transform 350ms;
            transition: transform 350ms;
            transition: transform 350ms,-webkit-transform 350ms;
            width: 100% !important;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .homepage-navigation li .page-label {
        font-size: 17px;
        font-weight: 700;
        line-height: 1.2;
        text-transform: uppercase;
        padding: 24px 28px 12px 28px
    }

    .homepage-navigation li .page-introduction {
        color: #121212;
        padding: 0 28px 24px 28px
    }

    .homepage-navigation li:focus .page-image img, .homepage-navigation li:hover .page-image img {
        -webkit-transform: scale(1.07);
        transform: scale(1.07)
    }

#content .navigation {
    padding-bottom: 32px
}

    #content .navigation ul {
        margin-top: -8px
    }

        #content .navigation ul > li {
            display: block;
            margin-top: 8px
        }

@media (max-width:767px) {
    #content .navigation ul {
        text-align: center
    }

        #content .navigation ul > li {
            display: inline-block;
            margin-right: 8px
        }

            #content .navigation ul > li:last-child {
                margin-right: 0
            }
}

.searchbox h1, .searchbox h2, .searchbox h3, .searchbox h4, .searchbox h5 {
    margin-bottom: 16px
}

    .searchbox h1:last-child, .searchbox h2:last-child, .searchbox h3:last-child, .searchbox h4:last-child, .searchbox h5:last-child {
        margin-bottom: 0
    }

.searchbox button.reset {
    display: block;
    margin-top: 8px
}

.searchbox button.checkbox {
    border: 0;
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    background-color: transparent
}

    .searchbox button.checkbox .tagname {
        font-size: 15px;
        line-height: 16px;
        padding-left: 24px;
        padding-right: 8px
    }

    .searchbox button.checkbox .icon {
        -webkit-transition: all 350ms;
        transition: all 350ms;
        width: 16px;
        height: 16px;
        display: inline-block;
        border: 1px solid #d9d9d9;
        border-radius: 2px;
        background-color: #fff;
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .searchbox button.checkbox .icon .fa {
            color: #fff;
            opacity: 0;
            -webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
            transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
            -webkit-transform: scale(0) translate(-50%,-50%);
            transform: scale(0) translate(-50%,-50%)
        }

    .searchbox button.checkbox:focus, .searchbox button.checkbox:hover {
        outline: 0
    }

        .searchbox button.checkbox:focus .icon, .searchbox button.checkbox:hover .icon {
            border-color: #50b848
        }

    .searchbox button.checkbox.toggled .icon {
        border-color: #50b848;
        background-color: #50b848
    }

        .searchbox button.checkbox.toggled .icon .fa {
            opacity: 1;
            -webkit-transform: scale(1) translate(0,0);
            transform: scale(1) translate(0,0)
        }

        .searchbox button.checkbox.toggled .icon::after {
            width: 12px;
            height: 12px;
            content: '';
            border: 2px solid #50b848;
            border-radius: 2px;
            position: absolute;
            top: -1px;
            left: -1px;
            -webkit-animation: fluo-checkbox-effect .5s ease-in-out;
            animation: fluo-checkbox-effect .5s ease-in-out;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }

.home #socialhome {
    width: 100%;
    height: auto;
    line-height: normal;
    margin-bottom: 60px;
    overflow: hidden;
    padding-top: 182px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    background-color: #121212;
    position: relative;
    top: auto;
    right: auto
}

@media (min-width:768px) {
    .home #socialhome {
        padding-top: 32px;
        padding-left: 50%
    }
}

@media (min-width:1200px) {
    .home #socialhome {
        padding-left: 66.66667%
    }
}

.home #socialhome::before {
    width: 100%;
    height: 150px;
    content: '';
    display: block;
    background-image: url(http://ducodesign.progressive.be/Wes/CDN/1/Cms/Pages/45/45%20-%20Over%20Duco.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width:768px) {
    .home #socialhome::before {
        width: 50%;
        height: 100%
    }
}

@media (min-width:1200px) {
    .home #socialhome::before {
        width: 66.66667%
    }
}

.home #socialhome h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none;
    margin-bottom: 16px
}

@media (min-width:768px) {
    .home #socialhome h2 {
        padding-left: 32px
    }
}

@media (min-width:768px) {
    .home #socialhome .social-media {
        padding-left: 24px
    }
}

.home #socialhome .social-media .social-media-entry {
    font-size: 15px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 32px;
    position: relative
}

    .home #socialhome .social-media .social-media-entry > a {
        color: #fff;
        text-decoration: none;
        display: inline-block
    }

        .home #socialhome .social-media .social-media-entry > a :focus, .home #socialhome .social-media .social-media-entry > a :hover {
            text-decoration: underline
        }

    .home #socialhome .social-media .social-media-entry.social-media-facebook, .home #socialhome .social-media .social-media-entry.social-media-twitter {
        background: 0 0
    }

        .home #socialhome .social-media .social-media-entry.social-media-facebook::before, .home #socialhome .social-media .social-media-entry.social-media-twitter::before {
            width: 24px;
            height: 24px;
            color: rgba(255,255,255,.5);
            line-height: 24px;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0
        }

        .home #socialhome .social-media .social-media-entry.social-media-twitter::before {
            content: '\f099'
        }

        .home #socialhome .social-media .social-media-entry.social-media-facebook::before {
            content: '\f09a'
        }

.tagfilter {
    width: 100% !important;
    list-style: none;
    margin-top: 0 !important
}

.page-banner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    position: relative
}

@media (min-width:992px) {
    .page-banner {
        margin-bottom: 45px
    }
}

@media (min-width:1200px) {
    .page-banner {
        margin-bottom: 60px
    }
}

.page-banner .banner-item {
    width: 100%;
    display: none;
    background-color: #fff;
    position: relative
}

@media (min-width:992px) {
    .page-banner .banner-item {
        width: 946px
    }
}

@media (min-width:1200px) {
    .page-banner .banner-item {
        width: 1146px
    }
}

.page-banner .banner-item:focus {
    outline: 0
}

.page-banner .banner-item:first-child {
    display: block
}

.page-banner .banner-item .banner-item-content-container {
    height: 100%;
    max-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px 28px;
    background-color: rgba(18,18,18,.925);
    position: absolute;
    bottom: 0;
    right: 0
}

@media (max-width:991px) {
    .page-banner .banner-item .banner-item-content-container {
        display: none
    }
}

.page-banner .banner-item .banner-item-content-container h1, .page-banner .banner-item .banner-item-content-container h2, .page-banner .banner-item .banner-item-content-container h3, .page-banner .banner-item .banner-item-content-container h4, .page-banner .banner-item .banner-item-content-container h5, .page-banner .banner-item .banner-item-content-container h6, .page-banner .banner-item .banner-item-content-container strong {
    color: #50b848 !important
}

.page-banner .banner-item .banner-item-content-container p, .page-banner .banner-item .banner-item-content-container p > span {
    color: #fff !important
}

.page-banner .banner-item .banner-overlay-positionned {
    position: absolute
}

.page-banner .banner-item .banner-item-readmore {
    margin-top: 16px;
    margin-right: auto
}

.page-banner .banner-item .banner-item-image-container img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-banner #nextBtn, .page-banner #prevBtn, .page-banner .slick-slider .slick-next, .page-banner .slick-slider .slick-prev {
    -webkit-transition: background-color 350ms;
    transition: background-color 350ms;
    width: 42px;
    height: 100px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    display: block;
    margin-top: auto;
    border: 0;
    background: rgba(18,18,18,0);
    position: absolute;
    top: 50%;
    z-index: 9;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .page-banner #nextBtn [class^=fa], .page-banner #prevBtn [class^=fa], .page-banner .slick-slider .slick-next [class^=fa], .page-banner .slick-slider .slick-prev [class^=fa] {
        color: #cacaca;
        font-size: 28px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

@media (min-width:992px) {
    .page-banner #nextBtn [class^=fa], .page-banner #prevBtn [class^=fa], .page-banner .slick-slider .slick-next [class^=fa], .page-banner .slick-slider .slick-prev [class^=fa] {
        font-size: 40px
    }
}

.page-banner #nextBtn:hover [class^=fa], .page-banner #prevBtn:hover [class^=fa], .page-banner .slick-slider .slick-next:hover [class^=fa], .page-banner .slick-slider .slick-prev:hover [class^=fa] {
    color: #999
}

.page-banner #nextBtn:focus, .page-banner #prevBtn:focus, .page-banner .slick-slider .slick-next:focus, .page-banner .slick-slider .slick-prev:focus {
    outline: 0
}

.page-banner #prevBtn, .page-banner .slick-slider .slick-prev {
    left: -42px
}

.page-banner #nextBtn, .page-banner .slick-slider .slick-next {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    right: -42px
}

@media (min-width:992px) {
    .page-banner-mobile {
        display: none
    }
}

#main {
    overflow: hidden
}

#content {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 0;
    padding-bottom: 30px
}

    #content::after {
        display: block;
        clear: both;
        content: ""
    }

@media (min-width:768px) {
    #content {
        padding-top: 15px;
        padding-bottom: 45px
    }
}

@media (min-width:992px) {
    #content {
        padding-top: 30px;
        padding-bottom: 60px
    }
}

#content #content-wrapper::after {
    display: block;
    clear: both;
    content: ""
}

#content #content-sidebar {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

@media (min-width:768px) {
    #content #content-sidebar {
        width: 25%;
        float: left
    }
}

#content #content-article {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

@media (min-width:768px) {
    #content #content-article {
        width: 75%;
        float: left
    }
}

#content #content-article a {
    text-decoration: underline
}

#content #content-article .page-block + .page-block {
    margin-top: 30px
}

@media (min-width:992px) {
    #content #content-article .page-block + .page-block {
        margin-top: 45px
    }
}

#content #content-article .navigation ul > li {
    display: list-item
}

    #content #content-article .navigation ul > li > a {
        color: #50b848;
        font-size: inherit;
        font-weight: 400;
        padding: 0;
        border-radius: 0;
        background-color: transparent
    }

#content #content-article .navigation:first-child {
    margin-top: 24px
}

.duco-black-links #content #content-article a {
    color: #000 !important
}

.page-type-homepage #breadcrumbs {
    display: none
}

.page-type-homepage #content {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

    .page-type-homepage #content > .page-image, .page-type-homepage #content > .page-title {
        width: 1px;
        height: 1px;
        clip: rect(0,0,0,0);
        margin: -1px;
        padding: 0;
        overflow: hidden;
        border: 0;
        position: absolute !important;
        top: auto !important;
        left: auto !important
    }

    .page-type-homepage #content .page-banner {
        margin-bottom: 0
    }

    .page-type-homepage #content .section .row + p {
        text-align: center;
        margin-top: 30px
    }

@media (min-width:768px) and (max-width:991px) {
    .page-type-homepage #content .section .col-3, .page-type-homepage #content .section .col-4, .page-type-homepage .page-type-info #content .page-blocks .page-block .section .row > .column, .page-type-homepage .page-type-info #content .section .page-blocks .page-block .row > .column, .page-type-info .page-type-homepage #content .page-blocks .page-block .section .row > .column, .page-type-info .page-type-homepage #content .section .page-blocks .page-block .row > .column {
        width: 50%
    }
}

.page-type-homepage #content .section.section--alt {
    background-color: transparent
}

.page-type-homepage #content .section#featured-products a {
    text-decoration: none
}

.page-type-homepage #content .section#featured-products .section-decoration {
    border-top: 4px solid #50b848
}

.page-type-homepage #content .section#featured-products .section-body .container > h1, .page-type-homepage #content .section#featured-products .section-body .container > h2, .page-type-homepage #content .section#featured-products .section-body .container > h3, .page-type-homepage #content .section#featured-products .section-body .container > h4 {
    color: #fff;
    color: #121212;
    margin-top: 30px;
    margin-bottom: 0
}

.page-type-homepage #content .section#featured-products .card {
    margin-top: 24px;
    border: 1px solid #50b848
}

    .page-type-homepage #content .section#featured-products .card .card-header .image {
        -webkit-transition: -webkit-transform 350ms;
        transition: -webkit-transform 350ms;
        transition: transform 350ms;
        transition: transform 350ms,-webkit-transform 350ms;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .page-type-homepage #content .section#featured-products .card .card-body {
        padding-top: 0;
        padding-bottom: 0
    }

        .page-type-homepage #content .section#featured-products .card .card-body h2, .page-type-homepage #content .section#featured-products .card .card-body h3, .page-type-homepage #content .section#featured-products .card .card-body h4, .page-type-homepage #content .section#featured-products .card .card-body h5, .page-type-homepage #content .section#featured-products .card .card-title {
            -webkit-transition: color 350ms;
            transition: color 350ms;
            color: #121212;
            font-size: 16px;
            line-height: 1.2;
            margin-bottom: 0
        }

    .page-type-homepage #content .section#featured-products .card:focus .card-header .image, .page-type-homepage #content .section#featured-products .card:hover .card-header .image {
        -webkit-transform: scale(1.07);
        transform: scale(1.07)
    }

    .page-type-homepage #content .section#featured-products .card:focus .card-body h2, .page-type-homepage #content .section#featured-products .card:focus .card-body h3, .page-type-homepage #content .section#featured-products .card:focus .card-body h4, .page-type-homepage #content .section#featured-products .card:focus .card-body h5, .page-type-homepage #content .section#featured-products .card:focus .card-title, .page-type-homepage #content .section#featured-products .card:hover .card-body h2, .page-type-homepage #content .section#featured-products .card:hover .card-body h3, .page-type-homepage #content .section#featured-products .card:hover .card-body h4, .page-type-homepage #content .section#featured-products .card:hover .card-body h5, .page-type-homepage #content .section#featured-products .card:hover .card-title {
        color: #50b848
    }

.news-item-detail-page #content .news-item-detail::after {
    display: block;
    clear: both;
    content: ""
}

.product-category-detail-page #content .section#grid {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px
}

.product-category-detail-page #content .product-category-page-content {
    margin-top: 60px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:992px) {
    .product-category-detail-page #content .product-category-page-content {
        margin-top: 70px
    }
}

.product-category-detail-page #content .product-category-page-content:first-child {
    margin-top: 0 !important
}

.product-category-detail-page #content .product-category-page-content h1, .product-category-detail-page #content .product-category-page-content h2 {
    margin-top: 42px
}

@media (min-width:992px) {
    .product-category-detail-page #content .product-category-page-content h1, .product-category-detail-page #content .product-category-page-content h2 {
        margin-top: 50px
    }
}

.product-category-detail-page #content .product-category-page-content h3, .product-category-detail-page #content .product-category-page-content h4, .product-category-detail-page #content .product-category-page-content h5, .product-category-detail-page #content .product-category-page-content h6 {
    margin-top: 16px
}

@media (min-width:992px) {
    .product-category-detail-page #content .product-category-page-content h3, .product-category-detail-page #content .product-category-page-content h4, .product-category-detail-page #content .product-category-page-content h5, .product-category-detail-page #content .product-category-page-content h6 {
        margin-top: 20px
    }
}

.product-category-detail-page #content .product-category-page-content dl, .product-category-detail-page #content .product-category-page-content ol, .product-category-detail-page #content .product-category-page-content p, .product-category-detail-page #content .product-category-page-content table, .product-category-detail-page #content .product-category-page-content ul {
    margin-top: 10px
}

    .product-category-detail-page #content .product-category-page-content dl:first-child, .product-category-detail-page #content .product-category-page-content h1:first-child, .product-category-detail-page #content .product-category-page-content h2:first-child, .product-category-detail-page #content .product-category-page-content h3:first-child, .product-category-detail-page #content .product-category-page-content h4:first-child, .product-category-detail-page #content .product-category-page-content h5:first-child, .product-category-detail-page #content .product-category-page-content h6:first-child, .product-category-detail-page #content .product-category-page-content ol:first-child, .product-category-detail-page #content .product-category-page-content p:first-child, .product-category-detail-page #content .product-category-page-content table:first-child, .product-category-detail-page #content .product-category-page-content ul:first-child {
        margin-top: 0 !important
    }

.product-category-detail-page #content .row {
    margin-left: -20px;
    margin-right: -20px
}

    .product-category-detail-page #content .row [class^=col] {
        padding-left: 20px;
        padding-right: 20px
    }

@media (min-width:768px) {
    .product-category-detail-page #content .row [class^=col] {
        float: left;
        width: 33.33333%
    }
}

@media (min-width:992px) {
    .product-category-detail-page #content .row [class^=col] {
        width: 25%
    }
}

.product-category-detail-page #content .card {
    margin-top: 40px
}

.page-type-event .page-block.events {
    padding-left: 15px;
    padding-right: 15px
}

.page-type-event .event {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e6e6e6;
    position: relative
}

    .page-type-event .event::after {
        display: block;
        clear: both;
        content: ""
    }

@media (min-width:768px) {
    .page-type-event .event {
        min-height: 195px
    }
}

@media (min-width:992px) {
    .page-type-event .event {
        min-height: 215px
    }
}

.page-type-event .event:last-child {
    border-bottom: 1px solid #e6e6e6
}

.page-type-event .event a {
    text-decoration: none
}

.page-type-event .event .event-image {
    overflow: hidden
}

@media (min-width:768px) {
    .page-type-event .event .event-image {
        width: 25%;
        height: 135px;
        padding-right: 30px;
        position: absolute;
        top: 30px;
        left: 0
    }
}

@media (min-width:992px) {
    .page-type-event .event .event-image {
        width: 16.66667%;
        height: 155px
    }
}

.page-type-event .event .event-image img {
    width: 100%;
    height: auto;
    display: block;
    border-left: 8px solid #50b848
}

@media (min-width:768px) {
    .page-type-event .event .event-date, .page-type-event .event .event-introduction, .page-type-event .event .event-location, .page-type-event .event .event-read-more, .page-type-event .event .event-title {
        padding-left: 25%
    }
}

@media (min-width:992px) {
    .page-type-event .event .event-date, .page-type-event .event .event-introduction, .page-type-event .event .event-location, .page-type-event .event .event-read-more, .page-type-event .event .event-title {
        padding-left: 16.66667%
    }
}

.page-type-event .event .event-date {
    color: #6b6b6b;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 2px
}

    .page-type-event .event .event-date::before {
        content: '\f073';
        margin-right: 4px
    }

.page-type-event .event .event-location {
    color: #6b6b6b;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 2px
}

    .page-type-event .event .event-location::before {
        content: '\f041';
        margin-right: 4px
    }

.page-type-event .event .event-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2
}

.page-type-event .event .event-introduction {
    margin-top: 8px
}

    .page-type-event .event .event-introduction a {
        color: #121212
    }

.page-type-event .event .event-read-more {
    margin-top: 16px
}

.page-type-info #content {
    padding-top: 0;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .page-type-info #content {
        padding-top: 5px;
        padding-bottom: 45px
    }
}

@media (min-width:992px) {
    .page-type-info #content {
        padding-top: 20px;
        padding-bottom: 60px
    }
}

.page-type-info #content #nextBtn, .page-type-info #content #prevBtn {
    display: none
}

.page-type-info #content .page-blocks .page-block .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.page-type-info #content .page-blocks .page-block .categories select {
    margin-right: 12px
}

    .page-type-info #content .page-blocks .page-block .categories select:last-child {
        margin-right: 0
    }

.page-type-info #content .page-blocks .page-block .page-block-title:not(:empty) {
    margin-bottom: 30px
}

.page-type-info #content .page-blocks .page-block .page-block-content .image-list {
    list-style: none;
    padding-left: 0
}

.page-type-news #content .news-item {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e6e6e6;
    position: relative
}

    .page-type-news #content .news-item::after {
        display: block;
        clear: both;
        content: ""
    }

@media (min-width:768px) {
    .page-type-news #content .news-item {
        min-height: 195px
    }
}

@media (min-width:992px) {
    .page-type-news #content .news-item {
        min-height: 215px
    }
}

.page-type-news #content .news-item:last-child {
    border-bottom: 1px solid #e6e6e6
}

.page-type-news #content .news-item a {
    text-decoration: none
}

.page-type-news #content .news-item .news-item-image {
    overflow: hidden
}

@media (min-width:768px) {
    .page-type-news #content .news-item .news-item-image {
        width: 25%;
        height: 135px;
        padding-right: 30px;
        position: absolute;
        top: 30px;
        left: 0
    }
}

@media (min-width:992px) {
    .page-type-news #content .news-item .news-item-image {
        width: 16.66667%;
        height: 155px
    }
}

.page-type-news #content .news-item .news-item-image img {
    width: 100%;
    height: auto;
    display: block;
    border-left: 8px solid #50b848
}

@media (min-width:768px) {
    .page-type-news #content .news-item .news-item-date, .page-type-news #content .news-item .news-item-introduction, .page-type-news #content .news-item .news-item-read-more, .page-type-news #content .news-item .news-item-title {
        padding-left: 25%
    }
}

@media (min-width:992px) {
    .page-type-news #content .news-item .news-item-date, .page-type-news #content .news-item .news-item-introduction, .page-type-news #content .news-item .news-item-read-more, .page-type-news #content .news-item .news-item-title {
        padding-left: 16.66667%
    }
}

.page-type-news #content .news-item .news-item-date {
    color: #6b6b6b;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 2px
}

    .page-type-news #content .news-item .news-item-date::before {
        content: '\f073';
        margin-right: 4px
    }

.page-type-news #content .news-item .news-item-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2
}

.page-type-news #content .news-item .news-item-introduction {
    margin-top: 8px
}

    .page-type-news #content .news-item .news-item-introduction a {
        color: #121212
    }

.page-type-news #content .news-item .news-item-read-more {
    margin-top: 16px
}

.page-type-productoverview #main {
    background-color: #f2f2f2
}

.page-type-productoverview #content {
    padding-top: 0
}

    .page-type-productoverview #content .product-overview-category {
        padding-top: 30px;
        padding-bottom: 30px
    }

@media (min-width:992px) {
    .page-type-productoverview #content .product-overview-category {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.page-type-productoverview #content .product-overview-category:last-child {
    padding-bottom: 0
}

.page-type-productoverview #content .product-overview-category .section-header .section-title {
    color: #50b848;
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative
}

@media (min-width:992px) {
    .page-type-productoverview #content .product-overview-category .section-header .section-title {
        font-size: 36px
    }
}

@media (min-width:992px) {
    .page-type-productoverview #content .product-overview-category .section-header .section-title {
        margin-bottom: 15px
    }
}

.page-type-productoverview #content .product-overview-category .section-header .section-title::before {
    width: 32px;
    height: 3px;
    content: '';
    display: block;
    margin-left: -16px;
    background-color: #f2f2f2;
    position: absolute;
    top: -8px;
    left: 50%
}

@media (min-width:992px) {
    .page-type-productoverview #content .product-overview-category .section-body {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto
    }
}

.page-type-productoverview #content .product-overview-category .section-body .row {
    margin-left: -20px;
    margin-right: -20px
}

    .page-type-productoverview #content .product-overview-category .section-body .row::after {
        display: block;
        clear: both;
        content: ""
    }

    .page-type-productoverview #content .product-overview-category .section-body .row > .column {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

@media (min-width:768px) {
    .page-type-productoverview #content .product-overview-category .section-body .row > .column {
        width: 33.33333%;
        float: left
    }
}

.page-type-search #content .search-result {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e6e6e6;
    position: relative
}

    .page-type-search #content .search-result::after {
        display: block;
        clear: both;
        content: ""
    }

@media (min-width:768px) {
    .page-type-search #content .search-result {
        min-height: 195px
    }
}

@media (min-width:992px) {
    .page-type-search #content .search-result {
        min-height: 215px
    }
}

.page-type-search #content .search-result:last-child {
    border-bottom: 1px solid #e6e6e6
}

.page-type-search #content .search-result a {
    color: #121212;
    text-decoration: none
}

.page-type-search #content .search-result .search-result-image {
    overflow: hidden
}

@media (min-width:768px) {
    .page-type-search #content .search-result .search-result-image {
        width: 25%;
        height: 135px;
        padding-right: 30px;
        position: absolute;
        top: 30px;
        left: 0
    }
}

@media (min-width:992px) {
    .page-type-search #content .search-result .search-result-image {
        width: 16.66667%;
        height: 155px
    }
}

.page-type-search #content .search-result .search-result-image img {
    width: 100%;
    height: auto;
    display: block;
    border-left: 8px solid #50b848
}

@media (min-width:768px) {
    .page-type-search #content .search-result .search-result-description, .page-type-search #content .search-result .search-result-title {
        padding-left: 25%
    }
}

@media (min-width:992px) {
    .page-type-search #content .search-result .search-result-description, .page-type-search #content .search-result .search-result-title {
        padding-left: 16.66667%
    }
}

.page-type-search #content .search-result .search-result-title {
    color: #50b848;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px
}

    .page-type-search #content .search-result .search-result-title :last-child {
        margin-bottom: 0
    }

.page-type-shop #content #content-wrapper, .page-type-shop #content #grid, .page-type-shop #content .product-downloads {
    margin-top: 32px
}

    .page-type-shop #content #content-wrapper:first-child, .page-type-shop #content #grid:first-child, .page-type-shop #content .product-downloads:first-child {
        margin-top: 0
    }

.page-type-shop #content #grid {
    margin-top: -40px;
    margin-left: 0;
    margin-right: 0
}

@media (min-width:768px) {
    .page-type-info .page-type-shop #content #grid .page-blocks .page-block .row > .column, .page-type-info .page-type-shop #content .page-blocks .page-block #grid .row > .column, .page-type-shop #content #grid .col-4, .page-type-shop .page-type-info #content #grid .page-blocks .page-block .row > .column, .page-type-shop .page-type-info #content .page-blocks .page-block #grid .row > .column {
        width: 25%
    }
}

.page-type-shop #content .product-images + .product-links {
    margin-top: 32px
}

.page-type-shop #content .product-links .navigation {
    padding-bottom: 0
}

    .page-type-shop #content .product-links .navigation:empty {
        display: none
    }

    .page-type-shop #content .product-links .navigation + .navigation {
        padding-top: 8px
    }

.page-type-shop #content .product-category-page-content {
    margin-bottom: 30px
}

    .page-type-shop #content .product-category-page-content::after {
        display: block;
        clear: both;
        content: ""
    }

    .page-type-shop #content .product-category-page-content:last-child {
        margin-bottom: 0
    }

.page-type-shop #content .product-images .product-image-thumbnails {
    display: none
}

.page-type-shop #content .product-code {
    width: 1px;
    height: 1px;
    clip: rect(0,0,0,0);
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    position: absolute !important;
    top: auto !important;
    left: auto !important
}

.page-type-shop #content .product-technicalfeatures [class$=title], .page-type-shop #content .product-valuefeatures [class$=title] {
    color: #50b848;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 16px
}

.page-type-shop #content .product-technicalfeatures table.stacktable, .page-type-shop #content .product-valuefeatures table.stacktable {
    display: none
}

.page-type-shop #content .product-technicalfeatures table.specifications td, .page-type-shop #content .product-technicalfeatures table.specifications th, .page-type-shop #content .product-valuefeatures table.specifications td, .page-type-shop #content .product-valuefeatures table.specifications th {
    text-align: center
}

    .page-type-shop #content .product-technicalfeatures table.specifications td:first-child, .page-type-shop #content .product-technicalfeatures table.specifications th:first-child, .page-type-shop #content .product-valuefeatures table.specifications td:first-child, .page-type-shop #content .product-valuefeatures table.specifications th:first-child {
        text-align: left
    }

.page-type-shop #content .product-technicalfeatures:first-child [class$=title], .page-type-shop #content .product-valuefeatures:first-child [class$=title] {
    margin-top: 0
}

.page-type-shop #content .product-form {
    margin-top: 30px
}

    .page-type-shop #content .product-form:first-child {
        margin-top: 0
    }

    .page-type-shop #content .product-form form {
        max-width: none
    }

.page-type-videos #content > .page-blocks {
    padding-left: 15px;
    padding-right: 15px
}

.page-type-videos #content .row {
    margin-left: -20px;
    margin-right: -20px
}

    .page-type-videos #content .row .column {
        padding-left: 20px;
        padding-right: 20px
    }

@media (min-width:768px) {
    .page-type-videos #content .row .column {
        float: left;
        width: 33.33333%
    }
}

@media (min-width:992px) {
    .page-type-videos #content .row .column {
        width: 25%
    }
}

.page-type-videos #content .card {
    margin-top: 40px
}

#splash-page .page-title {
    color: #121212;
    font-size: 28px;
    margin-bottom: 16px
}

    #splash-page .page-title em {
        color: #50b848;
        font-style: normal
    }

.language-banner {
    height: 80px;
    background: #50b848;
    color: #fff;
    font-size: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    position: relative
}

    .language-banner a {
        color: #fff;
        text-decoration: underline;
        font-weight: 700
    }

    .language-banner button {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        cursor: pointer;
        display: inline-block;
        height: 50px;
        margin: 0;
        padding: 10px;
        transition: color .2s;
        vertical-align: top;
        visibility: inherit;
        width: 50px;
        color: #fff;
        background: 0 0;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        right: 15px
    }

    .language-banner svg {
        display: block;
        height: 100%;
        overflow: visible;
        position: relative;
        width: 100%
    }

        .language-banner svg path {
            fill: currentColor;
            stroke-width: 0
        }

@media (max-width:500px) {
    .language-banner {
        height: 120px
    }
}

@media (max-width:768px) {
    .language-banner > div {
        margin-right: 75px;
        text-align: left;
        padding-left: 15px
    }
}

.duco-flag-icon {
    width: 36px;
    display: inline-block;
    text-align: center
}

.language-switcher li {
    margin-top: .25em
}

.language-switcher a {
    color: #000 !important
}

#site-navigation .navbar-nav#language-switcher .dropdown-toggle {
    width: auto;
    padding-right: 35px !important
}

#site-navigation .navbar-nav#language-switcher a {
    white-space: nowrap
}

#site-navigation .navbar-nav#language-switcher .nav-item [class^=fa] {
    margin-left: 0 !important
}

#site-navigation .navbar-nav#dealer-menu, #site-navigation .navbar-nav#dealermenu {
    right: 250px
}

#site-navigation .navbar-nav#language-switcher .duco-flag-icon .fa {
    position: relative;
    right: unset;
    -webkit-transform: unset
}

.DUCO-splash-title {
    color: #50b848;
    font-weight: 600
}

.DUCO-splash-subtitle {
    font-weight: 400
}

p.error, p.success {
    display: block;
    color: #fff;
    padding: 10px 20px;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 18px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-weight: 300
}

p.error {
    background-color: rgba(192,57,43,.5);
    border: 2px solid #c0392b
}

p.success {
    background-color: rgba(39,174,96,.5);
    border: 2px solid #27ae60
}

@media (max-width:400px) {
    #site-navigation .navbar-nav#language-switcher {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    #site-nav > .container {
        padding-top: 41px
    }

    #site-navigation #site-nav.collapsed .navbar-nav#primary-menu {
        display: block;
        z-index: 99;
        background: #fff
    }

    #site-navigation .navbar-nav#language-switcher .dropdown-toggle > [class^=fa] {
        right: 15px
    }

    #site-navigation .navbar-toggle {
        top: 37px
    }
}

.image.image--1by1 img, .image.image--3by2 img, .image.image--4by3 img {
    height: 100%
}

iframe {
    width: 1px;
    min-width: 100%
}