html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    background-color: #fff;
    color: #626161;
    font-size: 15px;
    font-family: 'robotoregular',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
}




/* EU COOKIE POPUP */

.EUCookiePopup {
    display: none;
    position: relative;
    background-color: #424246;
    padding: 14px 0 16px 0;
    color: #fff;
    text-align: center;
    border-bottom: solid 1px #626161;
}

    .EUCookiePopup .container
    .EUCookiePopup .container .col-md-12,
    .EUCookiePopup .container .col-md-12 p {
        padding: 0;
        margin: 0;
    }

    .EUCookiePopup .container .col-md-12 a {
        color: #f9c600;
    }

    .EUCookiePopup .cpWrapper {
        width: 55vw;
        max-width: 800px;
        background-color: #fff;
        padding: 35px;
        margin: 35px auto;
        color: #000;
        text-align: left;
    }

@media(max-width:1000px) {
    .EUCookiePopup .cpWrapper {
        width: 100%;
    }
}

.EUCookiePopup input[type='button'].btn-cookie-accept {
    background-color: #f9c600;
    border-radius: 0;
    margin-top: 10px;
}

    .EUCookiePopup input[type='button'].btn-cookie-accept:hover {
        background-color: #424246;
        color: #fff;
        border: solid 1px #f9c600;
    }

    .EUCookiePopup input[type='button'].btn-cookie-accept:active {
        font-weight: bold;
        background-color: #f9c600;
        border: solid 1px #fff;
    }

.EUCookiePopup a.btn-necessary {
    margin-top: 10px;
    background-color: #a3a3a3;
    border-radius: 0;
}

    .EUCookiePopup a.btn-necessary:hover {
        color: #424246;
    }


/* HEADER */

.header {
    background-color: #d6d7d7;
    font-size: 17px;
}

    .header h1 {
        font-size: 26px;
        font-weight: normal;
    }

    .header h2 {
        font-size: 22px;
        font-weight: normal;
    }

    .header h3 {
        font-size: 29px;
        font-weight: normal;
    }

    .header .column,
    .header .col-md-12,
    .header .row,
    .header .container {
        padding: 0;
    }

    .header .full-width-background-12,
    .header .full-width-background-8,
    .header .full-width-background-6,
    .header .full-width-background-4,
    .header .full-width-background-2 {
        width: 100%;
    }

    .header .top-row {
        height: 84px;
        overflow: hidden;
    }

        .header .top-row .language-bar {
            width: 225px;
            height: 84px;
            overflow: hidden;
            float: right;
        }

            .header .top-row .language-bar ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
            }

                .header .top-row .language-bar ul li {
                    display: inline-block;
                    padding: 0 0 0 10px;
                    margin: 0;
                    float: right;
                    list-style-type: none;
                }

                    .header .top-row .language-bar ul li a {
                        display: block;
                        width: 40px;
                        height: 40px;
                        text-align: center;
                        background-color: #e1ae00;
                        color: #626161;
                        padding-top: 3px;
                        font-size: 20px;
                        text-decoration: none;
                    }

                        .header .top-row .language-bar ul li a.active,
                        .header .top-row .language-bar ul li a:hover {
                            background-color: #424246;
                            color: #fff;
                        }

        .header .top-row .contact-bar {
            width: 470px;
            height: 44px;
            margin-top: 40px;
            float: left;
            overflow: hidden;
        }

            .header .top-row .contact-bar ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
            }

                .header .top-row .contact-bar ul li {
                    display: inline-block;
                    padding: 0 25px 0 25px;
                    margin: 0;
                    list-style-type: none;
                }

                    .header .top-row .contact-bar ul li a {
                        color: #626161;
                    }

    .header .logo-row {
        position: relative;
        background-color: #424246;
        height: 104px;
    }

        .header .logo-row .logo {
            width: 420px;
            height: 70px;
            float: left;
            margin: 10px 0 0 24px;
        }

            .header .logo-row .logo img {
                /*width: 420px;
                height: 70px;*/
                max-width: 100%;
            }

        .header .logo-row .slogan {
            width: 500px;
            height: 104px;
            padding: 40px 15px 0 0;
            text-align: right;
            font-size: 26px;
            font-weight: 400;
            color: #fff;
            float: left;
            /*ont-family:'roboto_condensedlight';*/
        }

        .header .logo-row .login-block {
            float: right;
            height: 104px;
            width: 215px;
            background-color: #626161;
            background-image: url('/Media/Logo/ventje.jpg');
            background-position: 167px 37px;
            background-repeat: no-repeat;
            text-align: right;
            padding: 48px 90px 0 0;
        }

            .header .logo-row .login-block a {
                font-size: 15px;
                color: #fff;
            }

    .header .menu-row {
        height: 90px;
        background-color: #f9c600;
    }

        .header .menu-row ul.main-navigation {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .header .menu-row ul.main-navigation li {
                display: inline-block;
                float: left;
                padding: 0;
                margin: 0;
                list-style-type: none;
                position: page;
            }

                .header .menu-row ul.main-navigation li a {
                    display: inline-block;
                    height: 90px;
                    padding: 34px 20px;
                    text-transform: uppercase;
                    color: #424246;
                    text-decoration: none;
                }

                    .header .menu-row ul.main-navigation li a.active,
                    .header .menu-row ul.main-navigation li a:hover {
                        background-color: #424246;
                        color: #fff;
                    }

                .header .menu-row ul.main-navigation li ul.sub-navigation {
                    z-index: 999999;
                    position: absolute;
                    background-color: #626161;
                    width: auto;
                    padding: 0;
                    margin: 0;
                    display: none;
                    list-style-type: none;
                }

                    .header .menu-row ul.main-navigation li ul.sub-navigation li {
                        display: block;
                        float: none;
                        margin: 0;
                        width: auto;
                        list-style-type: none;
                    }

                        .header .menu-row ul.main-navigation li ul.sub-navigation li a {
                            display: block;
                            float: none;
                            padding: 20px 30px 16px 30px;
                            width: auto;
                            height: auto;
                            color: #fff;
                            text-transform: none;
                        }

                            .header .menu-row ul.main-navigation li ul.sub-navigation li a.active,
                            .header .menu-row ul.main-navigation li ul.sub-navigation li a:hover {
                                background-color: #f9c600;
                                color: #424246;
                            }


    .header.image {
        background-color: #fff;
        height: 420px;
    }

        .header.image .row.bg-img {
            height: 375px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

            .header.image .row.bg-img .header-text {
                /*padding-left: 110px;
                padding-top: 65px;*/
                padding: 65px 15px 0 110px;
                max-width: 50%;
                max-height: 300px;
                overflow: hidden;
                font-size: 17px;
                color: #424246;
            }

        .header.image .your-profile {
            position: absolute;
            background-color: none;
            width: 190px;
            height: 335px;
            top: 40px;
            right: 190px;
            padding-top: 60px;
            font-size: 26px;
            color: #424246;
        }

        .header.image .profile-links {
            position: absolute;
            background-color: #424246;
            width: 190px;
            height: 335px;
            top: 40px;
            right: 0;
            padding-top: 70px;
        }

            .header.image .profile-links ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
            }

                .header.image .profile-links ul li {
                    padding: 0 10px 13px 25px;
                    margin: 0;
                    list-style-type: none;
                }

                    .header.image .profile-links ul li a {
                        color: #ccc;
                        font-size: 17px;
                    }

                        .header.image .profile-links ul li a:hover,
                        .header.image .profile-links ul li a.active {
                            color: #fff;
                            text-decoration: none;
                            font-weight: bold;
                        }

        .header.image .fabrics-finder-header-link {
            display: block;
            width: 240px;
            height: 90px;
            position: absolute;
            right: 0;
            top: 330px;
        }

            .header.image .fabrics-finder-header-link a.title {
                display: block;
                float: right;
                width: 217px;
                height: 45px;
                background-color: #f9c600;
                color: #424246;
                font-size: 17px;
                font-weight: bold;
                padding: 10px 20px;
            }

            .header.image .fabrics-finder-header-link a.cta {
                display: block;
                float: right;
                width: 240px;
                height: 44px;
                text-align: right;
                font-size: 15px;
                line-height: 44px;
                color: #424246;
                padding: 0 5px 0 0;
            }

                .header.image .fabrics-finder-header-link a.cta img {
                    float: left;
                }



        .header.image .header-link {
            display: block;
            width: 240px;
            height: 90px;
            position: absolute;
            left: 0;
            top: 330px;
        }

            .header.image .header-link.padded {
                left: 95px;
            }

            .header.image .header-link a.title {
                display: block;
                float: left;
                width: auto;
                height: 45px;
                background-color: #424246;
                color: #fff;
                font-size: 17px;
                padding: 10px 20px;
            }

            .header.image .header-link a.cta {
                clear: left;
                display: block;
                float: left;
                width: 44px;
                height: 44px;
                background-color: #f9c600;
            }

                .header.image .header-link a.cta img {
                    float: left;
                }





/* FOOTER */



.footer {
    color: #fff;
    font-size: 14px;
}

    .footer a {
        color: #fff;
    }

footer a:hover {
    text-decoration: underline;
}

.footer h3 {
    font-size: 22px;
    padding-bottom: 40px;
}

.footer .container,
.footer .column {
    padding: 0 60px 0 30px;
}

.footer .content-footer {
    background-color: #424246;
    padding: 70px 0;
}

.footer ul.sitemap-navigation {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .footer ul.sitemap-navigation li {
    }

        .footer ul.sitemap-navigation li a {
            color: #fff;
            text-transform: uppercase;
        }

            .footer ul.sitemap-navigation li a:hover {
                text-decoration: underline;
            }

.footer .column.sub-footer {
    padding: 0 50px 0 30px;
}

    .footer .column.sub-footer.left {
        text-align: left;
        padding-top: 10px;
    }

    .footer .column.sub-footer.middle {
        text-align: center;
        padding-top: 10px;
    }

    .footer .column.sub-footer.right {
        text-align: right;
        padding-top: 10px;
        font-size: 13px;
    }

.hide-background {
    background: none !important;
}

.footer .column.sub-footer ul.social-buttons {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .footer .column.sub-footer ul.social-buttons li {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .footer .column.sub-footer ul.social-buttons li a {
            display: block;
            width: 44px;
            height: 44px;
            padding: 7px 0px;
            text-align: center;
            color: #626161;
            font-size: 20px;
        }

            .footer .column.sub-footer ul.social-buttons li a:hover {
                color: #424246;
                background-color: #f9c600;
                text-decoration: none;
            }

/* BODY */

.body {
}

    .body a {
        color: #f9c600;
    }

        .body a:hover {
            color: #f9c600;
            text-decoration: underline;
        }

    .body .call-to-action-link {
        display: block;
        width: 240px;
        height: 90px;
    }



        .body .call-to-action-link.center {
            margin: auto auto;
        }

        .body .call-to-action-link.overlap {
            position: absolute;
            bottom: -155px;
        }

        .body .call-to-action-link.center.overlap {
            left: 20%;
        }

        .body .call-to-action-link a.title {
            display: block;
            float: left;
            width: auto;
            height: 45px;
            background-color: #424246;
            color: #fff;
            font-size: 17px;
            padding: 10px 20px;
        }

        .body .call-to-action-link a.info {
            padding: 10px 10px;
            display: inline-block;
            overflow: hidden;
            color: #616162;
        }

        .body .call-to-action-link.full-width,
        .body .call-to-action-link.full-width a.title {
            width: 100%;
        }

        .body .call-to-action-link a.cta {
            clear: left;
            display: block;
            float: left;
            width: 44px;
            height: 44px;
            background-color: #f9c600;
        }

            .body .call-to-action-link a.cta img {
                float: left;
            }

    .body h1 {
        font-size: 26px;
        font-weight: normal;
    }

    .body h2 {
        font-size: 22px;
        font-weight: normal;
    }

    .body h3 {
        font-size: 29px;
        font-weight: normal;
    }

    .body .container {
        padding: 0;
    }

        .body .container > .row {
            padding: 20px 0;
        }

    .body .container-full-width {
    }


    .body .background {
        padding: 0;
        margin: 0;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }


    .body .full-width-background {
        padding: 0;
        width: 100%;
    }

    .body .full-width-background-12 {
        padding: 0;
        max-width: 100%;
        width: 100%;
    }

        .body .full-width-background-12 .col-md-12 {
            max-width: 100%;
            padding: 0;
        }

    .body .full-width-background-8 {
        padding: 0;
        max-width: 66.666%;
        width: 66.666%;
    }

        .body .full-width-background-8 .col-md-8 {
            max-width: 100%;
            padding: 0;
        }

    .body .full-width-background-6 {
        padding: 0;
        max-width: 50%;
        width: 50%;
    }

        .body .full-width-background-6 .col-md-6 {
            max-width: 100%;
            padding: 0;
        }

    .body .full-width-background-4 {
        padding: 0;
        max-width: 33.333%;
        width: 33.333%;
    }

        .body .full-width-background-4 .col-md-4 {
            max-width: 100%;
            padding: 0;
        }

    .body .full-width-background-2 {
        padding: 0;
        max-width: 16.666%;
        width: 16.666%;
    }

    .body .full-width-background-4 .col-md-2 {
        max-width: 100%;
        padding: 0;
    }

    .body .container-full-width .column {
    }

    .body .column > div {
        padding: 1rem;
        /*overflow: auto;*/
    }

        .body .column > div p:last-child {
            margin-bottom: 0;
        }

    .body .column img {
        max-width: 100%;
    }

    .body blockquote {
        display: block;
        background-image: url('/Media/misc/yellow-square.jpg');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        padding: 45px 0 20px 70px;
        font-size: 26px;
        color: #9b9b9b;
        line-height: 38px;
    }

    .body .textpadding70pxLeft {
        padding-left: 70px;
    }

    .body .team-members {
        margin: 1rem -2rem;
    }

        .body .team-members .team-member {
            padding-top: 25px;
            padding-bottom: 25px;
        }

            .body .team-members .team-member .photo {
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                max-width: 100%;
                height: 225px;
            }

            .body .team-members .team-member .info {
                padding-top: 10px;
            }

    .body .link-blocks {
        width: 1170px;
        overflow: auto;
        position: relative;
        margin: 0 -1rem;
    }

        .body .link-blocks .link-block {
            display: block;
            float: left;
            overflow: auto;
        }

            .body .link-blocks .link-block.link-block-1 {
                background-color: #fff9ed;
            }

            .body .link-blocks .link-block.link-block-2 {
                background-color: #fee8b1;
            }

            .body .link-blocks .link-block.link-block-3 {
                background-color: #fddc85;
            }

            .body .link-blocks .link-block.link-block-4 {
                background-color: #fbd152;
            }

            .body .link-blocks .link-block.link-block-5 {
                background-color: #f9c600;
            }

            .body .link-blocks .link-block .icon {
                height: 160px;
                max-width: 100%;
                position: relative;
            }

                .body .link-blocks .link-block .icon img {
                    position: absolute;
                    margin: auto;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }

            .body .link-blocks .link-block .text {
                height: 70px;
                max-width: 100%;
                text-align: center;
                font-size: 20px;
            }



                .body .link-blocks .link-block .text a {
                    color: #505155;
                }

        .body .link-blocks.link-block-count-5 .link-block {
            width: 20%;
        }

        .body .link-blocks.link-block-count-4 .link-block {
            width: 25%;
        }

        .body .link-blocks.link-block-count-3 .link-block {
            width: 33.333%;
        }

        .body .link-blocks.link-block-count-2 .link-block {
            width: 50%;
        }

        .body .link-blocks.link-block-count-1 .link-block {
            width: 100%;
        }

        .body .link-blocks.link-block-count-0 {
            display: none;
        }





    .body .job-listings {
        margin-top: 50px;
    }

        .body .job-listings .job {
            padding-bottom: 40px;
        }

            .body .job-listings .job .row.title {
                background-color: #424246;
                color: #fff;
                text-transform: uppercase;
                padding: 16px 10px;
                font-size: 18px;
                cursor: pointer;
            }

            .body .job-listings .job .row.content {
                display: none;
                background-color: #d6d7d7;
                padding: 16px 10px;
            }

                .body .job-listings .job .row.content a.btn-apply-for-job {
                    display: inline-block;
                    background-color: #424246;
                    color: #fff;
                    padding: 10px 10px;
                    min-width: 220px;
                    text-align: center;
                    text-transform: uppercase;
                    font-size: 18px;
                    margin-top: 30px;
                }

            .body .job-listings .job .row.controls,
            .body .job-listings .job .row.controls .expander-collapser {
                margin: 0 -15px;
            }

                .body .job-listings .job .row.controls .expander-collapser a {
                    display: block;
                    width: 44px;
                    height: 44px;
                    position: relative;
                    background-color: #f9c600;
                }

                    .body .job-listings .job .row.controls .expander-collapser a.collapser {
                        display: none;
                    }

                    .body .job-listings .job .row.controls .expander-collapser a img {
                        position: absolute;
                        margin: auto;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                    }







    .body .latest-news {
        width: 100%;
        overflow: auto;
    }

        .body .latest-news table {
            width: 100%;
            margin: 0;
            padding: 0;
        }

            .body .latest-news table td {
                vertical-align: top;
            }

                .body .latest-news table td.icons {
                    width: 95px;
                }

                    .body .latest-news table td.icons .date,
                    .body .latest-news table td.icons .icon {
                        width: 95px;
                        height: 90px;
                    }

                    .body .latest-news table td.icons .date {
                        display: block;
                        width: 100%;
                        height: 90px;
                        background-color: #f9c600;
                        color: #3c2f00;
                        text-align: center;
                        line-height: 18px;
                        padding: 10px 0 0 0;
                    }

                        .body .latest-news table td.icons .date .day {
                            font-size: 30px;
                            line-height: 30px;
                        }

                        .body .latest-news table td.icons .date .month {
                            padding-top: 3px;
                        }

                        .body .latest-news table td.icons .date .year {
                        }

                    .body .latest-news table td.icons .icon {
                        background-color: #424246;
                        position: relative;
                        width: 100%;
                    }

                        .body .latest-news table td.icons .icon img {
                            position: absolute;
                            margin: auto;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }

                .body .latest-news table td.content {
                }

                    .body .latest-news table td.content .cover-image {
                        width: 100%;
                        height: auto;
                        position: relative;
                        overflow: hidden;
                        max-height: 470px;
                    }

                        .body .latest-news table td.content .cover-image img {
                            margin: auto;
                            top: 0;
                            left: 0;
                            bottom: 0;
                            right: 0;
                            min-height: 295px;
                            max-height: 470px;
                            min-width: 100%;
                        }

                    .body .latest-news table td.content h2 {
                        font-size: 26px;
                        font-weight: normal;
                        padding: 30px 0 20px 0;
                    }

                .body .latest-news table td .read-more {
                    margin-top: 30px;
                    position: relative;
                    clear: both;
                }

                    .body .latest-news table td .read-more .title {
                        display: block;
                        width: 225px;
                        height: 44px;
                        background-color: #424246;
                        color: #d3d3d4;
                        padding: 10px 15px;
                        text-transform: uppercase;
                    }

                    .body .latest-news table td .read-more .cta {
                        display: block;
                        width: 44px;
                        height: 44px;
                        background-color: #f9c600;
                        color: #d3d3d4;
                        clear: left;
                        position: relative;
                    }

                        .body .latest-news table td .read-more .cta img {
                            position: absolute;
                            margin: auto;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }




    .body .contact-form {
        padding: 60px 0 10px 0;
    }

        .body .contact-form .row.required-fields {
            margin-bottom: 16px;
        }

        .body .contact-form input[type=text],
        .body .contact-form input[type=email],
        .body .contact-form textarea {
            border-radius: 0;
            border-color: #626161;
        }

            .body .contact-form input[type=text]:focus,
            .body .contact-form input[type=email]:focus,
            .body .contact-form textarea:focus {
                border-color: #f9c600;
                outline: none;
                box-shadow: none;
            }

        .body .contact-form .prefer-phone {
            padding-left: 15px !important;
        }

        .body .contact-form .prefer-phone {
            padding-top: 20px;
        }

        .body .contact-form .form-submit {
            padding-top: 16px;
        }

        .body .contact-form .read-more {
            position: relative;
            clear: both;
        }

            .body .contact-form .read-more .title {
                display: block;
                width: 225px;
                height: 44px;
                background-color: #424246;
                color: #d3d3d4;
                padding: 10px 15px;
                text-transform: uppercase;
            }

            .body .contact-form .read-more .cta {
                display: block;
                width: 44px;
                height: 44px;
                background-color: #f9c600;
                color: #d3d3d4;
                clear: left;
                position: relative;
            }

                .body .contact-form .read-more .cta img {
                    position: absolute;
                    margin: auto;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }

    .body .contact-thank-you .alert {
        margin: 16px 0 30px 0;
        border: solid 1px #f9c600;
        border-radius: 0;
    }

    .body .viewport .overlay {
        display: none;
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        text-align: center;
        background-color: #000;
        padding-top: 130px;
        font-size: 26px;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

    .body .viewport:hover .overlay {
        display: block;
        cursor: pointer;
    }


    .body .viewport .overlay i {
        display: inline-block;
    }

.popup-gallery-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9998;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popup-gallery {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    width: 670px;
    height: 615px;
    margin: auto auto;
    background-color: transparent;
}

    .popup-gallery .gallery-slideshow {
        display: block;
        width: 670px;
        height: 615px;
        background-color: transparent;
    }

        .popup-gallery .gallery-slideshow a.close-button {
            display: block;
            width: 44px;
            height: 44px;
            float: right;
            clear: both;
            position: relative;
            background-color: #f9c600;
        }

            .popup-gallery .gallery-slideshow a.close-button img {
                position: absolute;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }

        .popup-gallery .gallery-slideshow .navigate a {
            display: block;
            width: 44px;
            height: 44px;
            float: left;
            position: relative;
            background-color: #f9c600;
        }

            .popup-gallery .gallery-slideshow .navigate a img {
                position: absolute;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }

        .popup-gallery .gallery-slideshow .viewport {
            display: block;
            height: 527px;
            width: 100%;
            background-color: #424246;
            clear: both;
            position: relative;
            overflow: hidden;
        }

            .popup-gallery .gallery-slideshow .viewport img {
                position: absolute;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                /*width: 100%;*/
                max-width: 100%;
                max-height: 100%;
            }




.member-login {
}

    .member-login .login-form {
    }

        .member-login .login-form input[type=submit] {
            margin: 10px 0 0 0;
        }

.login-error {
    color: red;
}



/* INVENTORY */
.inventory-search {
    padding: 0 15px;
}

    .inventory-search .last-update .row .col-md-12 {
        text-align: right;
        padding-bottom: 20px;
    }

    .inventory-search input[name='searchtext'] {
        max-width: 250px;
    }

    .inventory-search .product-groups .product-group-filter {
        display: inline-block;
        margin-right: 10px;
    }

        .inventory-search .product-groups .product-group-filter input,
        .inventory-search .product-groups .product-group-filter label {
            cursor: pointer;
        }

    .inventory-search .search-results {
    }

    .inventory-search .row.inventory-result-header {
        padding: 10px 0;
        margin-bottom: 5px;
        font-weight: bold;
        background-color: #f9c600;
    }

    .inventory-search .search-results .no-padding {
        padding: 0;
    }

        .inventory-search .search-results .no-padding img {
            max-width: 100%;
            /*margin: 2px 0;*/
        }

    .inventory-search .search-results .row.inventory-item {
        margin-bottom: 5px;
    }

        .inventory-search .search-results .row.inventory-item.visible {
            display: flex;
        }

        .inventory-search .search-results .row.inventory-item.hidden {
            display: none;
        }

        .inventory-search .search-results .row.inventory-item.grey-bg {
            background-color: #E5E7E6;
        }

    .inventory-search .row.inventory-result-pager {
        padding: 10px 20px;
        font-weight: bold;
        background-color: #f9c600;
        text-align: center;
    }

        .inventory-search .row.inventory-result-pager a {
            color: #626161;
        }

        .inventory-search .row.inventory-result-pager #Pages .page {
            padding: 0 5px;
        }

        .inventory-search .row.inventory-result-pager #PrevPage,
        .inventory-search .row.inventory-result-pager #NextPage {
            display: none;
        }


.fabrics-finder .btn-wizard-step {
    border-radius: 0;
    border: solid 2px #fff;
    background-color: #fff;
    color: #7a7a7a;
    font-size: 13px;
}

    .fabrics-finder .btn-wizard-step.active {
        background-color: #f8c602;
        color: #fff;
    }

.fabrics-finder .search-box h2 {
    margin: 0px 0 25px 0;
}

.fabrics-finder .step h2 {
    margin: 30px 0 25px 0;
}

.fabrics-finder .step strong {
    margin: 20px 0 5px 0;
    display: inline-block;
}

.fabrics-finder .step {
    display: none;
}

    .fabrics-finder .step.active {
        display: block;
    }

.fabrics-finder h2.expandable {
    cursor: pointer;
}

    .fabrics-finder h2.expandable.yellow i {
        color: #f8c602;
    }

.fabrics-finder .spread-evenly {
    text-align: justify;
    padding: 0;
    margin: 10px 0 0 0;
    width: 100%;
    background-image: url('/images/misc/wsbg.png');
    background-repeat: repeat-x;
    background-position: center center;
}


    .fabrics-finder .spread-evenly li {
        text-align: center;
        display: inline-block;
        width: 19%;
    }

        .fabrics-finder .spread-evenly li div.performance-level {
            display: inline-block;
            width: 20px;
            height: 20px;
            font-size: 12px;
            text-align: center;
            background-color: #d7dbdc;
            border-radius: 20px;
            cursor: pointer;
        }

            .fabrics-finder .spread-evenly li div.performance-level.active {
                background-color: #f8c602;
                border: solid 1px #626161;
            }

.fabrics-finder .controls {
    padding-top: 30px;
}

    .fabrics-finder .controls .col-md-8,
    .fabrics-finder .controls .col-md-2 {
        padding: 0 10px;
    }

    .fabrics-finder .controls .buttons {
        text-align: right;
        margin: 0;
        padding: 0;
    }

.fabrics-finder a.darkgrey-bg {
    padding: 10px 16px;
    text-align: center;
    display: inline-block;
    /*width: 100%;*/
    background-color: #424246;
    color: #fff;
    margin-left: 10px;
}

.fabrics-finder div.yellow-bg {
    margin-top: 20px;
    padding: 8px 15px;
    text-align: left;
    /*display: inline-block;*/
    /*width: 100%;*/
    background-color: #f8c602;
    color: #424246;
}

    .fabrics-finder div.yellow-bg div.col-md-7 div {
        padding: 10px 0;
    }

.fabrics-finder .controls #result-count {
    color: #fff;
    font-weight: bold;
}

.fabrics-finder .search-results {
    background-color: #fff;
    /*margin-top: 30px;*/
}

    .fabrics-finder .search-results .tabs .col-md-6 {
        padding: 10px;
        cursor: pointer;
        background-color: #e5e7e8;
        color: #acadae;
    }

        .fabrics-finder .search-results .tabs .col-md-6.active {
            background-color: #fff;
            color: #626161;
        }

    .fabrics-finder .search-results .chart-view {
        display: flex;
    }

    .fabrics-finder .search-results .list-view {
        display: none;
    }

    .fabrics-finder .search-results .result-view {
        padding-top: 10px;
        background-color: #fff;
    }

#chartjs-tooltip {
    position: absolute;
    width: 200px;
    font-size: 13px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}


    #chartjs-tooltip .title {
        font-size: 15px;
        color: #f8c602;
    }

    #chartjs-tooltip img {
        width: auto !important;
        max-width: 100% !important;
        border: solid 2px #fff;
    }

#ListView .listview-item {
    padding-bottom: 15px;
    font-size: 10px;
}

    #ListView .listview-item .listview-item-wrapper {
        cursor: pointer;
    }

    #ListView .listview-item h2 {
        padding: 5px 0 0 0;
        color: #f8c602;
        font-size: 15px;
    }

#ListView .pager {
    width: 100%;
    padding: 10px;
    text-align: center;
}

    #ListView .pager a {
        padding: 0 3px;
    }

        #ListView .pager a.active {
            color: #a78500;
        }

.fabrics-finder .search-menu {
    background-color: #626161;
    padding: 10px 15px 10px 15px;
    margin: 0 -15px;
}

    .fabrics-finder .search-menu .col-md-4 {
        padding: 0 20px;
        text-align: right;
    }

        .fabrics-finder .search-menu .col-md-4.detailed-search {
            text-align: left;
        }

        .fabrics-finder .search-menu .col-md-4.browse-collection {
            text-align: center;
        }

    .fabrics-finder .search-menu a {
        color: #c5c5c6;
    }

        .fabrics-finder .search-menu a.active {
            color: #fff;
            font-weight: bold;
        }

.fabrics-finder .wizard-steps {
    padding-top: 30px;
}

.fabrics-finder .search-box.search-browse-collection {
    padding: 30px 0 5px 0;
    display: none;
}

    .fabrics-finder .search-box.search-browse-collection select {
        background-color: transparent;
        border: 0;
        color: #626161;
        border-bottom: solid 1px #626161;
    }

.fabrics-finder .search-box.search-quick-search {
    padding: 30px 0 5px 0;
    display: none;
}


.fabrics-finder .fabrics-finder-detail-view .title {
    font-size: 15px;
    font-weight: bold;
    background-color: #626161;
    color: #fff;
    padding: 10px 0;
}

    .fabrics-finder .fabrics-finder-detail-view .title .fa-plus-circle {
        color: #fff;
        font-weight: 100;
        webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.fabrics-finder .detail-sheet {
    font-size: 13px;
    background-color: #d7dbdc;
    padding: 35px 0 0 0;
}

    .fabrics-finder .detail-sheet .image {
        width: 100%;
        /*max-height: 100px;*/
        overflow: auto;
        margin-bottom: 30px;
        /*border: solid 2px #fff;*/
        text-align: center;
    }

        .fabrics-finder .detail-sheet .image img {
            max-width: 100%;
            border: solid 2px #fff;
        }

    .fabrics-finder .detail-sheet h2 {
        font-size: 20px;
        padding: 0 0 5px 0;
        margin: 0;
    }

    .fabrics-finder .detail-sheet .table-responsive {
        padding-bottom: 25px;
    }

    .fabrics-finder .detail-sheet table {
        width: 100%;
    }

        .fabrics-finder .detail-sheet table tr,
        .fabrics-finder .detail-sheet table th,
        .fabrics-finder .detail-sheet table td {
            margin: 0;
            vertical-align: top;
        }

        .fabrics-finder .detail-sheet table th,
        .fabrics-finder .detail-sheet table td {
            width: 33%;
            border-bottom: solid 1px #424246;
            padding: 0 10px 0 0;
        }

        .fabrics-finder .detail-sheet table td {
            border-bottom: solid 1px #ccc;
        }

        .fabrics-finder .detail-sheet table.no-lines th,
        .fabrics-finder .detail-sheet table.no-lines td {
            width: auto;
            border-bottom: none;
            padding: 0 10px 0 0;
        }

        .fabrics-finder .detail-sheet table.no-lines th {
            /*   text-align:center;*/
        }

.fabrics-finder .fabrics-finder-detail-view .pdf {
    display: inline-block;
    float: right;
    padding-right: 16px;
}

    .fabrics-finder .fabrics-finder-detail-view .pdf a {
        color: #fff;
    }

.fabrics-finder .detail-sheet .close-message {
    float: right;
    display: block;
    position: absolute;
    right: 10px;
    top: -27px;
}

.fabrics-finder .detail-sheet .close-message2 {
    text-align: right;
    padding: 20px 10px 0 0;
}

    .fabrics-finder .detail-sheet .close-message a,
    .fabrics-finder .detail-sheet .close-message2 a {
        color: #424246;
    }

        .fabrics-finder .detail-sheet .close-message a i.fa-plus,
        .fabrics-finder .detail-sheet .close-message2 a i.fa-plus {
            webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.fabrics-finder #DetailView .loading {
    height: 300px;
    text-align: center;
    padding-top: 100px;
}

.fabrics-finder .chart-view .reset-chart {
    padding: 0 10px 10px 10px;
}

    .fabrics-finder .chart-view .reset-chart a {
        color: #626161;
    }

.legend .title {
    background-color: #626161;
    padding: 10px 15px 10px 15px;
    color: #fff;
}

.legend .table-responsive {
    padding: 10px;
    background-color: #d7dbdc;
}

.fabrics-finder-detail-view .row.title {
    text-transform: uppercase;
}

.pdf-container .fabrics-finder-detail-view .row.detail-sheet h2 {
    text-transform: uppercase;
}



















.header, .header.image, .body, .footer {
    min-width: 400px;
    overflow: unset;
}

#MainNavigation {
    display: block;
}

.hamburger-menu {
    display: none;
}

    .hamburger-menu a,
    .hamburger-menu a i {
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;
    }

@media(max-width:768px) {
    .body .full-width-background,
    .body .full-width-background-12,
    .body .full-width-background-8,
    .body .full-width-background-6,
    .body .full-width-background-4,
    .body .full-width-background-2 {
        width: 100%;
        max-width: 100%;
    }
}

.body .full-width-content.first {
    float: right;
}

.body .full-width-content.last {
    float: left;
}

.body .full-width-content.first.last {
    float: none;
    margin: 0 auto;
}


.body .full-width-content {
    display: block;
    max-width: 1140px;
    padding: 30px 0;
}

@media (min-width: 1200px) {
    .body .full-width-background-12 .full-width-content {
        max-width: 1140px;
    }

    .body .full-width-background-6 .full-width-content {
        max-width: 555px;
    }
}

@media (max-width:1200px) {
    .body .full-width-background-12 .full-width-content {
        max-width: 960px;
    }

    .body .full-width-background-6 .full-width-content {
        max-width: 465px;
    }

    .fabrics-finder .wizard-steps img {
        max-width: 50px;
    }

    .header .column, .header .col-md-12, .header .row, .header .container, .body .container {
        /*padding:0 5px;        */
    }

    .header.image {
        margin: 0 15px;
    }

    .header .logo-row {
        height: 86px;
    }

        .header .logo-row .logo {
            width: 300px;
        }

        .header .logo-row .slogan {
            width: 360px;
            height: 86px;
            font-size: 20px;
            padding: 30px 15px 0 0;
        }

        .header .logo-row .login-block {
            height: 86px;
            padding: 28px 90px 0 0;
            background-position: 166px 17px;
        }

    .header .menu-row {
        height: 75px;
    }

        .header .menu-row ul.main-navigation li a {
            padding: 24px 10px;
            height: 75px;
        }

    .header.image .profile-links,
    .header.image .fabrics-finder-header-link {
        /*right:-5px;*/
    }

    .header.image .header-link.padded {
        left: 50px;
    }

    .header.image .row.bg-img .header-text {
        padding-left: 45px;
    }

    .body .full-width-content {
        padding: 30px 5px;
    }

    .header .menu-row ul.main-navigation {
        padding-left: 10px;
    }

    .body .link-blocks {
        width: 992px;
    }
}

@media (max-width: 992px) {

    .hamburger-menu {
        display: block;
        position: absolute;
        top: 5px;
        right: 20px;
        font-size: 30px;
    }

        .hamburger-menu a {
            color: #fff;
        }

    .body .full-width-background-12 .full-width-content {
        max-width: 720px;
    }

    .body .full-width-background-6 .full-width-content {
        max-width: 345px;
    }

    .fabrics-finder .wizard-steps img {
        display: none;
    }

    .fabrics-finder .spread-evenly li {
        width: 18%;
    }

    .header .column .logo-row {
        position: relative;
        height: 144px;
    }

        .header .column .logo-row .logo {
            float: left;
            position: absolute;
            left: 0;
            top: 0;
        }

        .header .column .logo-row .slogan {
            float: left;
            width: 100%;
            position: absolute;
            left: 0;
            top: 86px;
            text-align: left;
            padding: 10px 20px;
            font-size: 24px;
            color: #fff;
            background-color: #f8c602;
            height: 58px;
        }

        .header .column .logo-row .login-block {
            float: right;
            position: absolute;
            right: 0;
            top: 0;
        }

    #MainNavigation {
        display: none;
        padding: 10px 0 20px 0;
        background-color: #fbdf71;
    }

    .header .menu-row {
        height: auto;
        overflow: visible;
    }

        .header .menu-row ul.main-navigation {
        }

            .header .menu-row ul.main-navigation li {
                /*clear: left;*/
                padding: 10px 10px 5px 10px;
                display: inline-block;
                float: left;
                width: 33%;
            }


                .header .menu-row ul.main-navigation li a {
                    display: inline;
                    height: auto;
                    padding: unset;
                    padding: 2px 10px;
                    font-weight: bold;
                }

                .header .menu-row ul.main-navigation li ul.sub-navigation {
                    display: block;
                    background-color: transparent;
                    position: relative;
                }

                    .header .menu-row ul.main-navigation li ul.sub-navigation li {
                        display: block;
                        clear: left;
                        padding: 0 10px;
                        list-style-type: circle;
                    }

                        .header .menu-row ul.main-navigation li ul.sub-navigation li a {
                            display: inline;
                            padding: 2px 0px;
                            color: #424246;
                            font-weight: normal;
                        }

    .body .link-blocks {
        width: 768px;
    }

        .body .link-blocks .link-block .icon {
            height: 130px;
        }

        .body .link-blocks .link-block .text {
            height: 100px;
            padding: 0 5px;
        }

    .body .latest-news {
        overflow: unset;
    }

        .body .latest-news table td {
            display: block;
            clear: left;
        }

            .body .latest-news table td.icons {
                width: auto;
            }

                .body .latest-news table td.icons .date,
                .body .latest-news table td.icons .icon {
                    width: 50%;
                    display: inline-block;
                    float: left;
                }
}

@media (max-width: 768px) {
    .body .full-width-background-12 .full-width-content {
        max-width: 100%;
    }

    .body .full-width-background-6 .full-width-content {
        max-width: 100%;
    }

    .body .full-width-content.first,
    .body .full-width-content.last {
        float: none;
        margin: 0 auto;
    }

    .inventory-search .row.inventory-result-header {
        display: none;
    }

    .fabrics-finder .wizard-steps img {
        display: inline-block;
        max-width: 20px;
    }

    .fabrics-finder .tabs .col-md-6[data-show='chart-view'] {
        display: none;
    }

    .fabrics-finder .tabs .col-md-6[data-show='list-view'] {
        background-color: #fff;
        color: #626161;
    }

    #ChartView {
        display: none;
    }

    #ListView {
        display: block;
    }

    .footer .column.sub-footer ul.social-buttons,
    .footer .column.sub-footer.right {
        text-align: center;
    }

    .header .top-row {
        height: 46px;
    }

        .header .top-row .language-bar {
            width: 100px;
        }

        .header .top-row .contact-bar {
            margin-top: 10px;
        }

    .body .link-blocks {
        width: 600px;
    }
}


@media(max-width:630px) {

    .header.image .your-profile {
        top: 5px;
        width: 190px;
        right: 0;
        padding-top: 10px;
    }

    .header.image .profile-links {
        height: 300px;
        top: 75px;
        padding-top: 55px;
    }

    .header.image .your-profile,
    .header.image .profile-links,
    .header.image .fabrics-finder-header-link {
        display: none;
    }
}

@media(max-width:600px) {
    .fabrics-finder .wizard-steps img {
        display: none;
    }

    .header .top-row .language-bar {
        display: none;
    }

    .header .menu-row ul.main-navigation li {
        width: 50%;
    }

    .header.image .row.bg-img .header-text {
        padding: 20px 10px 10px 35px;
    }

    .header,
    .header.image,
    .body,
    .footer {
        overflow: visible;
    }

        .header.image .row.bg-img .header-text {
            max-width: 80%;
        }

        .body .container {
            padding: 0 15px;
        }

        .body .full-width-content.first.last {
            margin: 0 1rem;
        }

        .body .reference-listing-wrapper .filters .row .filter-reference .reference-filter {
            margin-bottom: 10px;
        }

        .body .link-blocks {
            width: auto;
        }

            .body .link-blocks .link-block {
                min-width: 100%;
            }

        .header .logo-row .login-block {
            width: 120px;
            padding: 28px 58px 0 0;
        }
}

@media(max-width:475px) {
    .fabrics-finder .wizard-steps img {
        display: none;
    }

    .header .menu-row ul.main-navigation li {
        width: 99%;
    }
}





.Mermet {
    width: 200px;
    height: 200px;
    position: absolute;
    right: -100px;
    bottom: 0;
}

    .Mermet img {
        max-width: 150px;
    }

    .Mermet .Mermet-top {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 34px;
        right: 0;
        background-color: #E5FF78;
        padding: 20px 0 0 0;
        text-align: center;
    }

        .Mermet .Mermet-top a {
            display:inline-block;
            width:auto;
            height:140px;
        }

    .Mermet .Mermet-bottom {
        position: absolute;
        height: 33px;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #E5FF78;
        text-align: center;
        font-size: 16px;
        color: #000;
        padding-top: 6px;
    }

    .Mermet a {
        font-size: 14px;
        color: #000;
        /*font-weight:bold;*/
        letter-spacing: 1px;
        text-decoration: none;
    }

    .Mermet:hover {
        /*cursor: pointer;*/
    }

        .Mermet:hover a,
        .Mermet a:hover {
            font-weight: bold;
        }


@media(max-width:1200px) {
    .footer .col-md-3.column {
        white-space: nowrap;
    }

    .footer .content-footer {
        padding: 70px 0 90px 0;
    }
}

@media(max-width:1090px) {
    .Mermet {
        /*right: -50px;*/
    }
}

@media(max-width:992px) {
    .footer .col-md-3,
    .footer .col-md-6 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .footer .container, .footer .column {
        padding: 0 0px 0 30px;
    }

    @media(max-width:768px) {
        .footer .column.sub-footer.middle {
            text-align: left;
        }

        .Mermet {
            width: 100%;
            height: 200px;
            position: relative;
            right: unset;
            bottom: unset;
        }

        .footer .column.sub-footer {
            padding: 0 30px 0 30px;
        }
    }