.tooltip {
    font-size: 18px;
}

    .tooltip .tooltip-inner {
        color: #fff;
        background-color: #18a4ad;
        border-radius: 0;
        padding: 5px 10px;
    }

    .tooltip.top > .tooltip-arrow {
       border-top-color: #18a4ad;
    }

.hyphenate {
    hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
}

.etrusted-badge-container {
    z-index: 2000;
}

.loading {
    position: relative;
    padding: 24.5px 0;
}

.loading.overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    background-color: rgba(250,250,250,0.3);
}

.mainSlider .loading.overlay {
    background-color: rgb(255,255,255);
}

    .cssload-loader {
        position: absolute;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
        border-radius: 50%;
            -o-border-radius: 50%;
            -ms-border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        perspective: 780px;
    }

    .mainSlider .cssload-loader {
        top: calc(50% - 50px);
        left: calc(50% - 50px);
        width: 100px;
        height: 100px;
    }

        .cssload-inner {
            position: absolute;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
            border-radius: 50%;
                -o-border-radius: 50%;
                -ms-border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
        }

        .cssload-inner.cssload-one {
            left: 0%;
            top: 0%;
            animation: cssload-rotate-one 1.15s linear infinite;
                -o-animation: cssload-rotate-one 1.15s linear infinite;
                -ms-animation: cssload-rotate-one 1.15s linear infinite;
                -webkit-animation: cssload-rotate-one 1.15s linear infinite;
                -moz-animation: cssload-rotate-one 1.15s linear infinite;
            border-bottom: 3px solid rgb(126,131,126);
        }

        .cssload-inner.cssload-two {
            right: 0%;
            top: 0%;
            animation: cssload-rotate-two 1.15s linear infinite;
                -o-animation: cssload-rotate-two 1.15s linear infinite;
                -ms-animation: cssload-rotate-two 1.15s linear infinite;
                -webkit-animation: cssload-rotate-two 1.15s linear infinite;
                -moz-animation: cssload-rotate-two 1.15s linear infinite;
            border-right: 3px solid rgb(126,131,126);
        }

        .cssload-inner.cssload-three {
            right: 0%;
            bottom: 0%;
            animation: cssload-rotate-three 1.15s linear infinite;
                -o-animation: cssload-rotate-three 1.15s linear infinite;
                -ms-animation: cssload-rotate-three 1.15s linear infinite;
                -webkit-animation: cssload-rotate-three 1.15s linear infinite;
                -moz-animation: cssload-rotate-three 1.15s linear infinite;
            border-top: 3px solid rgb(126,131,126);
        }

        @keyframes cssload-rotate-one {
            0% {
                transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            }
            100% {
                transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            }
        }

        @-o-keyframes cssload-rotate-one {
            0% {
                -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            }
            100% {
                -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            }
        }

        @-ms-keyframes cssload-rotate-one {
            0% {
                -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            }
            100% {
                -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            }
        }

        @-webkit-keyframes cssload-rotate-one {
            0% {
                -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            }
            100% {
                -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            }
        }

        @-moz-keyframes cssload-rotate-one {
            0% {
                -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
            }
            100% {
                -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
            }
        }

        @keyframes cssload-rotate-two {
            0% {
                transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            }
            100% {
                transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            }
        }

        @-o-keyframes cssload-rotate-two {
            0% {
                -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            }
            100% {
                -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            }
        }

        @-ms-keyframes cssload-rotate-two {
            0% {
                -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            }
            100% {
                -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            }
        }

        @-webkit-keyframes cssload-rotate-two {
            0% {
                -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            }
            100% {
                -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            }
        }

        @-moz-keyframes cssload-rotate-two {
            0% {
                -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
            }
            100% {
                -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
            }
        }

        @keyframes cssload-rotate-three {
            0% {
                transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            }
            100% {
                transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            }
        }

        @-o-keyframes cssload-rotate-three {
            0% {
                -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            }
            100% {
                -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            }
        }

        @-ms-keyframes cssload-rotate-three {
            0% {
                -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            }
            100% {
                -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            }
        }

        @-webkit-keyframes cssload-rotate-three {
            0% {
                -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            }
            100% {
                -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            }
        }

        @-moz-keyframes cssload-rotate-three {
            0% {
                -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
            }
            100% {
                -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
            }
        }

.backgroundSrcsetImage {
    position: absolute;
    display: block;
    width: 100%;
    visibility: hidden !important;
}

.backgroundSrcsetImage.loaded {
    display: none;
}

body.cl-details #zoom1 {
    max-width: 100%;
}

#zoom1:focus {
    outline: none;
}

.mousetrap {
    opacity: 1;
    transition: opacity 0.5s ease;
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
}

.mousetrap:hover {
    opacity: 0;
}

.mousetrap:after {
    position: absolute;
    right: 9px;
    bottom: 0;
    z-index: 1000;
    display: block;
    content: '+';
    font:normal normal normal 14px/1 FontAwesome;
    font-size: 54px;
    font-weight: lighter;;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18a4ad;
    transition: color 0.5s ease;
}

html {
    background-color: #f3f2ef;
    width: 100%;
    min-width: 320px;
    overflow-x: hidden;
    height: 100%;
    overflow-y: scroll;
}

html.modal-open,
html.search-active {
    overflow: hidden;
}

    body {
        font-family: assistant,"Helvetica Neue",Helvetica,Arial,sans-serif;
        overflow: hidden;
        min-width: 320px;
        position: relative;
        padding-right: 0 !important;
        min-height: 100vh;
        flex-direction: column;
        background-color: #f3f2ef !important;
    }

    body.cl-content {
        display: flex;
    }

        tbody {
            position: relative;
        }

        hr {
            border-color: #d4d7d4;
        }

        .noPadding {
            padding: 0;
        }

        .fullWidth {
            width: 100%;
        }

        .stickyInfo {
            position: fixed;
            right: 0;
            bottom: 0;
            padding: 4px 23px 10px 19px;
            background-color: #b39d72;
            color: #fff;
            z-index: 1035;
        }

        .stickyInfo.mobilePhone {
            bottom: 0;
            padding-top: 9px;
            transition: transform 0.5s ease;
            right: -159px;
            padding-right: 0;
            z-index: 1010;
        }

            .stickyInfo a {
                color: #fff;
            }

            .stickyInfo a:hover,
            .stickyInfo a:focus {
                text-decoration: none;
            }

            .stickyInfo.mobilePhone a:hover,
            .stickyInfo.mobilePhone a:focus {
                text-decoration: underline;
            }

                .stickyInfo .lnr {
                    top: 2px;
                    margin-right: 8px;
                    position: relative;
                }

                .stickyInfo .phone {
                    margin-right: 20px;
                    cursor: default;
                    pointer-events: none;
                }

                .stickyInfo.mobilePhone .phone {
                    cursor: pointer;
                }

                .stickyInfo .at {
                    font-size: 22px;
                    font-weight: 100;
                    margin-right: 10px;
                    text-decoration: none;
                }

                .stickyInfo a:hover .mailText {
                    text-decoration: underline;
                }

                .cookieHint {
                    position: fixed;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    padding-top: 22px;
                    padding-bottom: 22px;
                    background-color: #b39d72;
                    z-index: 10000;
                    -webkit-transform: translateY(100%);
                    -ms-transform: translateY(100%);
                    transform: translateY(100%);
                    transition: transform 0.5s;
                }

                .cookieHint.open {
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                }

                    .cookieHint .container {
                        max-width: 1320px;
                        padding-left: 35px;
                        padding-right: 35px;
                        position: relative;
                    }

                    .cookieHint p {
                        color: #fff;
                        margin-bottom: 0;
                        padding-right: 40px;
                    }

                    .cookieMore {
                        color: #fff;
                        white-space: nowrap;
                    }

                    .cookieMore:hover,
                    .cookieMore:focus {
                        text-decoration: none;
                        color: #fff;
                        opacity: 0.8;
                    }

                        .cookieMore span {
                            border-bottom: 1px solid #fff;
                        }

                    .cookieHint .closeBtn {
                        font-size: 36px;
                        line-height: 36px;
                        position: absolute;
                        top: -5px;
                        right: 30px;
                        color: #fff;
                    }

                    .cookieHint .closeBtn:hover,
                    .cookieHint .closeBtn:focus {
                        text-decoration: none;
                        opacity: 0.8;
                    }

                    @media (max-width: 1149px) {
                        .cookieHint .container {
                            padding-left: 20px;
                            padding-right: 20px;
                        }

                        .cookieHint .closeBtn {
                            right: 15px;
                        }
                    }

        .form-control::-webkit-input-placeholder { color: #fff; font-size: 16px; }
        .form-control:-moz-placeholder { color: #fff; font-size: 16px; }
        .form-control::-moz-placeholder { color: #fff; font-size: 16px; }
        .form-control:-ms-input-placeholder { color: #fff; font-size: 16px; }

        .extendedMobileNav .form.search .form-control::-webkit-input-placeholder {font-weight: bold; }
        .extendedMobileNav .form.search .form-control:-moz-placeholder {font-weight: bold; }
        .extendedMobileNav .form.search .form-control::-moz-placeholder {font-weight: bold; }
        .extendedMobileNav .form.search .form-control:-ms-input-placeholder {font-weight: bold; }

        .cl-user #wrapper .form-control::-webkit-input-placeholder,
        .cl-register #wrapper .form-control::-webkit-input-placeholder,
        .cl-contact #wrapper .form-control::-webkit-input-placeholder,
        .cl-wdwithdrawal #wrapper .form-control::-webkit-input-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .form-control::-webkit-input-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control.missing::-webkit-input-placeholder,
        .cl-user #wrapper #optionLogin .form-control.missing::-webkit-input-placeholder,
        .cl-account_user #wrapper .form-control::-webkit-input-placeholder,
        .cl-account_password #wrapper .form-control::-webkit-input-placeholder,
        #login #loginBox #loginEmail.missing::-webkit-input-placeholder,
        #login #loginBox #loginPassword.missing::-webkit-input-placeholder,
        #login #loginBox #loginEmailModal.missing::-webkit-input-placeholder,
        #login #loginBox #loginPasswordModal.missing::-webkit-input-placeholder {
            color: #d93735;
        }

        .cl-user #wrapper #optionLogin .form-control::-webkit-input-placeholder {
            color: #00939d;
        }

        .cl-user #wrapper #oxDay.form-control::-webkit-input-placeholder,
        .cl-register #wrapper #oxDay.form-control::-webkit-input-placeholder,
        .cl-user #wrapper #oxYear.form-control::-webkit-input-placeholder,
        .cl-register #wrapper #oxYear.form-control::-webkit-input-placeholder,
        .cl-user #wrapper #orderRemark.form-control::-webkit-input-placeholder,
        .cl-register #wrapper #orderRemark.form-control::-webkit-input-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control::-webkit-input-placeholder,
        .cl-account_user #wrapper #oxDay.form-control::-webkit-input-placeholder,
        .cl-account_user #wrapper #oxYear.form-control::-webkit-input-placeholder {
            color: #000;
        }

        .cl-user #wrapper .form-control:-moz-placeholder,
        .cl-register #wrapper .form-control:-moz-placeholder,
        .cl-contact #wrapper .form-control:-moz-placeholder,
        .cl-wdwithdrawal #wrapper .form-control:-moz-placeholder,
        .cl-user #wrapper #optionLogin .form-control.missing:-moz-placeholder,
        .cl-account_user #wrapper .form-control:-moz-placeholder,
        .cl-account_password #wrapper .form-control:-moz-placeholder,
        #login #loginBox #loginEmail.missing:-moz-placeholder,
        #login #loginBox #loginPassword.missing:-moz-placeholder,
        #login #loginBox #loginEmailModal.missing:-moz-placeholder,
        #login #loginBox #loginPasswordModal.missing:-moz-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control.missing:-moz-placeholder {
            color: #d93735;
        }

        .cl-user #wrapper #optionLogin .form-control:-moz-placeholder {
            color: #00939d;
        }

        .cl-user #wrapper #oxDay.form-control:-moz-placeholder,
        .cl-register #wrapper #oxDay.form-control:-moz-placeholder,
        .cl-user #wrapper #oxYear.form-control:-moz-placeholder,
        .cl-register #wrapper #oxYear.form-control:-moz-placeholder,
        .cl-user #wrapper #orderRemark.form-control:-moz-placeholder,
        .cl-register #wrapper #orderRemark.form-control:-moz-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control:-moz-placeholder,
        .cl-account_user #wrapper #oxDay.form-control:-moz-placeholder,
        .cl-account_user #wrapper #oxYear.form-control:-moz-placeholder {
            color: #000;
        }

        .cl-user #wrapper .form-control::-moz-placeholder,
        .cl-register #wrapper .form-control::-moz-placeholder,
        .cl-contact #wrapper .form-control::-moz-placeholder,
        .cl-wdwithdrawal #wrapper .form-control::-moz-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .form-control::-moz-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control.missing::-moz-placeholder,
        .cl-user #wrapper #optionLogin .form-control.missing::-moz-placeholder,
        .cl-account_user #wrapper .form-control::-moz-placeholder,
        .cl-account_password #wrapper .form-control::-moz-placeholder,
        #login #loginBox #loginEmail.missing::-moz-placeholder,
        #login #loginBox #loginPassword.missing::-moz-placeholder,
        #login #loginBox #loginEmailModal.missing::-moz-placeholder,
        #login #loginBox #loginPasswordModal.missing::-moz-placeholder {
            color: #d93735;
        }

        .cl-user #wrapper #optionLogin .form-control::-moz-placeholder {
            color: #00939d;
        }

        .cl-user #wrapper #oxDay.form-control::-moz-placeholder,
        .cl-register #wrapper #oxDay.form-control::-moz-placeholder,
        .cl-user #wrapper #oxYear.form-control::-moz-placeholder,
        .cl-register #wrapper #oxYear.form-control::-moz-placeholder,
        .cl-user #wrapper #orderRemark.form-control::-moz-placeholder,
        .cl-register #wrapper #orderRemark.form-control::-moz-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control::-moz-placeholder,
        .cl-account_user #wrapper #oxDay.form-control::-moz-placeholder,
        .cl-account_user #wrapper #oxYear.form-control::-moz-placeholder {
            color: #000;
        }

        .cl-user #wrapper .form-control:-ms-input-placeholder,
        .cl-register #wrapper .form-control:-ms-input-placeholder,
        .cl-contact #wrapper .form-control:-ms-input-placeholder,
        .cl-wdwithdrawal #wrapper .form-control:-ms-input-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .form-control:-ms-input-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .form-control.missing:-ms-input-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control.missing:-ms-input-placeholder,
        .cl-account_user #wrapper .form-control:-ms-input-placeholder,
        .cl-account_password #wrapper .form-control:-ms-input-placeholder,
        #login #loginBox #loginEmail.missing:-ms-input-placeholder,
        #login #loginBox #loginPassword.missing:-ms-input-placeholder,
        #login #loginBox #loginEmailModal.missing:-ms-input-placeholder,
        #login #loginBox #loginPasswordModal.missing:-ms-input-placeholder {
            color: #d93735;
        }

        .cl-user #wrapper #optionLogin .form-control:-ms-input-placeholder {
            color: #00939d;
        }

        .cl-user #wrapper #oxDay.form-control:-ms-input-placeholder,
        .cl-register #wrapper #oxDay.form-control:-ms-input-placeholder,
        .cl-user #wrapper #oxYear.form-control:-ms-input-placeholder,
        .cl-register #wrapper #oxYear.form-control:-ms-input-placeholder,
        .cl-user #wrapper #orderRemark.form-control:-ms-input-placeholder,
        .cl-register #wrapper #orderRemark.form-control:-ms-input-placeholder,
        .cl-wes_fliesengigant_wish_tile_form #wrapper .col-custom .form-control:-ms-input-placeholder,
        .cl-account_user #wrapper #oxDay.form-control:-ms-input-placeholder,
        .cl-account_user #wrapper #oxYear.form-control:-ms-input-placeholder {
            color: #000;
        }

        .extendedMobileNav .form-control::-webkit-input-placeholder { color: #fff; text-transform: uppercase; font-size: 16px; }
        .extendedMobileNav .form-control:-moz-placeholder { color: #fff; text-transform: uppercase; font-size: 16px; }
        .extendedMobileNav .form-control::-moz-placeholder { color: #fff; text-transform: uppercase; font-size: 16px; }
        .extendedMobileNav .form-control:-ms-input-placeholder { color: #fff; text-transform: uppercase; font-size: 16px; }

        .container {
            width: auto;
            max-width: 1400px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .cl-alist .row.gridView.newItems,
        .cl-search .row.gridView.newItems {
            display: flex;
            flex-wrap: wrap;
        }

        .cl-alist .row:before,
        .cl-alist .row::before,
        .cl-alist .row:after,
        .cl-search .row:before,
        .cl-search .row::before,
        .cl-search .row:after {
            display: block;
        }

            .cl-search .content-box,
            .cl-manufacturerlist .content-box,
            .cl-register .content-box,
            .cl-basket .content-box,
            .cl-user .content-box,
            .cl-forgotpwd .content-box,
            .cl-payment .content-box,
            .cl-order .content-box,
            .cl-thankyou .content-box,
            .cl-account_password .content-box,
            .cl-account_user .content-box,
            .cl-account_order .content-box,
            .cl-contact .content-box,
            .cl-wdwithdrawal .content-box {
                max-width: 1290px;
                margin: auto;
                padding-left: 15px;
                padding-right: 15px;
            }

                .cl-content .cmsContent,
                .cl-wes_fliesengigant_wish_tile_form .cmsContent,
                .cl-contact .cmsContent
                .cl-wdwithdrawal .cmsContent {
                    max-width: 1260px;
                    margin: auto;
                }

                .cl-wes_fliesengigant_wish_tile_form .cmsContent {
                    padding-top: 60px;
                }

        .container-block {
            display: block;
        }

        .fullscreenSeperator {
            display: none;
        }

        .fullWidth {
            width: 100%;
        }

        .cl-wes_fliesengigant_wish_tile_form .fullWidth {
            width: calc(100% + 10px);
            margin-left: -5px;
            margin-top: 15px;
        }

        .dropdown-menu {
            min-width: 100%;
        }

        .dropdown-menu,
        .form-group input {
            border-radius: 0;
        }

            .dropdown-menu a {
                color: #000;
            }

            a.btn.forgotPasswordOpener {
                color: #000;
                border: 1px solid #ccc;
                height: 39px;
                background-color: #f3f2f0;
            }

            a.forgotPasswordOpener:hover {
                background-color: #d4d7d4;
            }

            .checkbox-inline input[type="checkbox"] {
                top: 3px;
            }

        #wrapper .dropDown .variant-label {
            margin-bottom: 9px;
        }

            #wrapper .dropdown-wrapper .btn {
                background-color: transparent;
                color: #00939d;
                font-size: 16px;
                font-weight: bold;
                border: 1px solid #d4d7d4;
                box-shadow: none;
                padding: 10px 15px 13.5px 15px;
                height: auto;
                min-width: 92px;
                transition: box-shadow 0.5s ease;
            }

            .cl-user #wrapper .checkoutCollumns .dropdown-wrapper .btn,
            .cl-contact #wrapper .form-control .dropdown-toggle,
            .cl-wdwithdrawal #wrapper .form-control .dropdown-toggle,
            .cl-account_user #wrapper .form-group .dropdown-toggle,
            .cl-register #wrapper .form-control .dropdown-toggle,
            .cl-wes_fliesengigant_wish_tile_form #wrapper .form-control .dropdown-toggle {
                color: #000;
                font-weight: normal;
                padding-left: 12px;
                height: 50px;
                font-size: 18px;
            }

            .cl-contact .form-control .dropdown-toggle .filter-option,
            .cl-wdwithdrawal .form-control .dropdown-toggle .filter-option,
            .cl-account_user .form-group .dropdown-toggle .filter-option,
            .cl-register .form-control .dropdown-toggle .filter-option,
            .cl-wes_fliesengigant_wish_tile_form .form-control .dropdown-toggle .filter-option {
                color: #000;
                font-weight: normal;
            }

            .cl-account_user .form-control .dropdown-toggle .filter-option,
            .cl-register .form-control .dropdown-toggle .filter-option,
            .cl-contact .form-control .dropdown-toggle .filter-option,
            .cl-wdwithdrawal .form-control .dropdown-toggle .filter-option {
                padding-left: 0;
            }

            .cl-account_user .form-control .dropdown-toggle .caret,
            .cl-register .form-control .dropdown-toggle .caret,
            .cl-user #wrapper .checkoutCollumns .dropdown-wrapper .btn .caret,
            .cl-contact .form-control .dropdown-toggle .caret,
            .cl-wdwithdrawal .form-control .dropdown-toggle .caret,
            .cl-wes_fliesengigant_wish_tile_form .form-control .dropdown-toggle .caret,
            .cl-payment .form-control .dropdown-toggle .caret {
                display: none;
            }

            .cl-account_user .form-control .dropdown-toggle .filter-option:before,
            .cl-register .form-control .dropdown-toggle .filter-option:before,
            .cl-user #wrapper .checkoutCollumns .dropdown-wrapper .btn .filter-option:before,
            .cl-contact .form-control .dropdown-toggle .filter-option:before,
            .cl-wdwithdrawal .form-control .dropdown-toggle .filter-option:before,
            .cl-wes_fliesengigant_wish_tile_form .form-control .dropdown-toggle .filter-option:before,
            .cl-payment .form-control .dropdown-toggle .filter-option:before {
                content: "\e874";
                font-family: "Linearicons-Free";
                color: #18a4ad;
                position: absolute;
                right: 22px;
                text-align: right;
                z-index: 10;
                top: calc(50% - 2px);
                top: 50%;
                margin-top: -1px;
                transform: translateY(-50%);
                pointer-events: none;
                transition: transform 0.25s ease;
                font-weight: bold;
                font-size: 14px;
            }

            .form-control.open .dropdown-toggle .filter-option:before,
            #wrapper .checkoutCollumns .dropdown-wrapper.open .btn .filter-option:before {
                transform: rotate(180deg) translateY(50%);
            }
            /*edit*/
            #wrapper .dropdown-wrapper .btn:focus {
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
            }

            #wrapper .form-control.missing,
            #loginEmail.missing,
            #loginPassword.missing,
            #loginEmailModal.missing,
            #loginPasswordModal.missing {
                border-color: #d93735;
            }

                .dropdown-wrapper .btn .lnr {
                    position: relative;
                    font-size: 14px;
                    font-weight: bold;
                    top: 5px;
                    margin-left: 15px;
                    transition: transform 0.5s ease;
                }

                .dropdown-wrapper .btn:focus .lnr {
                    transform: rotate(180deg);
                }

        .btn {
            border-radius: 0;
            border: none;
            box-shadow: none;
            text-shadow: none;
            background-image: none;
            transition: background-color 0.5s ease;
            background-color: #18a4ad;
            color: #fff;
        }

        a.btn,
        #loginBox > .btn {
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 17px;
        }

        #loginBox > .btn {
            margin-right: 3px;
        }

        .btn:hover,
        .btn:focus,
        .btn:active,
        .btn:active:focus {
            background-color: #00939d;
            color: #fff;
        }

        *:focus {
            outline: none !important;
        }

        #header {
            background-color: #00939d;
        }

            #header .header-box {
                padding-bottom: 20px;
            }

                #header .service-menu.showLogin .dropdown-menu,
                #header .service-menu.showAccount .dropdown-menu,
                #myModal.loginModal .modal-dialog .modal-content .modal-body
                 {
                    background-color: #f3f2ef;
                    min-width: 412px;
                    padding: 18px 34px 29px 30px;
                    border: none;
                    margin-top: 0;
                }

                #header .service-menu.showAccount .dropdown-menu {
                    padding: 18px 49px 41px 44px;
                }

                .dropdown-menu .closeDropdown {
                    position: absolute;
                    top: 0;
                    right: 0;
                    padding: 0 10px;
                    font-size: 36px;
                }

                #myModal.loginModal .modal-dialog .modal-content .modal-body {
                    min-width: 0;
                }

                    .checkbox.login input[type="checkbox"] {
                        position: relative;
                        display: inline;
                        margin-left: 0;
                    }

                    #header .service-menu.showLogin .dropdown-menu .lead,
                    #header .service-menu.showAccount .dropdown-menu .lead,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .lead {
                        font-size: 36px;
                    }

                    #header .service-menu.showAccount .dropdown-menu .linkContainer,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .linkContainer {
                        margin-top: 12px;
                        margin-bottom: 5px;
                    }

                        #header .service-menu.showAccount .dropdown-menu .linkContainer a,
                        #myModal.loginModal .modal-dialog .modal-content .modal-body .linkContainer a {
                            display: inline-block;
                            margin: 5px 0;
                            padding: 5px 0;
                            color: #18a4ad;
                            font-weight: bold;
                        }

                        #header .service-menu.showAccount .dropdown-menu .linkContainer a:hover,
                        #header .service-menu.showAccount .dropdown-menu .linkContainer a:focus,
                        #myModal.loginModal .modal-dialog .modal-content .modal-body .linkContainer a:hover,
                        #myModal.loginModal .modal-dialog .modal-content .modal-body .linkContainer a:focus {
                            color: #00939d;
                        }

                    #header .service-menu.showLogin .dropdown-menu .input-group,
                    .cl-user .checkoutOptions .input-group,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .input-group {
                        display: block;
                    }

                    #header .service-menu.showLogin .dropdown-menu .form-control::-webkit-input-placeholder,
                    .cl-user .checkoutOptions .form-control::-webkit-input-placeholder,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .form-control::-webkit-input-placeholder,
                    .cl-account_user .accountLoginView #loginUser::-webkit-input-placeholder,
                    .cl-account_user .accountLoginView #loginPwd::-webkit-input-placeholder {
                        color: #00939d;
                        font-size: 16px;
                    }
                    #header .service-menu.showLogin .dropdown-menu .form-control:-moz-placeholder,
                    .cl-user .checkoutOptions .form-control:-moz-placeholder,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .form-control:-moz-placeholder,
                    .cl-account_user .accountLoginView #loginUser:-moz-placeholder,
                    .cl-account_user .accountLoginView #loginPwd:-moz-placeholder {
                        color: #00939d;
                        font-size: 16px;
                    }
                    #header .service-menu.showLogin .dropdown-menu .form-control::-moz-placeholder,
                    .cl-user .checkoutOptions .form-control::-moz-placeholder,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .form-control::-moz-placeholder,
                    .cl-account_user .accountLoginView #loginUser::-moz-placeholder,
                    .cl-account_user .accountLoginView #loginPwd::-moz-placeholder {
                        color: #00939d;
                        font-size: 16px;
                    }
                    #header .service-menu.showLogin .dropdown-menu .form-control:-ms-input-placeholder,
                    .cl-user .checkoutOptions .form-control:-ms-input-placeholder,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .form-control:-ms-input-placeholder,
                    .cl-account_user .accountLoginView #loginUser:-ms-input-placeholder,
                    .cl-account_user .accountLoginView #loginPwd:-ms-input-placeholder {
                        color: #00939d;
                        font-size: 16px;
                    }

                    #header .service-menu.showLogin .dropdown-menu #loginEmail,
                    #header .service-menu.showLogin .dropdown-menu #loginPassword,
                    .cl-user .checkoutOptions #userLoginName,
                    .cl-user .checkoutOptions #userLoginPassword,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body #loginEmailModal,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body #loginPasswordModal {
                        width: 100%;
                        height: 50px;
                        padding-bottom: 10px;
                        margin-bottom: 11px;
                    }

                    #header .service-menu.showLogin .dropdown-menu #loginEmail,
                    .cl-user .checkoutOptions #userLoginName,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body #loginEmailModal {
                        margin-top: 24px;
                        margin-bottom: 19px;
                    }

                    .cl-user .checkoutOptions #userLoginName {
                        margin-top: 27px;
                    }

                    #header .service-menu.showLogin .dropdown-menu .remember,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .remember,
                    .checkboxContent .label,
                    .cl-account_order .checkboxRemember .remember {
                        padding-left: 31px;
                        padding-top: 1px;
                        padding-right: 16px;
                        cursor: pointer;
                        position: relative;
                        font-size: 16px;
                        color: #000;
                    }

                    #header .service-menu.showLogin .dropdown-menu .remember:before,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .remember:before,
                    .checkboxContent .label:before,
                    .cl-account_order .checkboxRemember .remember:before {
                        position: absolute;
                        left: 0;
                        top: 4px;
                        content: "";
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        border: 1px solid #d4d7d4;
                        background-color: #fff;
                        margin-right: 5px;
                    }

                    #header .service-menu.showLogin .dropdown-menu .checkboxRemember input[type=checkbox]:checked + .remember:before,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .checkboxRemember input[type=checkbox]:checked + .remember:before,
                    .checkboxContent input[type=checkbox]:checked + .label:before,
                    label.customCheckBox input[type=checkbox]:checked + span,
                    .cl-account_order .checkboxRemember input[type=checkbox]:checked + .remember:before,
                    .cl-basket input[type=checkbox]:checked + .label:before {
                        border-color: #00939d;
                    }

                    #header .service-menu.showLogin .dropdown-menu .remember:after,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .remember:after,
                    .checkboxContent .label:after,
                    .checkbox .label:after,
                    .cl-account_order .checkboxRemember .remember:after {
                        position: absolute;
                        left: 4px;
                        top: 2px;
                        display: block;
                        content: '';
                        width: 10px;
                        height: 10px;
                        z-index: 1;
                    }

                    .checkboxContent .label {
                        white-space: normal;
                    }

                    .checkboxContent .label:after {
                        top: 6px;
                    }

                    #header .service-menu.showLogin .dropdown-menu #remember,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body #rememberModal,
                    .checkboxContent .checkboxInput,
                    .cl-account_order .checkboxRemember #remember {
                        display: none;
                    }

                    #header .service-menu.showLogin .dropdown-menu .checkboxRemember input[type=checkbox]:checked + .remember:after,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .checkboxRemember input[type=checkbox]:checked + .remember:after,
                    .checkboxContent input[type=checkbox]:checked + .label:after,
                    .cl-basket [type="checkbox"]:checked + span::before,
                    .cl-account_order .checkboxRemember input[type=checkbox]:checked + .remember:after {
                        font-family: 'iconfont-fliesengigant';
                        content: '\e910';
                        color: #00939d;
                        font-size: 22px;
                        top: 2px;
                        left: -1px;
                    }

                    .cl-basket [type="checkbox"]:checked + span::before {
                        top: -7px;
                        left: -3px;
                    }

                    #header .service-menu.showLogin .dropdown-menu .checkboxRemember input[type=checkbox]:checked + .remember:after,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .checkboxRemember input[type=checkbox]:checked + .remember:after {
                        top: -2px;
                    }

                    #header .service-menu.showLogin .dropdown-menu .forgotPasswordOpener,
                    .cl-user .checkoutOptions .forgotPasswordOpener,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .forgotPasswordOpener,
                    .cl-account_order #forgotPasswordLink,
                    .cl-account_user #forgotPasswordLink {
                        color: #00939d;
                        float: right;
                        background-color: transparent;
                        font-size: 16px;
                        font-weight: bold;
                        margin-top: 2px;
                    }

                    .cl-user .checkoutOptions .forgotPasswordOpener,
                    .cl-account_user #forgotPasswordLink {
                        float: left;
                        margin-top: 2px;
                    }

                    #header .service-menu.showLogin .dropdown-menu .loginButton,
                    #header .service-menu.showAccount .dropdown-menu .logoutButton,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .loginButton,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .logoutButton,
                    .cl-account_user #openAccountLink,
                    .cl-account_user #loginButton {
                        margin-top: 7px;
                        padding: 11px 30px 15px 30px;
                    }

                    #header .service-menu.showAccount .dropdown-menu .logoutButton,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .logoutButton {
                        margin-top: 1px;
                    }

                    .cl-account_user #openAccountLink,
                    .cl-account_user #loginButton {
                        margin-bottom: 24px;
                    }

                    #header .service-menu.showLogin .dropdown-menu .newRegisterText,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body .newRegisterText {
                        font-size: 36px;
                        font-weight: 100;
                        margin-top: 22px;
                        margin-bottom: -11px;
                    }

                    #header .service-menu.showLogin .dropdown-menu #registerLink,
                    #myModal.loginModal .modal-dialog .modal-content .modal-body #registerLink {
                        color: #00939d;
                        font-size: 36px;
                        font-weight: 100;
                    }

                #header .logo-col {
                    max-width: 445px;
                    padding-left: 65px;
                }

                    #header .logo-col .mobileLogo {
                        display: none;
                    }

                        #header .logo-col img {
                            margin-top: 5px;
                        }

                #searchParam,
                #searchParamMobile {
                    width: 325px;
                    border-radius: 0;
                    border: none;
                    border-bottom: 3px solid #b39d72;
                    box-shadow: none;
                    background-color: #00939d;
                    color: #fff;
                    margin-left: 75px;
                    margin-top: -6px;
                    height: 58px;
                    padding: 0;
                }

                .extendedMobileNav #searchParamMobile {
                    width: 200px;
                    margin-left: 12px;
                    margin-top: -2px;
                    border: none;
                }

                    .search > .input-group > .input-group-btn > .btn {
                        background-color: #00939d;
                        background-image: none;
                        border: none;
                        box-shadow: none;
                        border-bottom: 3px solid #b39d72;
                        border-radius: 0;
                        top: 2px;
                        left: -40px;
                        padding-right: 0;
                        z-index: 1000;
                    }

                    .extendedMobileNav .search > .input-group > .input-group-btn > .btn {
                        left: 0;
                        margin-left: 15px;
                        border: none;
                    }

                    .search > .input-group > .input-group-btn > .btn > .lnr {
                        font-size: 28px;
                    }

                    .extendedMobileNav .search > .input-group > .input-group-btn > .btn > .lnr {
                        font-size: 20px;
                        margin-left: 2px;
                    }

            #header .menu-dropdowns.pull-right > a {
                text-decoration: none !important;
            }

                #header .menu-dropdowns.pull-right > a > img {
                    margin-top: -9px;
                    margin-right: 13px;
                }

            #header .menus-col .menu-dropdowns > .btn-group > .btn {
                color: #fff;
                font-size: 14px;
                padding: 10px;
            }

            #basketModal {

            }

                #header .menus-col .minibasket-menu {
                    margin-right: 20px;
                    margin-top: -5px;
                }

                    #header .menus-col .minibasket-menu .dropdown-menu,
                    #basketModal .modal-dialog .modal-content {
                        background-color: #f3f2ef;
                        padding: 18px 30px 18px 30px;
                        border: none;
                        min-width: 410px;
                        margin-top: 0;
                    }

                        #basketModal .modal-dialog .modal-content .modal-header,
                        #basketModal .modal-dialog .modal-content .modal-body,
                        #basketModal .modal-dialog .modal-content .modal-footer {
                            padding: 0;
                            border: none;
                        }

                        #header .menus-col .minibasket-menu .dropdown-menu .mainTitle,
                        #basketModal .modal-dialog .modal-content .modal-header .modal-title {
                            font-weight: 100;
                            font-size: 36px;
                            margin-bottom: 27px;
                        }

                            #header .menus-col .minibasket-menu .dropdown-menu .basketFlyout {

                            }

                                #header .minibasket-menu table .badge,
                                #basketModal .modal-dialog .modal-content .modal-body .badge {
                                    background-color: #b39d72;
                                    border-radius: 0;
                                    top: -9px;
                                    right: -9px;
                                }

                                #basketModal .modal-dialog .modal-content .modal-body .badge {
                                    position: absolute;
                                    font-weight: 500;
                                    width: 18px;
                                    height: 18px;
                                    font-size: 12px;
                                    padding: 0;
                                    padding-top: 3px;
                                }

                                    #header .menus-col .minibasket-menu .dropdown-menu .basketFlyout .table > tbody > tr > td:nth-child(2),
                                    #basketModal .modal-dialog .modal-content .modal-body .table > tbody > tr > td:nth-child(2) {
                                        padding-left: 15px;
                                    }

                                    #header .menus-col .minibasket-menu .dropdown-menu .basketFlyout .table > tbody > tr > td,
                                    #basketModal .modal-dialog .modal-content .modal-body .table > tbody > tr > td {
                                        border: none;
                                        padding: 0;
                                        padding-bottom: 30px;
                                        position: relative;
                                    }

                                        #basketModal .modal-dialog .modal-content .modal-body .table > tbody > tr > td .imgContainer {
                                            display: inline-block;
                                            position: relative;
                                        }

                                        #header .menus-col .minibasket-menu .dropdown-menu .basketFlyout .table > tbody > tr > td .price,
                                        #basketModal .modal-dialog .modal-content .modal-body .table > tbody > tr > td .price {
                                            color: #00939d;
                                            font-weight: bold;
                                        }

                                            #header .menus-col .minibasket-menu .dropdown-menu .basketFlyout .table > tbody > tr > td .title a,
                                            #basketModal .modal-dialog .modal-content .modal-body .table > tbody > tr > td .title a {
                                                color: #00939d;
                                                position: relative;
                                                top: -5px;
                                            }

                                            #header .menus-col .minibasket-menu .dropdown-menu .basketFlyout .table > tbody > tr > td .img-responsive,
                                            #basketModal .modal-dialog .modal-content .modal-body .table > tbody > tr > td .img-responsive{
                                                margin: auto;
                                                max-height: 65px;
                                                max-width: 65px;
                                                border: 1px solid #d4d7d4;
                                                overflow: hidden;
                                            }

                                    #header .menus-col .minibasket-menu .dropdown-menu .basketFlyout .table > tbody > tr > td.total_label,
                                    #basketModal .modal-dialog .modal-content .modal-body {
                                        color: #00939d;
                                    }

                        #header .menus-col .minibasket-menu .dropdown-menu .link,
                        #basketModal .modal-dialog .modal-content .modal-footer .link {
                            float: left;
                            color: #00939d;
                            font-size: 16px;
                            font-weight: bold;
                            margin-top: 12px;
                        }

                        #header .menus-col .minibasket-menu .dropdown-menu .btn,
                        #basketModal .modal-dialog .modal-content .modal-footer .btn {
                            padding: 11px 30px 15px 30px;
                        }

                        #PayPalPayButtonNextCart1,
                        #header .minibasket-menu .paypal-button-or {
                            display: none;
                        }

                #header .menus-col .menu-dropdowns > .btn-group > .btn > .shoppingCart > .lnr {
                    display: block;
                    font-size: 32px;
                    margin-bottom: 7px;
                    margin-top: -4px;
                }

                #header .menus-col .menu-dropdowns > .btn-group > .btn > .shoppingCart > .cartCounter {
                    position: absolute;
                    top: 3px;
                    right: 15px;
                    background-color: #b39d72;
                    min-width: 18px;
                    min-height: 18px;
                    font-size: 12px;
                    padding: 0px 6px;
                }

                #header .btn-group.service-menu {
                    margin-right: 2px;
                    margin-top: -4px;
                }

                    #header .menus-col .menu-dropdowns > .btn-group.open > .dropdown-toggle,
                    #header .menus-col .menu-dropdowns > .btn-group > .btn:active {
                        box-shadow: none;
                    }

                        .minibasket-menu-box .alert {
                            border: none;
                            border-radius: 0;
                            box-shadow: none;
                            text-shadow: none;
                            color: #000;
                            background-color: transparent;
                            background-image: none;
                        }

                    #header .menus-col .menu-dropdowns > .btn-group > .btn {
                        transition: color .3s,background-color .3s,border .3s;
                        border-radius: 0;
                    }

                    .is-checkout #header .menus-col .menu-dropdowns > .btn-group > .btn {
                        visibility: hidden;
                    }

                    #header .menus-col .menu-dropdowns > .btn-group > .btn:hover,
                    #header .menus-col .menu-dropdowns > .btn-group > .btn:focus {
                        background-color: #007983;
                    }

                        #header .minibasket-menu > .btn {
                            padding: 10px;
                        }

                        #header .btn-group.service-menu > .dropdown-toggle > .lnr {
                            display: block;
                            font-size: 28px;
                            margin-bottom: 7px;
                            margin-top: -1px;
                        }

            #mainnav {
                background-color: #18a4ad;
                background-image: none;
                border: none;
                border-radius: 0;
                box-shadow: none;
                margin-bottom: 0;
            }

            body.fixed-header #mainnav,
            body.fixed-header #mainnav.fadeIn {
                width: 100%;
                background-color: #18a4ad;
                border-radius: 0;
            }

            body.fixed-header #mainnav {
                position: fixed;
                top: 0;
                z-index: 1030;
            }

            body.fixed-header #mainnav.fadeIn {
                margin-top: 0;
                transition: all .2s;
            }

                body.fixed-header #mainnav .fixed-header-actions {
                    display: none;
                }

                #mainnav .navbar-collapse {
                    padding-left: 97px;
                    position: relative;
                }

                    #mainnav .fixedLogo {
                        position: absolute;
                        max-height: 33px;
                        top: 12px;
                        left: 59px;
                        opacity: 0;
                        transition: opacity 0.5s ease;
                        cursor: default;
                        pointer-events: none;
                    }

                    body.fixed-header #mainnav .fixedLogo {
                        opacity: 1;
                        pointer-events: all;
                        cursor: pointer;
                    }

                        #mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in #navigation li {
                            border-bottom: none;
                        }

                            #mainnav.navbar-default .navbar-nav > li > a {
                                color: #fff;
                                text-transform: uppercase;
                                font-weight: bold;
                                font-size: 16px;
                                padding-top: 13px;
                                padding-bottom: 15px;
                                padding-left: 23px;
                                padding-right: 23px;
                            }

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

                            .navbar-default .navbar-nav > .active > a {
                                color: #fff;
                                background-color: #18a4ad;
                                border-bottom: 3px solid #b39d72;
                                background-color: transparent;
                                background-image: none;
                                box-shadow: none;
                                filter: none;
                            }

                            #mainnav #navigation > .extendedMobileNav .showLogin,
                            #mainnav #navigation > .extendedMobileNav .showAccount {
                                width: 100%;
                                color: #fff;
                                margin-top: 43px;
                                margin-bottom: 1px;
                            }

                                #mainnav #navigation > .extendedMobileNav .showLogin .btn,
                                #mainnav #navigation > .extendedMobileNav .showAccount .btn {
                                    padding-left: 28px;
                                    width: 100%;
                                    background-color: transparent;
                                    border-radius: 0;
                                    font-size: 16px;
                                    text-align: left;
                                    font-weight: bold;
                                    text-transform: uppercase;
                                }

                                #mainnav #navigation > .extendedMobileNav .showLogin .btn:hover,
                                #mainnav #navigation > .extendedMobileNav .showLogin .btn:focus,
                                #mainnav #navigation > .extendedMobileNav .showAccount .btn:hover,
                                #mainnav #navigation > .extendedMobileNav .showAccount .btn:focus {
                                    color: #cfe2e3;
                                    box-shadow: none;
                                }

                                    #mainnav #navigation > .extendedMobileNav .showLogin .btn .lnr,
                                    #mainnav #navigation > .extendedMobileNav .showAccount .btn .lnr {
                                        padding-right: 10px;
                                        position: relative;
                                        top: 5px;
                                        font-size: 20px;
                                    }

        .modal {
            z-index: 10000;
            padding-right: 0 !important;
        }

            .modal .modal-content {
                border-radius: 0;
            }

                .modal .close {
                    position: absolute;
                    top: 0;
                    right: 0;
                    z-index: 1;
                    font-size: 36px;
                    padding: 0 10px;
                }

        #wrapper {
            padding-bottom: 90px;
        }

        .additionalMargin {
            margin-top: 30px;
        }

        .cl-account_user .panel .additionalMargin {
            margin-top: 14px;
            margin-bottom: 9px;
        }

        .cl-details #wrapper {
            padding-bottom: 0;
        }

        .cl-basket #wrapper {
            padding-bottom: 109px;
        }

            .cl-details #wrapper .container {
                max-width: 1300px;
            }

            .content {
                max-width: 1300px;
                margin: auto;
                padding-left: 20px;
                padding-right: 20px;
            }

                #sidebar .list-group .list-group-item {
                    border-radius: 0;
                    padding: 0;
                    background-color: transparent;
                    border: 1px solid #d4d7d4;
                }

                #sidebar .list-group .list-group-item.active {
                    text-shadow: none;
                    background-image: none;
                    background-color: #18a4ad;
                }

                    #sidebar .list-group .list-group-item a {
                        text-decoration: none;
                        text-decoration: none;
                        padding: 15px;
                        display: block;
                        color: #18a4ad;
                        transition: background-color 0.5s ease, color 0.5s ease;
                    }

                    #sidebar .list-group .list-group-item.active a {
                        color: #fff;
                    }

                    #sidebar .list-group .list-group-item a:hover {
                        background-color: #00939d;
                        color: #fff;
                    }

                .cl-user label,
                .cl-register label,
                .cl-contact label,
                .cl-wdwithdrawal label,
                .cl-account_password label,
                .cl-account_user label,
                .cl-account_order label,
                .cl-wes_fliesengigant_wish_tile_form label {
                    font-weight: normal;
                    color: #000;
                    margin-top: 3px;
                }

                    .bootstrap-select.btn-group .dropdown-menu {
                        z-index: 1000;
                    }

                .cl-user label.req,
                .cl-register label.req,
                .cl-contact label.req,
                .cl-wdwithdrawal label.req,
                .cl-account_password label.req,
                .cl-account_user label.req,
                .cl-account_order label.req,
                .cl-wes_fliesengigant_wish_tile_form label.req {
                    font-weight: bold;
                }

                .cl-user .checkoutCollumns .panel-default + .panel-default,
                .cl-payment #payment .panel-default.fullWidth,
                .cl-order .panel-default.fullWidth,
                .cl-order .panel-default,
                .cl-account_user .panel-default + .panel-default {
                    margin-top: 30px !important;
                }

                    .cl-user .panel-default > .panel-heading,
                    .cl-payment .panel-default > .panel-heading,
                    .cl-order .panel-default > .panel-heading,
                    .cl-account_user .panel-default > .panel-heading,
                    .cl-account_order .panel-default > .panel-heading {
                        background-image: none;
                        border: none;
                        background-color: transparent;
                    }

                        .cl-user .checkoutCollumns .panel-default .panel-title,
                        .cl-payment .panel-default .panel-title,
                        .cl-order .panel-default .panel-title,
                        .cl-account_order #wrapper .panel-default .panel-title {
                            margin-bottom: 6px;
                        }

                        .cl-user .checkoutCollumns .panel-default .dropdown-wrapper,
                        .cl-payment .panel-default .dropdown-wrapper,
                        .cl-register .dropdown-wrapper,
                        .form-inline .bootstrap-select.btn-group,
                        .form-horizontal .bootstrap-select.btn-group,
                        .form-group .bootstrap-select.btn-group {
                            margin-bottom: 20px;
                        }

                        .cl-wes_fliesengigant_wish_tile_form .form-group .bootstrap-select.btn-group,
                        .cl-contact .form-group .bootstrap-select.btn-group,
                        .cl-wdwithdrawal .form-group .bootstrap-select.btn-group,
                        .cl-user .checkoutCollumns .panel-default .dropdown-wrapper,
                        .cl-account_user .panel-default .dropdown-wrapper {
                            margin-bottom: 10px;
                        }

                        .text-danger {
                            color: #d93735;
                        }

                        .alert-danger,
                        .cl-user .checkoutCollumns .panel-default .alert,
                        .cl-order .alert,
                        .cl-basket #empty-basket-warning,
                        .cl-search .alert-info,
                        .cl-register .alert-info,
                        .cl-register .alert-danger,
                        .cl-register form .alert-danger,
                        .cl-payment .alert-danger,
                        .cl-contact .alert-info,
                        .cl-contact .alert-danger,
                        .cl-wdwithdrawal .alert-info,
                        .cl-wdwithdrawal .alert-danger,
                        .cl-account_user .alert-info,
                        .cl-account_user .alert-danger,
                        .cl-account_user .text-danger,
                        .cl-account_user .alert-success,
                        .cl-account_password .alert-info,
                        .cl-account_password .alert-danger,
                        .cl-account_password .alert-success,
                        .cl-user .alert-danger,
                        .cl-user .panel-default .alert-danger,
                        .cl-details .alert-info,
                        .cl-wes_fliesengigant_wish_tile_form .alert-info,
                        .cl-wes_fliesengigant_wish_tile_form .alert-danger,
                        .cl-user .checkoutCollumns .panel-default .alert.mod {
                            background-image: none;
                            background-color: transparent;
                            border-radius: 0;
                            border: none;
                            box-shadow: none;
                            color: #18a4ad;
                            font-weight: bold;
                            padding: 0;
                            margin-top: 15px;
                            margin-bottom: 0;
                            font-size: 18px;
                        }

                        .cl-user.is-checkout .panel-default ul.text-danger,
                        .cl-contact .help-block ul.text-danger,
                        .cl-wdwithdrawal .help-block ul.text-danger,
                        .cl-wes_fliesengigant_wish_tile_form .help-block ul.text-danger {
                            display: none;
                        }

                        .cl-details .alert-info {
                            margin-top: 0;
                            margin-bottom: 10px;
                        }

                        #header .minibasket-menu .alert {
                            margin-top: 0;
                            border: none;
                            border-radius: 0;
                            box-shadow: none;
                            text-shadow: none;
                            color: #000;
                            background-color: transparent;
                            background-image: none;
                            font-weight: normal;
                            padding: 15px;
                        }

                        .cl-wes_fliesengigant_wish_tile_form .alert-info,
                        .cl-contact .alert-info,
                        .cl-contact .alert-danger,
                        .cl-wdwithdrawal .alert-info,
                        .cl-wdwithdrawal .alert-danger,
                        .cl-wes_fliesengigant_wish_tile_form .alert-danger,
                        .cl-details .alert-danger,
                        .cl-account_user .text-danger {
                            margin-top: 0;
                            margin-bottom: 15px;
                        }

                        .cl-payment .alert-danger {
                            margin-top: 30px;
                            display: inline-block;
                            width: 100%;
                        }

                        .cl-order .alert-danger,
                        .cl-contact .alert-danger,
                        .cl-wdwithdrawal .alert-danger,
                        .cl-account_user .alert-danger,
                        .cl-account_password .alert-danger,
                        .cl-user .alert-danger,
                        .cl-register .alert-danger,
                        #errorBadLogin,
                        .cl-wes_fliesengigant_wish_tile_form .alert-danger,
                        .cl-details .alert-danger,
                        .cl-basket #basketVoucher .alert-danger {
                            font-size: 24px;
                            color: #d93735;
                            position: relative;
                            margin-top: 0;
                        }

                        .cl-basket #basketVoucher .alert-danger {
                            width: calc(100% - 400px);
                            position: absolute;
                        }

                        #errorBadLogin {
                            text-align: center;
                        }

                        .cl-register form .alert-danger,
                        .cl-user .checkoutCollumns .panel-default .alert,
                        .cl-account_user .text-danger {
                            color: #d93735;
                        }

                        .cl-user .checkoutCollumns .panel-default .alert {
                            margin-bottom: -10px;
                        }

                        .cl-user .alert-danger,
                        .cl-account_user .text-danger {
                            margin-bottom: 6px;
                            margin-top: 15px;
                        }

                        .form-group input {
                            height: 50px;
                            padding-bottom: 10px;
                            color: #000;
                        }

                        .form-control {
                            box-shadow: none;
                            border-color: #d4d7d4;
                        }

                        .cl-user .panel-default #orderRemark,
                        .cl-contact #message,
                        .cl-wdwithdrawal #message,
                        .cl-content #message,
                        .cl-wes_fliesengigant_wish_tile_form #message {
                            border-radius: 0;
                            resize: vertical;
                            color: #000;
                            padding: 10px;
                        }

                        .input-group-addon:first-child {
                            border-radius: 0;
                            background-color: #f3f2ef;
                            padding-bottom: 10px;
                        }

                .cl-payment .nextStepContainer {
                    margin-left: 0;
                }

                    .nextStepContainer #userBackStepBottom,
                    .nextStepContainer #userNextStepBottom,
                    .nextStepContainer #paymentNextStepBottom,
                    .nextStepContainer #paymentBackStepBottom,
                    .cl-order .submitButton,
                    .cl-forgotpwd .submitButton,
                    #savePass,
                    #accUserSaveTop,
                    .cl-contact .sendBtn,
                    .cl-wdwithdrawal .sendBtn,
                    .cl-account_order #loginButton,
                    .cl-account_order #openAccountLink,
                    .cl-wes_fliesengigant_wish_tile_form .sendBtn,
                    .cl-wes_fliesengigant_wish_tile_form .addBtn {
                        margin-top: 48px;
                        padding: 12px 30px 15px 30px;
                        font-size: 16px;
                        text-transform: uppercase;
                        font-weight: bold;
                    }

                    .cl-wes_fliesengigant_wish_tile_form .sendBtn,
                    .cl-contact .sendBtn,
                    .cl-wdwithdrawal .sendBtn {
                        margin-top: 23px;
                        margin-bottom: 14px;
                    }

                        .cl-wes_fliesengigant_wish_tile_form .addBtn {
                            margin-top: 0;
                            padding: 0 9px;
                            margin-bottom: 15px;
                            float: right;
                            margin-right: -5px;
                        }

                        .cl-wes_fliesengigant_wish_tile_form .addBtn .plus:after {
                            display: block;
                            content: '+';
                            font-size: 35px;
                            font-weight: lighter;
                            text-rendering: auto;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            color: #fff;
                            line-height: 35px;
                            top: -1px;
                            position: relative;
                        }

                .page-header {
                    border: none;
                }

                .cl-contact #content h2.page-header,
                .cl-wdwithdrawal #content h2.page-header {
                    margin-top: 60px;
                }

                #content .manufacturerList .page-header:first-child {
                    margin-top: 50px;
                }

                    body.cl-alist .page-header h1,
                    body.cl-manufacturerlist .page-header h1,
                    body.cl-search .page-header h1,
                    body.cl-content #content h1.page-header,
                    body.cl-register #content h1.page-header,
                    body.cl-contact h1.page-header,
                    body.cl-wdwithdrawal h1.page-header,
                    body.cl-account_order h1.page-header,
                    body.cl-account_user h1.page-header,
                    body.cl-account_password h1.page-header,
                    body.cl-forgotpwd h1.page-header {
                        text-align: center;
                        color: #00939d;
                        font-size: 36px;
                        line-height: 32px;
                        text-transform: uppercase;
                        margin-top: 25px;
                        margin-bottom: 17.5px;
                        font-weight: 500;
                    }

                    body.cl-forgotpwd h1.page-header {
                        margin-bottom: 68px;
                    }

                    body.cl-account_order h1.page-header,
                    body.cl-account_user h1.page-header,
                    body.cl-account_password h1.page-header {
                        margin-bottom: 0;
                        padding-bottom: 68px;
                        width: 134.5%;
                        margin-left: -34.5%;
                    }

                    #sidebar {
                        margin-top: 100px;
                        padding-right: 15px;
                    }

                /*Overview*/
                .cl-alist .subcatList {
                    max-width: 1100px;
                    margin: auto;
                    margin-bottom: 90px;
                }

                .cl-alist .manufacturerList .subcatList {
                    margin-bottom: 60px;
                }

                    .cl-alist .subcatList > .row {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                    }

                        .panel-default {
                            border: none;
                            float: left;
                            margin: 5px;
                            border-radius: 0;
                            box-shadow: none;
                        }

                            .panel-default .well {
                                border-radius: 0;
                                background-image: none;
                                background-color: #f3f2ef;
                            }

                            body.cl-payment form#payment .panel-body > dl {
                                border-radius: 0;
                                background-color: #f3f2ef;
                            }

                                body.cl-payment form#payment dd {
                                    padding: 5px 15px;
                                }

                        .panel-default.fullWidth {
                            margin: 0;
                        }

                        #itemTabs-accordion .panel-default {
                            float: none;
                            margin: 0;
                        }

                        .cl-user .panel-default,
                        .cl-payment .panel-default,
                        .cl-order .panel-default,
                        .cl-account_order .panel-default,
                        .cl-account_user .panel-default,
                        .cl-account_password .panel-default,
                        .cl-wes_fliesengigant_wish_tile_form .panel-default,
                        .cl-contact .panel-default,
                        .cl-wdwithdrawal .panel-default {
                            border: 1px solid #d4d7d4;
                            border-radius: 0;
                            width: 100%;
                            margin: 0;
                            padding: 14px;
                            padding-top: 9px;
                        }

                        .cl-wes_fliesengigant_wish_tile_form .panel-default,
                        .cl-contact .panel-default,
                        .cl-wdwithdrawal .panel-default {
                            margin-bottom: 30px;
                            padding: 20px;
                            padding-bottom: 0;
                        }

                                body.cl-order .agb a {
                                    text-decoration: none;
                                    color: #18a4ad;
                                }

                                body.cl-order .agb a:hover,
                                body.cl-order .agb a:focus {
                                    text-decoration: underline;
                                }

                                .cl-account_order .orderHistoryList {
                                    margin-top: 15px;
                                }

                                #paypPayPalPlusWall {
                                    margin-bottom: -30px;
                                }

                                .cl-account_user #shippingAddressForm {
                                    margin-top: 15px;
                                }

                            .cl-payment #payment .panel-body dl {
                                margin-bottom: 0;
                            }

                                .cl-payment #payment_form_sofortueberweisung ul {
                                    padding-left: 0;
                                }

                                .cl-payment #payment .panel-body dl dt {
                                    position: relative;
                                }

                                    .cl-payment #payment .panel-body input {
                                        padding-left: 0;
                                        cursor: default;
                                        display: none;
                                    }

                                        .cl-payment #payment .panel-body label {
                                            padding-left: 30px;
                                            padding-top: 5px;
                                            padding-right: 16px;
                                            cursor: pointer;
                                            display: block;
                                        }

                                            .cl-payment #payment .panel-body input + label:before {
                                                position: absolute;
                                                left: 2px;
                                                top: 8px;
                                                content: "";
                                                display: inline-block;
                                                width: 20px;
                                                height: 20px;
                                                border-radius: 50%;
                                                border: 1px solid #d5d7d5;
                                                background-color: #fff;
                                                margin-right: 5px;
                                            }

                                            .cl-payment #payment .panel-body input:checked + label:before {
                                                background-color: #fff;
                                            }

                                            .cl-payment #payment .panel-body input:checked + label:after {
                                                position: absolute;
                                                left: 7px;
                                                top: 13px;
                                                display: block;
                                                content: '';
                                                width: 10px;
                                                height: 10px;
                                                border: 5px solid #00939d;
                                                border-radius: 50%;
                                                z-index: 1;
                                            }

                                            .cl-payment #payment .panel-body label:before {
                                                position: absolute;
                                                left: 0;
                                                top: 3px;
                                                display: inline-block;
                                                content: '';
                                                width: 20px;
                                                height: 20px;
                                                border: 1px solid #b4b4b4;
                                                background-color: #fff;

                                                font-size: 11px;
                                                line-height: 16px;
                                                text-align: center;
                                                overflow: hidden;
                                                color: #2b50a8;

                                                font-family: 'Glyphicons Halflings';
                                                font-style: normal;
                                                font-weight: normal;
                                                -webkit-font-smoothing: antialiased;
                                                -moz-osx-font-smoothing: grayscale;
                                            }

                            .cl-alist .panel-default > .panel-heading {
                                border-radius: 0;
                                background: none;
                                background-color: #fff;
                                border: 1px solid #d4d7d4;
                                text-transform: uppercase;
                                color: #00939d;
                                font-size: 16px;
                                line-height: 24px;
                                font-weight: bold;
                                padding: 0;
                                transition: border-color 0.5s ease;
                            }

                            .cl-user .checkoutOptions .panel-default > .panel-heading,
                            .cl-payment .panel-default > .panel-heading {
                                border: none;
                                background-color: transparent;
                                background-image: none;
                                padding-bottom: 21px;
                            }

                                .cl-user .panel-default .panel-title,
                                .cl-payment .panel-default .panel-title,
                                .cl-order .panel-default .panel-title,
                                .cl-register .blockHead,
                                .cl-account_user .panel-default .panel-title,
                                .cl-account_order .panel-default .panel-title {
                                    font-size: 36px;
                                    font-weight: 100;
                                    margin-bottom: 36px;
                                }

                                .cl-order .panel-default .panel-title,
                                .cl-payment .panel-default .panel-title {
                                    margin-bottom: 0;
                                }

                                    .cl-user .panel-default .panel-title #userChangeAddress,
                                    body.cl-order .panel .panel-heading button,
                                    body.cl-order .panel .panel-heading span.btn,
                                    .cl-account_user .panel-default #userChangeAddress,
                                    .cl-user .dd-available-addresses .dd-edit-shipping-address,
                                    .cl-account_user .dd-available-addresses .dd-edit-shipping-address {
                                        padding: 0 5px;
                                        font-size: 20px;
                                        background-color: transparent;
                                        color: #00939D;
                                        margin-right: -5px;
                                    }

                                .cl-user .panel-default ul li,
                                .cl-payment .panel-default ul li,
                                .cl-content .cmsContent li,
                                .cl-details #description li,
                                #catLongDescLocator ul li,
                                #categorySeoText ul li {
                                    padding-left: 1em;
                                    text-indent: -.7em;
                                    margin-top: 10px;
                                    font-weight: 100;
                                    position: relative;
                                    top: -2px;
                                }

                                .cl-content .cmsContent li,
                                .cl-details #description li,
                                #catLongDescLocator ul li,
                                #categorySeoText ul li {
                                    font-weight: normal;
                                }

                                .cl-user .panel-default ul.text-danger li,
                                .cl-payment .panel-default ul.text-danger li,
                                .cl-wes_fliesengigant_wish_tile_form .cmsContent .form-group li {
                                    text-indent: 0;
                                    padding-left: 0;
                                }

                                .cl-payment #payment_form_sofortueberweisung li,
                                .cl-content .cmsContent li,
                                .cl-details #description li,
                                #catLongDescLocator ul li,
                                #categorySeoText ul li {
                                    list-style-type: none;
                                }

                                .cl-user .panel-default ul.dropdown-menu li,
                                .cl-payment .panel-default .dropdown-menu ul li {
                                    padding-left: 0;
                                    text-indent: 0;
                                    margin-top: 0;
                                    font-weight: 100;
                                    position: relative;
                                    top: 0;
                                }

                                .cl-user .panel-default li::before,
                                .cl-payment .panel-default li::before,
                                .cl-content .cmsContent li:before,
                                .cl-details #description li:before,
                                #catLongDescLocator ul li::before,
                                #categorySeoText ul li::before {
                                    content: "";
                                    background-color: #009298;
                                    display: inline-block;
                                    width: 8px;
                                    height: 8px;
                                    margin-right: 10px;
                                    margin-left: -4px;
                                    top: -2px;
                                    position: relative;
                                }

                                .cl-user .panel-default ol,
                                .cl-payment .panel-default ol,
                                .cl-content .cmsContent ol,
                                .cl-details #description ol {
                                    counter-reset: item;
                                }

                                .cl-user .panel-default ol > li::before,
                                .cl-payment .panel-default ol > li::before,
                                .cl-content .cmsContent ol > li:before,
                                .cl-details #description ol > li:before {
                                    content: counter(item) ".";
                                    counter-increment: item;
                                    color: #009298;
                                    display: inline-block;
                                    width: 8px;
                                    height: auto;
                                    background-color: transparent;
                                    margin-left: 8px;
                                    margin-right: 0;
                                    top: 0;
                                    position: relative;
                                    font-weight: bold;
                                }

                                .cl-user .panel-default ul.dropdown-menu li::before,
                                .cl-payment .panel-default .dropdown-menu li::before,
                                .cl-user .panel-default ul.text-danger li::before,
                                .cl-payment .panel-default ul.text-danger li::before,
                                .cl-wes_fliesengigant_wish_tile_form .cmsContent .form-group li:before {
                                    content: none;
                                }

                                    .selected .check-mark:before {
                                        content: none;
                                    }

                            .cl-user .checkoutOptions .panel-default > .panel-footer {
                                display: flex;
                                align-items: flex-end;
                                gap: 25px;
                                border: none;
                                background-color: transparent;
                                background-image: none;
                            }

                                .cl-user .checkoutOptions .panel-default > .panel-footer .btn {
                                    text-transform: uppercase;
                                    padding: 12px 30px 15px 30px;
                                    font-size: 16px;
                                    font-weight: bold;
                                }

                                .cl-user .checkoutOptions .panel-default > .panel-footer .paypal-button-container {
                                    float: none !important;
                                    line-height: 0;
                                }

                                .cl-user .checkoutOptions .panel-default > .panel-footer .paypal-button-container:not(:empty):before {
                                    display: block;
                                    content: 'Direkt bestellen mit';
                                    color: #00939d;
                                    font-weight: bold;
                                    line-height: 24px;
                                }

                                .cl-user .checkoutOptions .panel-default > .panel-footer .paypal-button-container > div {
                                    min-width: 0 !important;
                                    min-height: 0 !important;
                                }

                            .cl-alist .subcatList .panel-heading:hover,
                            .cl-alist .subcatList .panel-heading:focus,
                            .cl-alist .subcatList .panel-heading.active {
                                border-color: #00939d;
                            }

                                .cl-alist .panel-default > .panel-heading a {
                                    padding: 10px 25px 14px 25px;
                                    display: block;
                                    color: #00939d;
                                }

                                .cl-alist .subcatList .panel-default > .panel-heading a:hover,
                                .cl-alist .subcatList .panel-default > .panel-heading a:focus,
                                .cl-alist .subcatList .panel-default > .panel-heading.active a {
                                    text-decoration: none;
                                    color: #00939d;
                                }

                        .cl-user .dd-available-addresses {
                            margin-left: -22px;
                            margin-right: -22px;
                        }

                            .cl-user .dd-available-addresses .panel-default,
                            .cl-account_user .dd-available-addresses .panel-default {
                                margin-bottom: 30px;
                                margin-top: 15px;
                            }

                            .cl-account_user .dd-available-addresses .panel-default {
                                margin-top: 30px;
                            }

                                .cl-user .dd-available-addresses .panel-default > .panel-footer,
                                .cl-account_user .dd-available-addresses .panel-default > .panel-footer {
                                    padding: 0;
                                    border-top: 0;
                                    background-color: #18a4ad;
                                }

                                    .cl-user .dd-available-addresses .panel-default > .panel-footer .btn,
                                    .cl-account_user .dd-available-addresses .panel-default > .panel-footer .btn {
                                        color: #fff;
                                        background-color: #18a4ad;
                                        box-shadow: none;
                                        padding: 12px 30px 15px 30px;
                                        text-transform: uppercase;
                                        font-weight: bold;
                                        font-size: 16px;
                                    }

                                    .cl-user .dd-available-addresses .panel-default > .panel-footer .btn:hover,
                                    .cl-user .dd-available-addresses .panel-default > .panel-footer .btn:focus,
                                    .cl-account_user .dd-available-addresses .panel-default > .panel-footer .btn:hover,
                                    .cl-account_user .dd-available-addresses .panel-default > .panel-footer .btn:focus {
                                        background-color: #00939d;
                                    }

                    .accountLoginView .accountLoginOptionsContainer {
                        display: flex;
                    }

                    @media (max-width: 991px) {
                        .accountLoginView .accountLoginOptionsContainer {
                            display: block;
                        }
                    }

                        .accountLoginView .accountLoginOption {
                            display: flex;
                        }

                        .accountLoginView .accountLoginOption.login {
                            order: 2;
                        }

                        .accountLoginView .accountLoginOption.register {
                            order: 1;
                        }

                            .accountLoginView .accountLoginOption .panel {
                                display: flex;
                                flex-wrap: wrap;
                            }

                            .accountLoginView .accountLoginOption .accountLoginButtonContainer {
                                margin-top: auto;
                            }

                    .checkoutOptions {
                        display: flex;
                    }

                    @media (max-width: 1200px) {
                        .checkoutOptions {
                            display: block;
                        }
                    }

                        .checkoutOptions .checkoutOptionContainer {
                            display: flex;
                        }

                            .checkoutOptions .checkoutOptionContainer > form {
                                display: flex;
                                flex-grow: 1;
                            }

                                .checkoutOptions .checkoutOptionContainer .panel {
                                    display: flex;
                                    flex-direction: column;
                                }

                                    .checkoutOptions .checkoutOptionContainer .panel .panel-footer {
                                        margin-top: auto;
                                        padding-bottom: 24px;
                                    }

                        .manufacturerList:not(.sub) .subcatList > .row {
                            display: flex;
                            flex-wrap: wrap;
                        }

                            .manufacturerList:not(.sub) .manufacturerContainer {
                                text-align: center;
                                margin-bottom: 30px;
                                transition: transform 0.5s ease;
                            }

                            .manufacturerList:not(.sub) .manufacturerContainer:hover,
                            .manufacturerList:not(.sub) .manufacturerContainer:focus {
                                transform: scale(1.1);
                            }

                                .manufacturerList:not(.sub) .manufacturerContainer .subCat {
                                    width: 100%;
                                }

                                    .manufacturerList:not(.sub) .manufacturerContainer .subCat .manufacturerTitle {
                                        top: 50%;
                                        left: 50%;
                                        position: absolute;
                                        transform: translate(-50%,-50%);
                                        display: block;
                                        font-size: 20px;
                                    }

                .categoryDescription {
                    max-width: 1300px;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0 20px;
                    margin-bottom: 60px;
                }

                #categorySeoText {
                    margin-top: 45px;
                }

                @media (max-width: 767px) {
                    #categorySeoText {
                        margin-top: -15px;
                    }
                }

                .listRefine {
                    max-width: 1300px;
                    margin: auto;
                    padding: 0 20px;
                }

                    .refineParams:first-child {
                        padding-bottom: 49px;
                    }

                        .refineParams .pagination-options .sortButton {
                            background-color: transparent;
                            color: #00939d;
                            border-bottom: 1px solid #d4d7d4;
                            padding-left: 0;
                            padding-right: 0;
                            padding-top: 13px;
                            padding-bottom: 9px;
                            box-shadow: none;
                            z-index: 1;
                        }

                        .refineParams .pagination-options .sortButton:hover,
                        .refineParams .pagination-options .sortButton:focus {
                            border-color: #00939d;
                        }

                        .sortButton:active:hover,
                        .sortButton:active:focus,
                        .sortButton:focus,
                        .open > .sortButton:focus,
                        .sortButton.active.focus,
                        .open > .sortButton.focus {
                            background-color: transparent !important;
                            color: #00939d !important;
                            border-color: #d4d7d4 !important;
                        }

                            .refineParams .pagination-options .sortButton .sortLabel {
                                text-transform: uppercase;
                                font-weight: bold;
                                margin-right: 3px;
                            }

                            .refineParams .pagination-options .sortButton .lnr {
                                margin-left: 22px;
                                top: 2px;
                                position: relative;
                                font-weight: bold;
                            }

                                .refineParams .pagination-options .sortButton .lnr-arrow-down,
                                .refineParams .pagination-options .sortButton .lnr-arrow-up {
                                    margin-left: 0;
                                }

                            .refineParams .pagination-options .sortMenu li a {
                                padding-right: 50px;
                            }

                                .refineParams .pagination-options .sortMenu .lnr {
                                    position: absolute;
                                    margin-top: 2px;
                                    right: 20px;
                                }

                        .refineParams .pagination-options #filterOpener {
                            padding-top: 16px;
                            padding-left: 20px;
                            padding-right: 28px;
                            padding-bottom: 18px;
                            background-color: #f3f2ef;
                            font-weight: bold;
                            text-transform: uppercase;
                            font-size: 16px;
                            transition: padding-bottom 0.1s ease;
                        }

                        .refineParams .pagination-options #filterOpener.expanded {
                            padding-bottom: 31px;
                        }

                        .refineParams .pagination-options #filterOpener:hover,
                        .refineParams .pagination-options #filterOpener:focus,
                        .refineParams .pagination-options #filterOpener:active,
                        .refineParams .pagination-options #filterOpener:hover:focus,
                        .refineParams .pagination-options #filterOpener:hover:active,
                        .refineParams .pagination-options #filterOpener:focus:active {
                            text-decoration: none;
                        }

                            .refineParams .pagination-options #filterOpener .icon:before {
                                position: relative;
                                top: 6px;
                                margin-right: 15px;
                                font-size: 25px;
                            }

                        .refineParams .pagination-options #filterList {

                        }

                            .refineParams .pagination-options #filterList .list-filter {
                                padding: 0;
                                border: none;
                                background-color: #f3f2ef;
                                width: 100%;
                                margin-top: 27px;
                            }

                                .refineParams .pagination-options #filterList .list-filter #listFilterContent {
                                    padding-top: 58px;
                                    padding-left: 41px;
                                    padding-right: 41px;
                                    padding-bottom: 29px;
                                    position: relative;
                                    background-color: #f3f2ef;
                                    left: 0;
                                    width: 100%;
                                    transition: height 0.5s ease;
                                }

                                    .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn-group {
                                        margin-left: 15px;
                                        margin-right: 15px;
                                        margin-bottom: 34px;
                                    }

                                        .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn {
                                            background-color: transparent;
                                            color: #00939d;
                                            border-bottom: 1px solid #d4d7d4;
                                            padding-left: 0;
                                            padding-right: 0;
                                            padding-bottom: 9px;
                                            box-shadow: none;
                                            z-index: 1;
                                        }

                                            .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn .filterLabel {
                                                text-transform: uppercase;
                                                font-weight: bold;
                                                margin-right: 3px;
                                            }

                                            .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn .lnr {
                                                margin-left: 22px;
                                                top: 2px;
                                                position: relative;
                                                font-weight: bold;
                                            }

                                            .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn li a {
                                                padding-right: 50px;
                                            }

                body.cl-alist .boxwrapper {
                    max-width: 1300px;
                    margin: auto;
                    padding: 0 20px;
                    position: relative;
                }

                    .productBox .fullLink:hover,
                    .productBox .fullLink:focus {
                        text-decoration: none;
                    }

                    .boxwrapper .list-container .gridView .productBox .picture {
                        border-bottom: none;
                        margin-bottom: 0;
                        transition: transform 0.5s ease;
                    }

                    .boxwrapper .list-container .gridView .productBox a:hover .picture {
                        transform: scale(1.03);
                    }

                    .boxwrapper .list-container .gridView .productBox .title {
                        font-size: 18px;
                        line-height: 22px;
                        color: #00939d;
                        font-weight: normal;
                        overflow: visible;
                        height: auto;
                    }

                    .boxwrapper .list-container .gridView .productBox .price {
                        font-size: 18px;
                        line-height: 24px;
                        color: #00939d;
                        font-weight: bold;
                        margin-top: 5px;
                    }

                #itemsPager,
                #itemsPagerbottom {
                    display: none;
                }

                #infscr-loading {
                    text-align: center;
                    font-size: 14px;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    margin-top: -20px;
                }

                #infscr-loading:before {
                    content: url("../img/ajax-loader.gif");
                    width: 100%;
                    height: 100%;
                }

                    #infscr-loading img {
                        display: none;
                    }

                /*Checkout*/

                body.cl-thankyou h3 {
                    margin-top: 0;
                }

                body.is-checkout ol.checkoutSteps,
                body.cl-thankyou ol.checkoutSteps {
                    border: none;
                    width: 100%;
                    margin: auto;
                    max-width: 1000px;
                    margin-bottom: 25px;
                    margin-top: 50px;
                }

                    body.cl-thankyou ol.checkoutSteps li,
                    body.is-checkout ol.checkoutSteps li {
                        width: 25%;
                        padding-top: 0;
                    }

                    body.cl-thankyou ol.checkoutSteps li.passed .num,
                    body.is-checkout ol.checkoutSteps li.passed .num {
                        background-color: #b49d73;
                        border-color: #b49d73;
                        border-radius: 0;
                    }

                body.cl-basket #basketSummary {
                    font-size: 16px;
                    line-height: 26px;
                    width: 360px;
                    margin-top: -70px;
                }

                body.cl-basket #basketSummary .table {
                    position: relative;
                }

                        .table-bordered > thead > tr > th,
                        .table-bordered > tbody > tr > th,
                        .table-bordered > tfoot > tr > th,
                        .table-bordered > thead > tr > td,
                        .table-bordered > tbody > tr > td,
                        .table-bordered > tfoot > tr > td,
                        body.is-checkout ol.checkoutSteps,
                        .table > thead > tr > th,
                        #basketSummary .table > tbody > tr > th,
                        #basketSummary .table > tfoot > tr > th,
                        #basketSummary .table > thead > tr > td,
                        #basketSummary .table > tbody > tr > td,
                        #basketSummary .table > tfoot > tr > td {
                            border: none;
                        }

                        #basketcontents_table .table > tbody > tr > td {
                            padding-top: 29px;
                            padding-bottom: 30px;
                        }

                        .cl-account_order .table > tbody > tr > td {
                            border-bottom: 1px solid #ddd;
                        }

                        #basketcontents_table .table > tbody > tr > td.checkbox {
                            width: 30px;
                        }

                        #basketSummary .table > tbody > tr > td,
                        #basketSummary .table > tbody > tr > th {
                            padding: 2px;
                            padding-bottom: 1px;
                        }

                        #basketSummary .table > tbody > tr > td {
                            text-align: right;
                        }

                        #basketSummary .table > tbody > tr.totalGross > th,
                        #basketSummary .table > tbody > tr.totalGross > td {
                            font-weight: bold;
                            padding-top: 3px;
                        }

                        #basketSummary .table > tbody > tr > th {
                            text-align: left;
                        }

                            #basketSummary .table > tbody > tr > .lead {
                                font-size: 20px;
                                line-height: 26px;
                                color: #18a4ad;
                                padding-top: 24px;
                                white-space: nowrap;
                            }

                        .checkbox label {
                            padding-left: 0;
                        }

                            #basketcontents_table .articleCheckBox {
                                transform: translateY(-50%);
                                position: relative;
                            }

                            label.customCheckBox input {
                                display: none;/* <-- hide the default checkbox */
                            }

                            label.customCheckBox span {/* <-- style the artificial checkbox */
                                height: 20px;
                                width: 20px;
                                border: 1px solid #d4d7d4;
                                display: inline-block;
                                position: relative;
                                margin-left: -10px;
                            }

                            label.customCheckBox.checkAll span {/* <-- style the artificial checkbox */
                                margin-top: 10px;
                            }

                            label.customCheckBox span:hover {/* <-- style the artificial checkbox */
                                cursor: pointer;
                            }

                            [type=checkbox]:checked + span:before {/* <-- style its checked state..with a ticked icon */
                                content: '\2714';
                                position: absolute;
                                top: -5px;
                                left: 0;
                                font-weight: bold;
                                font-size: 20px;
                            }

                        #basketcontents_table .table > tbody > tr > td .basketQuantity {
                            margin-top: -12px;
                        }

                        body.is-checkout ol.checkoutSteps li .num,
                        body.cl-thankyou ol.checkoutSteps li .num {
                            color: #18a4ad;
                            border: 1px solid #18a4ad;
                            display: block;
                            float: left;
                            border-radius: 0;
                            margin: 0;
                            padding: 0;
                            height: 40px;
                            width: 40px;
                            position: relative;
                            top: 0;
                            left: 0;
                            vertical-align: middle;
                            padding: 5px;
                            padding-top: 4px;
                            font-size: 20px;
                            font-weight: bold;
                            background-color: transparent;
                        }

                        body.is-checkout ol.checkoutSteps li.active .num {
                            background-color: #18a4ad;
                            color: #fff;
                        }

                        body.is-checkout ol.checkoutSteps li .text,
                        body.cl-thankyou ol.checkoutSteps li .text {
                            font-weight: bold;
                            font-size: 16px;
                            color: #18a4ad;
                            position: absolute;
                            top: 50%;
                            left: 54px;
                            transform: translateY(-50%);
                            display: block;
                            padding-right: 10px;
                        }

                        body.is-checkout ol.checkoutSteps li.passed .text,
                        body.cl-thankyou ol.checkoutSteps li.passed .text {
                            color: #b49d73;
                        }

                        .basketitems.table > thead > tr > th {
                            font-size: 16px;
                            padding-bottom: 16px;
                        }

                        .basketitems.table > thead > tr:first-child > th:last-child {
                            text-align: right;
                        }

                        body.cl-basket table#basket_table .basketImage,
                        body.cl-order #orderEditCart table#basket_table .basketImage,
                        body.cl-account_order .orderImage {
                            margin-right: 31px;
                            max-width: 190px;
                        }

                        .basketImage,
                        .orderImage {
                            width: 100%;
                        }

                            body.cl-basket table#basket_table .basketImage a,
                            .basketImage a,
                            body.cl-order table#basket_table .basketImage,
                            body.cl-account_order .orderImage a {
                                display: block;
                                text-align: center;
                            }

                                body.cl-basket table#basket_table .basketImage a img,
                                .basketImage a img,
                                body.cl-order table#basket_table .basketImage a img,
                                body.cl-account_order .orderImage a img,
                                body.cl-account_order .orderImage img {
                                    max-width: 100%;
                                }

                        body.cl-basket table#basket_table td.unitPrice,
                        body.cl-basket table#basket_table td.totalPrice,
                        body.cl-order table#basket_table td.unitPrice,
                        body.cl-order table#basket_table td.totalPrice,
                        body.cl-order table#basket_table td.quantity,
                        body.cl-order .quantity,
                        body.cl-account_order table td.price {
                            font-size: 18px;
                            color: #18a4ad;
                            font-weight: bold;
                            line-height: 20px;
                        }

                        body.cl-account_order table td.price {
                            line-height: 28px;
                        }

                        body.cl-account_order table .price {
                            text-align: right;
                        }

                        .basketItemDesc {
                            float: left;
                            width: calc(100% - 225px);
                        }

                            .basketItemDesc h2 {
                                font-weight: normal;
                                font-size: 18px;
                                margin: 0;
                                margin-bottom: 13px;
                            }

                            .basketItemDesc .smallFont {
                                font-size: 16px;
                                margin-bottom: 1px;
                            }

                        #basketFn .checkAll {
                            padding-top: 19px;
                        }

                        #basketFn .basketFunctionContainer {
                            padding-top: 28px;
                            padding-left: 0;
                        }

                            #basketFn button {
                                background-color: transparent;
                                color: #18a4ad;
                                text-transform: uppercase;
                            }

                            #basketFn button:first-child {
                                margin-left: -3px;
                            }

                            #basketFn button:hover {
                                color: #00939d;
                            }

                    #basketSummary .table > tbody > tr > th {
                        text-align: left;
                    }

                body.cl-basket #basketVoucher .input-group {
                    width: 100%;
                }

                .cl-basket .submitButton,
                .cl-basket .removeBtn {
                    text-transform: uppercase;
                    font-weight: bold;
                    background-color: #00939d;
                    font-size: 16px;
                    padding: 11.5px 14px 14px 14px;
                    margin: auto;
                }

                .cl-basket .submitButton {
                    padding: 12px 42px 15px 42px;
                    /* margin-top: 18px; */
                }

                .cl-basket .submitButton.voucher {
                    margin-top: 0;
                    margin-left: 30px;
                }

                .cl-basket .submitButton:hover,
                .cl-basket .removeBtn:hover {
                    background-color: #007983;
                }

                #basketUpdate {
                    padding: 9.5px 15px 14px 15px;
                    height: auto;
                    border-radius: 0;
                    background-color: #fff;
                    color: #00939d;
                    border: 1px solid #ccc;
                    margin-left: 15px;
                }

                #basketUpdate:hover {
                    background-color: #f3f2ef;
                }

                    #basketUpdate .fa {
                        top: 1px;
                        position: relative;
                    }

                body.cl-basket #basket_list li .row:first-child > .ArticlePriceContainerWrapper {
                    text-align: right;
                    min-height: 0;
                    padding-top: 15px;
                    padding-bottom: 15px;
                }

                    .ArticlePriceContainerWrapper .ArticlePriceContainer {
                        display: inline-block;
                        text-align: left;
                        font-size: 18px;
                        line-height: 20px;
                        width: 66.66666667%;
                        float: right;
                        padding-left: 10px;
                    }

                    .cl-account_order .ArticlePriceContainerWrapper {
                        margin-top: 15px;
                    }

                        .ArticlePriceContainer .priceNum,
                        .cl-order .quantityContainer .quantityNum
                         {
                            float: right;
                            margin-left: 30px;
                            font-weight: bold;
                        }

                    .cl-order .quantityContainer {
                        width: 100%;
                    }

                        .cl-order .quantityContainer .quantity {
                            width: 100%;
                        }

                            .cl-order .quantityContainer .quantityLabel {
                                float: right;
                                font-weight: 100;
                                color: #000;
                                width: 66.66666667%;
                                text-align: left;
                                padding-left: 10px;
                            }

                /* ProductDetail Start */
                /*#wrap, #zoom1, .mousetrap {
                    height: 600px;
                }

                #zoom1 .img-responsive {
                    height: auto;
                }*/

                .breadcrumb {
                    background-color: transparent;
                    font-size: 16px;
                    line-height: 24px;
                    padding-left: 0;
                    margin-top: 13px;
                    margin-bottom: 56px;
                    margin-left: -4px;
                }

                .breadcrumb.onProductList {
                    max-width: 1300px;
                    margin-left: auto;
                    margin-right: auto;
                    padding-left: 20px;
                    padding-right: 20px;
                    margin-bottom: 0;
                }

                .cl-basket .breadcrumb {
                    margin-bottom: 37px;
                }

                    .breadcrumb .lnr-chevron-left:before {
                        position: relative;
                        top: 2px;
                        margin-right: 5px;
                        color: #00939d;
                        font-weight: bold;
                    }

                    .breadcrumb .overview {
                        display: inline-block;
                        margin-right: 37px;
                        font-weight: bold;
                    }

                        .breadcrumb .overview.noLink {
                            color: #18a4ad;
                        }

                        .breadcrumb .overview.noLink .lnr {
                            font-weight: bold;
                            top: 2px;
                            position: relative;
                            margin-right: 5px;
                        }

                    .breadcrumb > li + li:before {
                        font-family: 'Linearicons-Free';
                        content: "\e876";
                        color: #00939d;
                        position: relative;
                        top: 2px;
                        display: inline-block;
                        font-weight: bold;
                    }

                    .breadcrumb > li.overview + li:before {
                        display: none;
                    }

                        .breadcrumb a:hover .lnr-chevron-left:before,
                        .breadcrumb a:focus .lnr-chevron-left:before,
                        .breadcrumb a:active:hover .lnr-chevron-left:before,
                        .breadcrumb a:active:focus .lnr-chevron-left:before {
                            color: #0f646a;
                            text-decoration: none;
                            display: inline-block;
                        }

                        .breadcrumb > .active a {
                            color: #00939d;
                        }

                        .breadcrumb a:hover,
                        .breadcrumb a:focus {
                            color: #0f646a;
                        }

                body.cl-details #detailsItemsPager {
                    border: 1px solid #d4d7d4;
                }

                    body.cl-details #detailsItemsPager .pager-overview-link {
                        position: absolute;
                        top: 0;
                    }

                body.cl-details #morePicsContainer img {
                    max-width: 66px;
                    padding: 0;
                }

                body.cl-details #morePicsContainer a.selected img {
                    border-color: #00939d;
                    border-width: 3px;
                    text-decoration: none;
                }


                body.cl-details .detailsInfo > .row {
                    border: none;
                    margin-bottom: 0;
                }

                .tobasket {
                    margin-top: 22px;
                }

                    body.cl-details .tobasket .tobasketFunction .input-group.unitQuantityTotal:before,
                    .input-group.basketQuantity:before {
                        content: "\e874";
                        font-family: "Linearicons-Free";
                        color: #18a4ad;
                        position: absolute;
                        right: 22px;
                        text-align: right;
                        z-index: 10;
                        /*top: calc(50% - 2px);*/
                        top: 50%;
                        margin-top: -1px;
                        transform: translateY(-50%);
                        pointer-events: none;
                        transition: transform 0.25s ease;
                        font-weight: bold;
                        font-size: 14px;
                    }

                    body.cl-details .tobasket .tobasketFunction .input-group.halfTurn:before,
                    .input-group.basketQuantity.halfTurn:before {
                        transform: rotate(180deg) translateY(50%);
                    }

                    body.cl-details .tobasket .tobasketFunction .input-group.amountToBasket:before {
                        right: 169px
                    }


                        body.cl-details .tobasket .tobasketFunction #unitQuantityTotal,
                        body.cl-details .tobasket .tobasketFunction #amountToBasket,
                        .input-group.basketQuantity .form-control {
                            color: #00939d;
                            font-weight: bold;
                            font-size: 16px;
                            padding: 11px 15px 14.5px 15px;
                            height: auto;
                            min-width: 92px;
                            height: 50px;
                        }

                        body.cl-details .tobasket .tobasketFunction #unitQuantityTotal {
                            width: 100% !important;
                        }

                        body.cl-details .tobasket .tobasketFunction #amountToBasket {
                            width: calc(100% - 120px) !important;
                            padding-top: 11px;
                        }

                        select {
                          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
                          padding-right: 25px;
                          background-repeat: no-repeat;
                          background-position: right center;
                          -webkit-appearance: none;
                          -moz-appearance: none;
                          appearance: none;
                        }

                        select::-ms-expand {
                          display: none;
                        }

                            .tobasket .form-group label {
                                font-weight: normal;
                                font-size: 16px;
                                margin-bottom: 10px;
                            }

                    .tobasket #toBasket {
                        font-size: 16px;
                        line-height: 24px;
                        padding-top: 3px;
                        padding-bottom: 20px;
                        text-transform: uppercase;
                        font-weight: bold;
                        margin-top: 3px;
                        background-color: #b39d72;
                    }

                    .tobasket #toBasket:hover,
                    .tobasket #toBasket:focus {
                        background-color: #a69065;
                    }

                    .tobasket #toBasket.disabled {
                        background-color: #d4d7d4;
                        color: #fff;
                    }

                        #toBasket .lnr {
                            font-size: 32px;
                            position: relative;
                            top: 8px;
                            margin-right: 5px;
                        }

                    .tobasket #unitQuantityTotalContainer .form-group:nth-child(2) {
                        width: 33.33%;
                    }

                    .tobasket #unitQuantityTotalContainer .form-group.fullWidth:nth-child(2) {
                        width: 100%;
                    }

                    .tobasket #unitQuantityTotalContainer .form-group:nth-child(3) {
                        width: 66.66%;
                        padding-left: 20px;
                    }

                        .tobasket #unitQuantityTotalContainer .form-group .input-group {
                            width: 100%;
                        }

                            .tobasket #unitQuantityTotalContainer .form-group .input-group .btn {
                                float: right;
                                padding: 11px 14px 12px 15px;
                            }

                            #unitQuantityTotalContainer .quantityAdjustButton {
                                background-color: #fff;
                                color: #00939d;
                                border: 1px solid #d4d7d4;
                                transition: background-color 0.5s ease;
                            }

                            #unitQuantityTotalContainer .quantityAdjustButton:nth-child(1) {
                                margin-left: -1px;
                            }

                            #unitQuantityTotalContainer .quantityAdjustButton:hover,
                            #unitQuantityTotalContainer .quantityAdjustButton:focus {
                                background-color: #f3f2ef;
                            }

                                #unitQuantityTotalContainer .quantityAdjustButton .plus,
                                #unitQuantityTotalContainer .quantityAdjustButton .minus {
                                    display: inline-block;
                                    height: 19px;
                                    width: 19px;
                                }

                                    #unitQuantityTotalContainer .quantityAdjustButton .plus span,
                                    #unitQuantityTotalContainer .quantityAdjustButton .minus span {
                                        width: 19px;
                                        height: 1px;
                                        background-color: #00939d;
                                        display: block;
                                        position: relative;
                                        top: 12px;
                                    }

                                    #unitQuantityTotalContainer .quantityAdjustButton .plus span:first-child {
                                        transform: rotate(90deg);
                                    }

                                    #unitQuantityTotalContainer .quantityAdjustButton .plus span:nth-child(2) {
                                        top: 11px;
                                    }

                    .sampleToBasketInfoModal {

                    }

                            .sampleToBasketInfoModal .modal-content {
                                background-color: #f3f2ef;
                            }

                            .sampleToBasketInfoModal .modal-body {
                                margin: 35px 30px 30px;
                                overflow: auto;
                                padding: 0;
                            }

                            .sampleToBasketInfoModal .cmsContent {
                                margin-top: 0;
                            }

                                .sampleToBasketInfoModal .cmsContent > :first-child {
                                    margin-top: 30px;
                                }

                                .sampleToBasketInfoModal .cmsContent > :last-child {
                                    margin-bottom: 0;
                                }

                    #sampleToBasket,
                    #sampleToBasketInfoLink {
                        background-color: transparent;
                        border: none;
                        color: #01939d;
                        text-transform: uppercase;
                        font-weight: bold;
                        font-size: 16px;
                        margin-top: 13px;
                        margin-left: -7px;
                        transition: color 0.5s ease;
                        padding: 0 8px;
                    }

                    #sampleToBasket {
                        padding-right: 0;
                    }

                    #sampleToBasketInfoLink {
                        margin-left: 10px;
                        padding-left: 0;
                    }

                    #sampleToBasket:hover,
                    #sampleToBasketInfoLink:hover {
                        color: #08737d;
                    }

                        #sampleToBasket .icon-sample,
                        #sampleToBasketInfoLink .icon-info_outline {
                            font-size: 24px;
                            font-weight: bold;
                            margin-right: 9px;
                            top: 5px;
                            position: relative;
                        }

                        #sampleToBasketInfoLink .icon-info_outline {
                            font-weight: normal;
                        }

                .stockFlag {
                    margin-top: 3px;
                    display: block;
                    padding-left: 20px;
                }

                .cl-basket .stockFlag,
                .cl-basket .deliverytime,
                .cl-order .stockFlag,
                .cl-order .deliverytime {
                    font-size: 14px;
                    margin-top: 18px;
                }

                    .stockFlag > .fa:before {
                        content: '■';
                        font-size: 18px;
                        margin-right: 5px;
                        margin-left: -20px;
                        position: relative;
                        top: -2px;
                    }

                    .stockFlag > .fa.text-warning:before {
                        color: #ffcb05;
                    }

                    .stockFlag > .fa.text-success:before {
                        color: #50ad18;
                    }

                .deliverytime {
                    margin-left: 20px;
                }

                .cl-basket .deliverytime,
                .cl-order .deliverytime {
                    margin-left: 23px;
                    margin-top: 0;
                    display: block;
                }


                #morePicsContainer .list-inline > li {
                    display: block;
                    width: 100%;
                    margin-top: 10px;
                    line-height: 0;
                }

                #morePicsContainer .list-inline > li:first-child {
                    margin-top: 0;
                }

                body.cl-details #morePicsContainer {
                    margin-top: 0;
                    width: 67px;
                    position: absolute;
                    top: 0;
                }

                .details-col-left .picture {
                    right: 0;
                    width: calc(100% - 110px);
                    margin-left: 87px;
                    position: relative;
                    max-width: 564px;
                    border: 1px solid #f3f2ef;
                }

                .details-col-left .picture:before {
                    content: '';
                    display: block;
                    padding-bottom: 100%;
                }

                    .details-col-left .picture .noImage {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                    }

                    .details-col-left .picture #wrap {
                        display: inline-block;
                        max-width: 100%;
                    }

                    .details-col-left .picture .pictureBoxContainer {
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                        .details-col-left .picture .pictureBoxContainer #wrap {
                            max-height: 100%;
                            max-width: 100%;
                            width: 100%;
                            height: 100%;
                            margin: auto;
                            /*remove if necessary*/
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            /*remove if necessary*/
                        }

                            .details-col-left .picture .pictureBoxContainer #wrap .cloud-zoom {
                                max-width: 100%;
                            }

                            .cloud-zoom-loading {
                                top: 50% !important;
                                left: 50% !important;
                                height: auto !important;
                                width: auto !important;
                                transform: translate(-50%, -50%);
                                color: #000;
                                font-size: 30px;
                            }

                                .details-col-left .picture .pictureBoxContainer #zoom1 .img-responsive {
                                    width: auto;
                                    height: auto;
                                    max-width: 100%;
                                    max-height: 100%;
                                }

                                .ie .details-col-left .picture .pictureBoxContainer #zoom1 .img-responsive {
                                    width: 100%;
                                    height: 100%;
                                }

                            .cloud-zoom-big {
                                left: 0;
                            }

                .details-col-middle {
                    margin-left: 0;
                }

                    .cl-details .brandContainer {
                        position: relative;
                        min-height: 35px;
                        margin-bottom: 10px;
                    }

                        body.cl-details .manufacturerTitle {
                            font-size: 16px;
                            line-height: 24px;
                            color: #00939d;
                            text-transform: uppercase;
                            width: calc(100% - 200px);
                            position: absolute;
                            bottom: 0;
                        }

                        .details-col-middle .brandLogo {
                            max-width: 200px;
                            float: right;
                            padding: 0;
                            margin: 0;
                        }

                    body.cl-details #productTitle {
                        font-size: 40px;
                        line-height: 44px;
                        color: #00939d;
                        font-weight: 100;
                        margin-bottom: 4px;
                    }

                    body.cl-details #productTitle {
                        padding: 0;
                    }

                    .details-col-middle .small {
                        font-size: 14px;
                        line-height: 20px;
                        margin-bottom: 3px;
                        display: inline-block;
                        width: 100%;
                    }

                    .productMainInfo {
                        margin-top: 23px;
                    }

                        .productMainInfo #variants .selectbox {
                            margin-top: 15px;
                        }

                        body.cl-details #productPrice {
                            margin-bottom: 0;
                            font-size: 16px;
                            line-height: 24px;
                        }

                        .details-col-middle .weight {
                            font-size: 16px;
                            line-height: 24px;
                            margin-bottom: 2px;
                        }

                .pricebox {

                }

                    .pricebox #productPriceUnit,
                    .pricebox #productPrice.main {
                        margin-top: 1px;
                        font-size: 26px;
                        line-height: 34px;
                        color: #00939d;
                        font-weight: bold;
                    }

                #detailsRelated #relProducts {
                    margin-top: 60px;
                }

                    #boxwrapper_accessories .accessoryHeader {
                        font-size: 36px;
                        line-height: 32px;
                        color: #00939d;
                        text-transform: uppercase;

                    }

                    .relatedInfo {
                        background-color: #f3f2ef;
                        width: 100vw;
                        padding-top: 38px;
                        padding-bottom: 47px;
                        margin-top: 77px;
                        margin-left: -20px;
                        margin-bottom: 0;
                    }

                        .relatedInfo .tabQuestionHeadline {
                            margin: 0;
                            margin-bottom: 27px;
                            color: #00939d;
                            font-size: 40px;
                            font-weight: 100;
                        }

                        .relatedInfo .blockHeadline {
                            margin-bottom: 28px;
                        }

                        .relatedInfo .questions .btn {
                            padding: 10px 30px 15px 30px;
                        }

                            .relatedInfo .btn a {
                                text-decoration: none;
                                color: #fff;
                                font-weight: bold;
                                text-transform: uppercase;
                                font-size: 16px;
                            }

                        .relatedInfo .companyName {
                            margin-bottom: 0;
                        }

                        .tabbedWidgetBox {

                        }

                            .nav-tabs {
                                margin-left: 5px;
                            }

                            .nav-tabs > li {
                                margin-right: 23px;
                            }

                                #media a {
                                    position: relative;
                                    padding-left: 25px;
                                    display: inline-block;
                                }

                                #media a:before {
                                    content: "\e865";
                                    font-family: 'Linearicons-Free';
                                    text-decoration: none;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                }

                                body.cl-details #detailsRelated .tabbedWidgetBox .tab-content,
                                body.cl-details #detailsRelated .tabbedWidgetBox .nav-tabs,
                                .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
                                .nav-tabs > li.active > a:focus,
                                .nav-tabs > li > a {
                                    border: none;
                                }

                                .nav-tabs > li > a {
                                    padding-left: 10px;
                                    padding-right: 10px;
                                    padding-bottom: 12px;
                                }

                                .nav-tabs > li.active > a,
                                .nav-tabs > li.active > a:hover,
                                .nav-tabs > li.active > a:focus {
                                    background-color: #f3f2ef;
                                }

                                .nav-tabs > li > a {
                                    color: #a2a8a3;
                                    font-size: 16px;
                                    line-height: 24px;
                                    font-weight: bold;
                                    text-transform: uppercase;
                                    transition: color 0.5s ease;
                                }

                                .nav-tabs > li.active > a,
                                .nav-tabs > li.active > a:hover,
                                .nav-tabs > li.active > a:focus {
                                    color: #00939d;
                                    border-bottom: 3px solid #00939d;
                                    transition: border-bottom 0s ease;
                                }

                                .nav-tabs > li > a:hover,
                                .nav-tabs > li > a:focus {
                                    color: #00939d;
                                    background-color: transparent;
                                }

                            body.cl-details #detailsRelated .tabbedWidgetBox .tab-content {
                                margin-top: 40px;
                            }

                                .tab-content p {
                                    margin-bottom: 10px;
                                }

                                .relatedInfo .attributeTitle {
                                    font-weight: bold;
                                }

                                .relatedInfo .attributeValue {
                                    margin-bottom: 11px;
                                }

                        #wrapper .verticalSlider .swiper-wrapper {
                            flex-direction: column;
                        }

                        #wrapper .verticalSlider .imageContainer {
                            position: relative;
                            max-width: 66px;
                        }

                        #wrapper .verticalSlider .imageContainer:before {
                            content: '';
                            display: block;
                            padding-bottom: 100%;
                        }

                            #wrapper .verticalSlider .imageContainer a {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%,-50%);
                                height: 100%;
                                width: 100%;
                            }

                                #wrapper .verticalSlider .imageContainer a img {
                                    max-height: 100%;
                                    max-width: 100%;
                                    top: 50%;
                                    left: 50%;
                                    position: absolute;
                                    transform: translate(-50%,-50%);
                                }

                /* ProductDetail End */
                #wrapper .mainSlider {
                    margin-bottom: 0;
                }

                    .mainSlider > .promotionSliderSlide:not(:first-child) {
                        display: none;
                    }

                    .mainSlider.sub .promotionSliderSlide {
                        position: relative;
                    }

                    .mainSlider .bannerImageContainer {
                        max-height: 622px;
                        position: relative;
                    }

                    .mainSlider .bannerImageContainer:before {
                        padding-bottom: 44.42857143%;
                        display: block;
                        content: '';
                    }

                    .mainSlider.sub .bannerImageContainer:before {
                        padding-bottom: 34.28571429%;
                    }

                    .cl-content .mainSlider.sub .bannerImageContainer:before,
                    .cl-contact .mainSlider.sub .bannerImageContainer:before,
                    .cl-wes_fliesengigant_wish_tile_form .mainSlider.sub .bannerImageContainer:before {
                        padding-bottom: 27.28571429%;
                    }

                        .parallaxContainer {
                            position: relative;
                            overflow: hidden;
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            -webkit-transform-style: preserve-3d;
                            -moz-transform-style: preserve-3d;
                            transform-style: preserve-3d;
                        }

                            .parallax {
                                height: 100%;
                                transform: scale(1.3);
                                transition: transform 1s ease;
                            }

                            .animated .parallax,
                            .parallax.noZoom {
                                transform: scale(1);
                            }

                              .parallax .img {
                                    bottom: 0;
                                    height: 100%;
                                    width: 100%;
                                    -webkit-transform-origin: bottom;
                                    -moz-transform-origin: bottom;
                                    -ms-transform-origin: bottom;
                                    transform-origin: bottom;
                                    background-size: cover;
                                    background-position: 50% 50%;
                                    position: absolute;
                                }

                #wrapper .mainSlider .swiper-pagination-bullet {
                    background-color: #fff;
                }

                #wrapper .mainSlider .swiper-pagination-bullet:hover, #wrapper .mainSlider .swiper-pagination-bullet-active {
                    background-color: #00939d;
                }

                .mainSlider.sub {
                    width: 100vw;
                    margin-left: -20px;
                }

                .cl-content .mainSlider.sub,
                .cl-wes_fliesengigant_wish_tile_form .mainSlider.sub {
                    width: 100vw;
                    margin-left: -5px;
                }

                    #wrapper .mainSlider .jumbotron.container-block {
                        position: absolute;
                        bottom: 7px;
                        left: 50%;
                        transform: translateX(-50%);
                        color: #fff;
                        text-align: center;
                        background-color: transparent;
                        width: 100%;
                        max-width: 930px;
                        padding-left: 20px;
                        padding-right: 20px;
                    }

                    #wrapper .mainSlider.sub .jumbotron.container-block {
                        transform: translateX(-50%);
                    }

                        #wrapper .mainSlider .shadowContainer {
                            position: relative;
                        }

                            #wrapper .mainSlider .shadow {
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                box-shadow: 0 10000px 200px 50px rgba(0,0,0,0.5);
                                border-radius: 50%;
                                top: -10000px;
                                z-index: -1;
                            }

                            #wrapper .mainSlider .jumbotron.container-block .h1,
                            #wrapper .mainSlider .jumbotron.container-block .h2,
                            .cl-content #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                            .cl-alist #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                            .cl-contact #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                            .cl-wes_fliesengigant_wish_tile_form #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
                                font-weight: 100;
                            }

                            #wrapper .mainSlider .jumbotron.container-block .h1,
                            .cl-content #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                            .cl-alist #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                            .cl-contact #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                            .cl-wes_fliesengigant_wish_tile_form #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
                                font-size: 70px;
                                line-height: 70px;
                                margin-bottom: 10px;
                                transform: translateY(40px);
                                transition: transform 1s linear;
                                opacity: 0;
                            }

                            #wrapper .mainSlider .animated .jumbotron.container-block .h1,
                            .cl-content #wrapper .mainSlider.sub .animated .jumbotron.container-block .h1,
                            .cl-alist #wrapper .mainSlider.sub .animated .jumbotron.container-block .h1,
                            .cl-contact #wrapper .mainSlider.sub .animated .jumbotron.container-block .h1,
                            .cl-wes_fliesengigant_wish_tile_form #wrapper .mainSlider.sub .animated .jumbotron.container-block .h1  {
                                transform: translateY(0);
                                opacity: 1;
                            }

                            #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
                                font-size: 40px;
                                line-height: 40px;
                                margin-bottom: 8px;
                                width: 100%;
                                margin: auto;
                            }

                            #wrapper .mainSlider .jumbotron.container-block .h2 {
                                font-size: 18px;
                                line-height: 24px;
                                margin-top: 0;
                                margin-bottom: 30px;
                                opacity: 0;
                                -webkit-transition-property: opacity;
                                   -webkit-transition-duration: 0.5s;
                                      -webkit-transition-delay: 0.6s;
                                        transition-property: opacity;
                                           transition-duration: 0.5s;
                                              transition-delay: 0.6s;
                            }

                            #wrapper .mainSlider .animated .jumbotron.container-block .h2 {
                                opacity: 0.99;
                            }

                            #wrapper .mainSlider.sub .jumbotron.container-block .h2 {
                                margin-top: 10px;
                                margin-bottom: 31px;
                            }

                        #wrapper .mainSlider .jumbotron.container-block .btn {
                            text-transform: uppercase;
                            font-weight: bold;
                            background-color: #00939d;
                            font-size: 16px;
                            padding: 12px 42px 15px 42px;
                            margin: auto;
                            opacity: 0;
                            transition: background-color 0.5s ease, opacity 0.5s ease 0.9s;
                        }

                        #wrapper .mainSlider .animated .jumbotron.container-block .btn {
                            opacity: 0.99;
                        }

                        #wrapper .mainSlider .jumbotron.container-block .btn:hover {
                            background-color: #007983;
                        }

                        #wrapper .mainSlider.sub .jumbotron.container-block .btn {
                            padding: 12px 46px 15px 46px;
                        }

                        #wrapper .mainSlider.sub .jumbotron.container-block .btn {
                            box-shadow: none;
                        }

                            #wrapper .mainSlider.sub .jumbotron.container-block .btn .lnr {
                                position: relative;
                                top: 1px;
                                margin-left: 15px;
                                font-weight: bold;
                            }

                            #wrapper .mainSlider .jumbotron.container-block a:hover {
                                text-decoration: none;
                            }

                    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
                        bottom: 15px;
                    }

                        .swiper-pagination-bullet {
                            position: relative;
                            width: 7px;
                            height: 7px;
                            background-color: #999;
                            opacity: 1;
                            border-radius: 0;
                        }

                            .swiper-pagination-bullet:hover {
                                background-color: #00939d;
                            }

                        .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
                            margin-left: 6px;
                            margin-right: 6px;
                        }

                        .swiper-pagination-bullet-active {
                            width: 11px;
                            height: 11px;
                            background-color: #00939d;
                            top: 2px;
                        }

                .cmsContent {
                    margin-top: 90px;
                }

                    .cmsContent h2,
                    .cl-contact #content h2.page-header,
                    .cl-wdwithdrawal #content h2.page-header {
                        text-transform: uppercase;
                        font-size: 40px;
                        font-weight: 100;
                        line-height: 40px;
                        margin-top: 63px;
                        margin-bottom: 68px;
                        color: #18a4ad;
                    }

                    .cmsContent h3,
                    .cl-contact .panel-default h3,
                    .cl-wdwithdrawal .panel-default h3 {
                        font-size: 36px;
                        line-height: 40px;
                        font-weight: 100;
                        margin-top: 50px;
                        margin-bottom: 54.5px;
                    }

                    .cmsContent h3.panel-title,
                    .cl-contact h3.panel-title,
                    .cl-wdwithdrawal h3.panel-title {
                        font-size: 36px;
                        font-weight: 100;
                        line-height: normal;
                        margin-top: 0;
                        margin-left: -5px;
                        margin-bottom: 36px;
                    }

                    .cl-wdwithdrawal p {
                        margin-bottom: 40px;
                    }
                    .cmsContent p {
                        margin-bottom: 10.5px;
                    }

                #boxwrapper_bargainItems {
                    background-color: #fff;
                    margin-left: -20px;
                    margin-bottom: 42px;
                    width: 100vw;
                }

                    .bargainHeadline {
                        text-transform: uppercase;
                        font-size: 36px;
                        line-height: 32px;
                        margin-top: 60px;
                        margin-bottom: 52px;
                    }

                        .bargainHeadline .bargainSymbol {
                            position: relative;
                            display: inline-block;
                            font-size: 18px;
                            top: -8px;
                            left: 6px;
                            line-height: 25px;
                        }

                    #wrapper .saleSlider,
                    #wrapper .newArticlesSlider {
                        padding-bottom: 119px;
                        max-width: 1306px;
                        margin: auto;
                        border-bottom: 1px solid #d4d7d4;
                        overflow: hidden;
                    }

                    .cl-details #wrapper .saleSlider,
                    .cl-details #wrapper .newArticlesSlider {
                        border: none;
                        padding-bottom: 111px;
                        margin-bottom: 23px;
                        margin-left: -10px;
                        margin-right: -10px;
                    }

                        .saleSlider > .productBox:not(:first-child),
                        .newArticlesSlider > .productBox:not(:first-child) {
                            display: none;
                        }

                                .saleSlider .productData.productBox,
                                .newArticlesSlider .productData.productBox {

                                }

                                    .saleSlider .productData.productBox form,
                                    .newArticlesSlider .productData.productBox form {
                                        transition: transform 0.5s ease;
                                        position: relative;
                                        top: 0;
                                        margin-left: 10px;
                                        margin-right: 10px;
                                    }

                                    .saleSlider .productData.productBox form:hover,
                                    .newArticlesSlider .productData.productBox form:hover {
                                        transform: translateY(-10px);
                                    }

                                        .saleSlider .productData.productBox form .fullLink,
                                        .newArticlesSlider .productData.productBox form .fullLink {
                                            display: block;
                                        }

                                        .saleSlider .productData.productBox form .fullLink:hover,
                                        .saleSlider .productData.productBox form .fullLink:focus,
                                        .newArticlesSlider .productData.productBox form .fullLink:hover,
                                        .newArticlesSlider .productData.productBox form .fullLink:focus {
                                            text-decoration: none;
                                        }

                                        .saleSlider .productData.productBox .title,
                                        .saleSlider .productData.productBox .price .lead,
                                        .saleSlider .productData.productBox .price,
                                        .newArticlesSlider .productData.productBox .title,
                                        .newArticlesSlider .productData.productBox .price .lead,
                                        .newArticlesSlider .productData.productBox .price {
                                            font-size: 18px;
                                            line-height: 22px;
                                            color: #00939d;
                                        }

                                        .saleSlider .productData.productBox .price,
                                        .newArticlesSlider .productData.productBox .price {
                                            font-weight: bold;
                                        }

                                        .saleSlider .productData.productBox .title,
                                        .newArticlesSlider .productData.productBox .title {
                                            margin-bottom: 1px;
                                        }

                                        .saleSlider .productData.productBox .title:hover,
                                        .newArticlesSlider .productData.productBox .title:hover {
                                            text-decoration: none;
                                        }

                                        .saleSlider .productData.productBox .price .lead,
                                        .newArticlesSlider .productData.productBox .price .lead {
                                            font-weight: bold;
                                        }

                                        .articleBoxImageContainer {
                                            position: relative;
                                            margin-bottom: 17px;
                                        }

                                        .articleBoxImageContainer:before {
                                            content: '';
                                            display: block;
                                            padding-bottom: 100%;
                                        }

                                            .bargainSymbol {
                                                background-color: #00939d;
                                                color: #fff;
                                                position: absolute;
                                                top: 10px;
                                                right: 1px;
                                                height: 27px;
                                                width: 27px;
                                                text-align: center;
                                                vertical-align: middle;
                                                z-index: 1000;
                                            }

                                            .articleBoxImage {
                                                position: absolute;
                                                left: 0;
                                                top: 0;
                                                right: 0;
                                                bottom: 0;
                                                align-items: center;
                                            }

                                                .articleBoxImage img {
                                                    max-height: 100%;
                                                    width: auto;
                                                    margin: auto;
                                                    position: absolute;
                                                    top: 50%;
                                                    left: 50%;
                                                    transform: translate(-50%,-50%);
                                                    margin-left: -1px;
                                                    margin-top: -1px;
                                                    padding: 0 1px;
                                                }

                                                .boxwrapper .list-container .gridView .productBox .picture img {
                                                    max-height: 100%;
                                                }
                .newArticlesContainer {
                    padding-top: 30px;
                }

                    .newArticlesSliderHeadline {
                        text-transform: uppercase;
                        font-size: 36px;
                        line-height: 32px;
                        margin-top: 24px;
                        margin-bottom: 40px;
                    }

                    #wrapper .newArticlesContainer .saleSlider,
                    #wrapper .newArticlesContainer .newArticlesSlider {
                        border-bottom: none;
                        padding-bottom: 54px;
                    }

                .trendContainer {
                    width: 100vw;
                    background-color: #f3f2ef;
                    padding-top: 30px;
                    padding-bottom: 104px;
                    padding-left: 20px;
                    padding-right: 20px;
                    margin-left: -20px;
                }

                    .trendSliderHeadline {
                        text-transform: uppercase;
                        font-size: 36px;
                        line-height: 32px;
                        margin-top: 24px;
                        margin-bottom: 40px;
                    }

                    .trendSlider {
                        max-width: 1286px;
                        margin: auto;
                    }

                        .trendSlider > .promotionSliderSlide {
                            overflow: hidden;
                        }

                        /*.trendSlider > .promotionSliderSlide:not(:first-child) {
                            display: none;
                        }*/

                        .trendSlider a {
                            padding: 0;
                            position: relative;
                            display: block;
                        }

                            .trendSlider .bannerImageContainer {
                                position: relative;
                                display: block;
                                overflow: hidden;
                                max-width: 630px;
                                margin: auto;
                            }

                                .trendSlider .bannerImageContainer > .textContainer {
                                    position: absolute;
                                    bottom: 0;
                                    background-color: rgba(169, 145, 101, 0.8);
                                    padding: 1px 29px 30px 29px;
                                    color: #fff;
                                    min-width: 100%;
                                }

                                .trendSlider .bannerImageContainer > .textContainer.transition {
                                    transition: transform 0.5s ease, background-color 0.5s ease;
                                }

                                .trendSlider .bannerImageContainer:hover > .textContainer {
                                    transform: translateY(0) !important;
                                    background-color: rgba(11, 143, 152, 0.8);
                                }

                                    .trendSlider .bannerImageContainer > .textContainer > .h1 {
                                        font-size: 28px;
                                        line-height: 32px;
                                        width: 100%;
                                        font-weight: 100;
                                        margin-top: 24px;
                                        margin-bottom: 30px;
                                        transition: margin-bottom 0.5s ease;
                                    }

                                    .trendSlider .bannerImageContainer > .textContainer > .description {
                                        font-size: 18px;
                                        line-height: 24px;
                                    }

                                    .trendSlider .bannerImageContainer:hover > .textContainer > .h1 {
                                        margin-bottom: 10px;
                                    }

                .manufacturerSliderContainer {
                    padding-left: 50px;
                    padding-right: 50px;
                    max-width: 1286px;
                    position: relative;
                    margin: 0 auto;
                }

                .manufacturerSlider {
                }

                    .swiper-button-prev, .swiper-button-next {
                        width: 40px;
                        height: 40px;
                        margin-top: -20px;
                        background-image: none;
                    }

                    .manufacturerSliderContainer .swiper-button-prev {
                        left: 6px;
                    }

                    .manufacturerSliderContainer .swiper-button-next {
                        right: -6px;
                    }

                    .swiper-button-prev:before, .swiper-button-next:before {
                        font-family: 'iconfont-fliesengigant';
                        font-size: 40px;
                        color: #acacac;
                        transition: color 0.5s ease;
                        line-height: 1;
                    }

                    .swiper-button-prev:hover:before, .swiper-button-next:hover:before {
                        color: #000;
                    }

                    .swiper-button-prev:before {
                        content: '\e908';
                    }

                    .swiper-button-next:before {
                        content: '\e909';
                    }

                        .manufacturerSlider .manufacturerContainer {
                            position: relative;
                            overflow: hidden;
                        }

                        .manufacturerSlider .manufacturerContainer:before {
                            content: '';
                            display: block;
                            padding-bottom: 100%;
                        }

                            .manufacturerSlider a {
                                position: absolute;
                                left: 0;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                align-items: center;
                                margin-right: 10px;
                                margin-left: 10px;
                            }

                                .manufacturerSlider a img {
                                    max-height: 100%;
                                    max-width: 100%;
                                    width: auto;
                                    margin: auto;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%,-50%);
                                    padding: 0 1px;
                                    transition: transform 0.5s ease;
                                }

                                .manufacturerSlider a:hover img {
                                    transform: translate(-50%,-50%) translateY(-10px);
                                }

                .dualSliderHeadline {
                    font-size: 36px;
                    line-height: 32px;
                    text-transform: uppercase;
                    font-weight: 100;
                    margin: auto;
                    margin-bottom: 44px;
                    margin-top: 64px;
                    max-width: 1260px;
                }

                .dualSlider {
                    margin-left: 37px;
                    margin-right: 37px;
                    padding-bottom: 64px;
                }

                .dualSlider.swiper-container {
                    margin-bottom: 24px;
                    margin-top: -30px;
                }

                    .dualSlider .promotionSliderSlide.swiper-slide {
                        margin-top: 30px !important;
                    }

                        .dualSlider a {
                            padding: 0;
                            position: relative;
                            display: block;
                        }

                            .dualSlider .bannerImageContainer {
                                display: block;
                                overflow: hidden;
                            }

                            .dualSlider .bannerImageContainer:after {
                                position: absolute;
                                content:"";
                                height:100%;
                                width:100%;
                                top:0;
                                left:0;
                                background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 100%);
                            }

                                .dualSlider a img {
                                    z-index: -1;
                                    -webkit-transform: scale(1);
                                       -moz-transform: scale(1);
                                        -ms-transform: scale(1);
                                         -o-transform: scale(1);
                                            transform: scale(1);
                                    -webkit-transition: 0.2s ease;
                                       -moz-transition: 0.2s ease;
                                        -ms-transition: 0.2s ease;
                                         -o-transition: 0.2s ease;
                                            transition: 0.2s ease;
                                }

                                .dualSlider a:hover img {
                                    -webkit-transform: scale(1.06);
                                       -moz-transform: scale(1.06);
                                        -ms-transform: scale(1.06);
                                         -o-transform: scale(1.06);
                                            transform: scale(1.06);
                                }

                                .dualSlider .bannerImageContainer > .textContainer {
                                    position: relative;
                                    z-index: 1;
                                }

                                    .dualSlider .h1 {
                                        font-size: 28px;
                                        line-height: 32px;
                                        color: #fff;
                                        font-weight: 100;
                                        position: absolute;
                                        bottom: 14px;
                                        vertical-align: middle;
                                        width: 100%;
                                        padding-left: 28px;
                                        padding-right: 28px;
                                    }

                .allTopicsContainer,
                .infiniteScrollBtnContainer {
                    text-align: center;
                }

                .refineParams.bottomParams {
                    max-width: 1300px;
                    margin-top: 50px;
                    margin-right: auto;
                    margin-left: auto;
                    padding-right: 5px;
                    padding-left: 5px;
                }

                .refineParams .pagination-options {
                    position: relative;
                }

                .infiniteScrollBtnContainer {
                    margin-bottom: 0;
                }

                .articleListParentCategoryLink {
                    position: absolute;
                    top: 9px;
                    left: 15px;
                    font-weight: bold;
                }

                    .articleListParentCategoryLink .icon:before {
                        display: inline-block;
                        position: relative;
                        top: 2px;
                        margin-right: 5px;
                        font-weight: bold;
                    }

                        .articleListParentCategoryLink:hover .icon:before {
                            text-decoration: none;
                        }

                @media (max-width: 1150px) {
                    .refineParams.bottomParams {
                        padding-right: 0;
                        padding-left: 0;
                    }

                    .refineParams .pagination-options {
                        padding-right: 0;
                        padding-left: 0;
                    }

                    .articleListParentCategoryLink {
                        left: 0;
                    }
                }

                @media (max-width: 1050px) {
                    .refineParams.bottomParams {
                        margin-bottom: 30px;
                    }
                }

                @media (max-width: 767px) {
                    .refineParams.bottomParams {
                        margin-top: 0;
                    }

                    .articleListParentCategoryLink {
                        position: static;
                        display: inline-block;
                        margin-top: 30px;
                        margin-right: 23px;
                    }
                }

                    .allTopics,
                    #infiniteScrollBtn {
                        text-align: center;
                        margin-bottom: 68px;
                    }

                    .allTopics:hover,
                    #infiniteScrollBtn:hover {
                        text-decoration: none;
                    }

                        .allTopics > .btn,
                        #infiniteScrollBtn > .btn {
                            font-weight: bold;
                            text-transform: uppercase;
                            font-size: 16px;
                            line-height: 24px;
                            padding: 11px 59px 15px 59px;
                        }

                .textBlock {
                    text-align: center;
                    margin-bottom: 37px;
                    margin-top: 67px;
                }

                    .textBlock h2 {
                        color: #18a4ad;
                        font-size: 36px;
                        line-height: 32px;
                        font-weight: 100;
                        text-transform: uppercase;
                        margin-bottom: 52px;
                    }

                    .textBlock h3 {
                        font-size: 18px;
                        line-height: 26px;
                        font-weight: bold;
                        margin-bottom: 10px;
                    }

                    .textBlock a {
                        text-transform: uppercase;
                        margin-top: 12px;
                        display: inline-block;
                        font-size: 16px;
                    }

        #footer {
            background-color: #f3f2ef;
            border: none;
            padding-top: 73px;
            padding-bottom: 3px;
        }

            #footer .container {
                max-width: 1330px;
            }

                #footer > .container > .row {

                }

                    #footer .footer-box .footer-box-title {
                        color: #000;
                        font-weight: bold;
                        font-size: 18px;
                    }

                        #footer .footer-box .footer-box-title a {
                            color: #000;
                        }

                        #footer .footer-box .footer-box-title a:hover,
                        #footer .footer-box .footer-box-title a:focus {
                            text-decoration: none;
                            cursor: default;
                        }

                    #footer .manufacturers {
                        -moz-column-count: 2;
                        -moz-column-gap: 0;
                        -webkit-column-count: 2;
                        -webkit-column-gap: 0;
                        column-count: 2;
                        column-gap: 0;
                    }

                        #footer .manufacturers li:last-child a {
                            color: #00939d;
                        }

                        #footer ul li a {
                            color: #000;
                            font-size: 16px;
                            display: inline-block;
                            line-height: 20px;
                        }

                        #footer .footer-box-service .footer-box-content .footer-box-title,
                        #footer .footer-box .footer-box-title.safePurchase {
                            margin-top: 40px;
                        }

                            #footer #footerSubSectionOne .lnr {
                                margin-right: 10px;
                            }

                        #footer .footer-box .paymentContainer {
                            margin-left: -9px;
                        }

                            #footer .footer-box .paymentContainer img {
                                max-height: 25px;
                                float: left;
                                margin: 8px;
                            }

                            #footer .footer-box .paymentContainer .paypal {
                                float: none;
                                margin-top: 20px;
                            }

                            #footer .footer-box .paymentContainer .btnContainer {
                                margin-left: 4px;
                                margin-top: 2px;
                            }

                                #footer .footer-box .paymentContainer .btn {
                                    background-color: transparent;
                                    cursor: default;
                                    border: 1px solid #7e837e;
                                    color: #7e837e;
                                    margin: 5px;
                                    margin-top: 4px;
                                    margin-right: 0;
                                    padding: 0;
                                    padding-right: 10px;
                                }

                                #footer .footer-box .paymentContainer .btn:active {
                                    box-shadow: none;
                                }

                                #footer .footer-box .paymentContainer .btn:active {
                                    box-shadow: none;
                                }

                                    #footer .footer-box .paymentContainer .btn img {
                                        max-height: 22px;
                                        margin-top: 3px;
                                        margin-bottom: 4px;
                                        margin-right: 7px;
                                        margin-left: 8px;
                                    }

                                    #footer .footer-box .paymentContainer .btn .btnText {
                                        font-size: 12px;
                                        margin-right: 5px;
                                        top: -1px;
                                        position: relative;
                                    }

                            .footerCollapse.phone {
                                color: #000;
                                font-size: 16px;
                                margin-top: 15px;
                                margin-left: -3px;
                            }

                                .footerCollapse.phone .lnr {
                                    top: 2px;
                                    left: 3px;
                                    position: relative;
                                    font-size: 18px;
                                }

                                    #footerSubSectionOne a.phone,
                                    .tabbedWidgetBox .phone {
                                        pointer-events: none;
                                        cursor: default;
                                        color: #333;
                                        text-decoration: none;
                                    }

            .languageDropdown {
                display: inline-block;
            }

                .languageDropdown #languageSelect {
                    background-color: transparent;
                    border: 1px solid #d6d6d6;
                    color: #000;
                    font-size: 16px;
                    padding: 8px 19px 11px 19px;
                    margin-right: 43px;
                }

                .languageDropdown #languageSelect .lnr {
                    font-size: 14px;
                    position: relative;
                    top: 1px;
                    margin-left: 10px;
                }

            .legal {
                background-color: #f3f2ef;
                padding-bottom: 75px;
                padding-top: 20px;
            }

                .legal .container {
                    max-width: 1330px;
                }

                    .legal .container .row {

                    }

                        .legal p {
                            display: inline-block;
                            font-size: 14px;
                        }

                        .legal p.taxNote {
                            float: right;
                            margin-top: 4px;
                        }

                        @media (max-width: 1550px) {
                            .legal p.taxNote {
                                float: none;
                                display: block;
                                margin-top: 0;
                            }
                        }

                            .legal p a {
                                color: #000;
                            }

                            .legal p.taxNote a {
                                color: #18a4ad;
                            }

                            .legal p.taxNote a:hover,
                            .legal p.taxNote a:focus {
                                color: #0f646a;
                            }

                #incVatInfo {
                    float: none;
                    display: inline-block;
                    padding-left: 6px;
                    font-size: 14px;
                }

        #jumptotop {
            font-family: FontAwesome !important;
            position: absolute;
            left: 0;
            background-color: #f3f2ef;
            visibility: visible !important;
            opacity: 1 !important;
            bottom: 45px;
            width: 100%;
        }

        #jumptotop:before {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            font-size: 32px;
            content: "\f106";
            color: #fff;
            background-color: #00939d;
            padding: 3px 13px;
            padding-bottom: 15px;
            transition: 0.5s ease;
        }

        #jumptotop:hover:before {
            background-color: #007983;
        }

.popover {
    font-size: 16px;
    font-family: assistant,"Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.popover-content-discountBlock + .popover-content-discountBlock {
    margin-top: 10px;
}

@media (max-width: 1500px) and (min-width: 648px) {
    .cookieHint .container {
        margin-right: 90px;
    }

    .cookieHint .closeBtn {
        right: 30px;
    }
}

@media (max-width: 1500px) and (min-width: 1320px) {
    .cookieHint .container {
        margin-left: calc((100vw - 1320px) / 2);
    }
}

@media (min-width: 768px) {
    #detailsRelated .relatedInfo {
        border-bottom: 1px solid #d4d7d4;
    }

    .form-horizontal .control-label {
        margin-bottom: 10px;
    }

    .orderInfo {
        display: block;
    }
}

@media (min-width: 1051px) {
    #footer .footer-box .footer-box-title.phone {
        margin-top: 39px;
    }

        #footer .footer-box .footer-box-title a {
            color: #000;
            pointer-events: none;
        }

            #footer .footer-box .footer-box-title a > .lnr {
                display: none;
            }

    #footer .collapse,
    #footer .collapsing {
        display: block;
        visibility: visible;
        height: auto !important;
        overflow: visible;
    }

        .footerCollapse.phone a {
            color: #000;
            cursor: default;
            pointer-events: none;
        }

    #wrapper .verticalSlider .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        border: 1px solid transparent;
    }

        #wrapper .verticalSlider .swiper-button-next,
        #wrapper .verticalSlider .swiper-button-prev {
            display: none;
        }
}

@media (min-width: 1151px) {
    #mainnav ul li.extendedMobileNav {
        display: none;
    }
}

@media (min-width: 1300px) {
    #detailsRelated .relatedInfo {
        padding-left: calc(50vw - 645px);
        padding-right: calc(50vw - 645px);
        margin-left: calc(630px - 50vw);
    }

    .cl-wes_fliesengigant_wish_tile_form .col-custom {
        width: 14.28571428%;
        padding: 0 10px;
    }

    .cl-wes_fliesengigant_wish_tile_form .control-label.col-custom {
        display: block !important;
        text-align: left;
    }
}

@media (min-width: 1400px) {
    .mainSlider.sub,
    .trendContainer,
    #boxwrapper_bargainItems,
    .cl-alist .mainSlider.sub {
        margin-left: calc(680px - 50vw);
    }

    .cl-content .mainSlider.sub,
    .cl-contact .mainSlider.sub,
    .cl-wes_fliesengigant_wish_tile_form .mainSlider.sub {
        margin-left: calc(695px - 50vw);
    }

    .cl-contact .mainSlider.sub {
        margin-left: calc(645px - 50vw);
    }

    .trendContainer {
        padding-left: 0;
        padding-right: 0;
    }

    #footer > .container > .row,
    .legal .container .row {
        margin: 0;
    }
}

@media (max-width: 1400px) {
    #header .container {
        padding: 0 10px;
    }

    #mainnav .fixedLogo {
        left: 49px;
    }

    .content {

    }

        .relatedInfo {
            padding-left: 5px;
        }

        #wrapper .saleSlider,
        #wrapper .newArticlesSlider {
            margin: auto;
            padding-left: 0;
            padding-right: 0;
        }

        .trendSlider {
            margin: auto;
        }

        #footer > .container > .row,
        .legal .container .row {
            margin: 0;
        }
}

@media (max-width: 1390px) {
    #mainnav.navbar-default .navbar-nav > li > a {
        padding-left: 11px;
        padding-right: 11px;
    }
}

@media (max-width: 1320px) {
    /* #footer .footer-box .paymentContainer .btnContainer {
        text-align: right;
    } */

        #footer .footer-box .paymentContainer img {
            clear: both;
        }

        #footer .footer-box .paymentContainer .btn {
            margin-top: 5px;
        }
}

@media (max-width: 1300px) {
    #wrapper .saleSlider,
    #wrapper .newArticlesSlider {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cl-wes_fliesengigant_wish_tile_form .panel-default .form-group .col-custom:last-child .btn-group {
        margin-bottom: 5px;
    }
}

@media (max-width: 1299px) {
    .cl-wes_fliesengigant_wish_tile_form .fullWidth {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .cl-wes_fliesengigant_wish_tile_form .addBtn {
        margin-right: 0;
    }
}

@media (max-width: 1200px) {
    #wrapper .mainSlider .jumbotron.container-block,
    #wrapper .mainSlider.sub .jumbotron.container-block {
        top: auto !important;
        transform: translateX(-50%);
        bottom: 9px;
        margin-bottom: 0;
    }

    .cl-user .checkoutOptions > div .panel-default {
        margin-bottom: 30px;
    }

    .cl-user .checkoutOptions > div:last-child .panel-default {
        margin-bottom: 0;
    }

    .cl-user .checkoutOptions .panel-body {
        height: auto !important;
    }

        .form-horizontal .control-label {
            text-align: left;
        }
}

@media (max-width: 1199px) {
    .relatedInfo .questions .blockHeadline {
        margin-bottom: 10px;
    }

    .relatedInfo .questions .block {
        margin-bottom: 20px;
    }
}

@media (max-width: 1150px) {
    #mainnav.navbar-default .navbar-nav > li:nth-child(8) > a,
    #mainnav.navbar-default .navbar-nav > li:nth-child(9) > a {
        display: block;
    }

    body.fixed-header #header,
    body #header {
        padding-bottom: 0;
    }

        #header,
        #header > .container,
        #header > .container > .header-box,
        #header > .container > .header-box > .row {
            height: 0;
            padding: 0;
        }

            #header > .container > .header-box > .row > .menus-col .minibasket-menu,
            #header > .container > .header-box > .row > .logo-col > .logo {
                position: fixed;
                z-index: 1040;
                height: auto;
            }

            #header > .container > .header-box > .row > .menus-col .minibasket-menu {
                top: 21px;
                right: 47px;
                transition: opacity 0.25s ease;
            }

                #header .menus-col .menu-dropdowns > .btn-group > .btn {
                    padding-bottom: 2px;
                    padding-top: 9px;
                }

                .cl-basket #header .menus-col .menu-dropdowns > .btn-group > .btn {
                    display: none;
                }

                    #header .menus-col .menu-dropdowns > .btn-group > .btn > .shoppingCart > .lnr {
                        font-size: 30px;
                    }

                    #header .menus-col .menu-dropdowns > .btn-group > .btn > .shoppingCart > .cartCounter {
                        top: 0;
                        right: -1px;
                    }

            #header > .container > .header-box > .row > .logo-col > a.logo {
                top: 17px;
                left: 20px;
                width: 204px;
            }

            #mainnav {
                position: fixed;
                width: 100%;
                height: 72px;
                z-index: 1003;
            }

                #mainnav > .container > .navbar-header {
                    float: right;
                }

                    #mainnav .navbar-toggle {
                        display: block;
                        position: absolute;
                        right: 5px;
                        top: 8px;
                        z-index: 1;
                        border: none;
                        border-radius: 0;
                        padding: 10px;
                        width: 46px;
                        height: 43px;
                        transition: color .3s,background-color .3s,border .3s;
                        overflow: hidden;
                        transform: translateX(0);
                    }

                    #mainnav .navbar-toggle:hover,
                    #mainnav .navbar-toggle:focus {
                        background-color: #007983;
                    }

                        #mainnav .navbar-toggle .icon-bar {
                            width: 26px;
                            background-color: #fff;
                            border-radius: 0;
                            height: 2px;
                            transition: 0.5s ease;
                        }

                        #mainnav .navbar-toggle .icon-bar + .icon-bar {
                            margin-top: 8px;
                        }

                        .navbarActive #mainnav .navbar-toggle .icon-bar {
                            margin-left: 6px;
                        }

                        .navbarActive #mainnav .navbar-toggle .icon-bar:nth-child(2) {
                            transform: rotate(45deg);
                            width: 16px;
                            height: 3px;
                        }

                        .navbarActive #mainnav .navbar-toggle .icon-bar:nth-child(3) {
                            opacity: 0;
                            margin-top: 2px;
                            margin-left: 0;
                        }

                        .navbarActive #mainnav .navbar-toggle .icon-bar:nth-child(4) {
                            transform: rotate(-45deg);
                            width: 16px;
                            margin-top: 2px;
                            height: 3px;
                        }

                #mainnav .navbar-collapse {
                    /* z-index: -1000; */
                    background-color: #00939d;
                    position: absolute;
                    width: 308px;
                    padding-left: 0;
                    padding-right: 0;
                    padding-top: 87px;
                    border: none;
                    transition: transform 0.5s ease, box-shadow 0.5s ease;
                    -webkit-transition: transform 0.5s ease, box-shadow 0.5s ease;
                       -moz-transition: transform 0.5s ease, box-shadow 0.5s ease;
                         -o-transition: transform 0.5s ease, box-shadow 0.5s ease;
                            transition: transform 0.5s ease, box-shadow 0.5s ease;
                    display: block !important;
                    height: 100vh !important;
                    overflow: hidden;
                    right: -308px;
                    -webkit-transform: translate3d(0,0,0);
                       -moz-transform: translate3d(0,0,0);
                        -ms-transform: translate3d(0,0,0);
                         -o-transform: translate3d(0,0,0);
                            transform: translate3d(0,0,0);
                }

                #mainnav .navbar-collapse.active {
                    -webkit-transform: translate3d(0,0,0) translateX(-308px);
                       -moz-transform: translate3d(0,0,0) translateX(-308px);
                        -ms-transform: translate3d(0,0,0) translateX(-308px);
                         -o-transform: translate3d(0,0,0) translateX(-308px);
                            transform: translate3d(0,0,0) translateX(-308px);
                    -webkit-box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.5);
                       -moz-box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.5);
                            box-shadow: -5px 0px 20px 5px rgba(0,0,0,0.5);
                }

                    #mainnav .navbar-collapse.navbar-ex1-collapse #navigation {
                        border-top: 1px solid #008a93;
                        margin: 0;
                        height: 100%;
                        overflow: auto;
                        overflow-x: hidden;
                        padding-top: 16px;
                        margin-top: -16px;
                    }

                        #mainnav .navbar-collapse.navbar-ex1-collapse #navigation li {
                            border: none !important;
                            width: calc(100% + 15px);
                        }

                            #mainnav .navbar-collapse.navbar-ex1-collapse #navigation li a {
                                background-color: #00939d;
                                padding: 8px 0 7px 30px;
                            }

                            #mainnav .navbar-collapse.navbar-ex1-collapse #navigation li.active a {
                                border-bottom: none;
                                border-left: 3px solid #b39d72;
                                padding-left: 27px;
                            }

                #header .btn-group.service-menu,
                .search-col,
                .cartLabel,
                body.fixed-header #mainnav .fixedLogo {
                    display: none;
                }

    #wrapper {
        padding-top: 72px;
    }

        #wrapper .content-box {
            max-width: 1260px;
            padding: 0;
        }

            .cl-alist .subcatList > .row {
                margin: 0;
            }

            .listRefine,
            body.cl-alist .boxwrapper {
                padding: 0;
            }

            .cl-content #wrapper .mainSlider,
            .cl-contact .mainSlider.sub,
            .cl-wes_fliesengigant_wish_tile_form .mainSlider.sub {
                margin-left: -5px;
            }

                #wrapper .mainSlider .jumbotron.container-block {
                    top: 55%;
                }

    #footer > .container > .row, .legal .container .row {
        margin: 0 -15px;
    }

}

@media (max-width: 1055px) {
    #footer .footer-box .paymentContainer .btn {
        padding-right: 5px;
    }
}

@media (max-width: 1050px) {
    body.cl-start .fullwidth-container #wrapper,
    body.cl-details .fullwidth-container #wrapper {
        padding-bottom: 0;
    }

    body .fullwidth-container #wrapper {
        padding-bottom: 30px;
    }

    .cl-details #wrapper {
        padding-bottom: 0;
    }

        /*ProductDetail Start*/
        .details-col-left .picture {
            position: relative;
            right: 0;
            width: 100%;
            margin: auto;
        }

        body.cl-details #morePicsContainer .list-inline {
            position: relative;
            margin-top: 15px;
        }

            #morePicsContainer .list-inline > li {
                width: auto;
                display: inline;
            }

                body.cl-details #morePicsContainer a:hover {
                    text-decoration: none;
                }

        .details-col-middle {
            margin-left: 0;
        }

            body.cl-details #productTitle {
                font-size: 36px;
                line-height: 37px;
            }

        .relatedInfo {
            margin-top: 12px;
        }

        #detailsRelated #relProducts {
            margin-top: 5px;
        }

            #boxwrapper_accessories .page-header:first-child {
                margin-bottom: 0;
                padding-bottom: 8.5px;
            }

                #boxwrapper_accessories .page-header:first-child .accessoryHeader {
                    margin-bottom: 6px;
                    font-size: 26px;
                    line-height: 32px;
                }

                .cl-details #wrapper .saleSlider,
                .cl-details #wrapper .newArticlesSlider {
                    border: none;
                    padding-bottom: 62px;
                    margin-bottom: 8px;
                    max-width: 1400px;
                }

        body.cl-details #morePicsContainer.verticalSlider {
            position: relative;
            max-width: none;
            margin-top: 15px;
            margin-bottom: 10px;
            width: auto;
        }

            #wrapper .verticalSlider .swiper-wrapper {
                flex-direction: row;
            }

                #wrapper .verticalSlider .swiper-button-prev, #wrapper .verticalSlider .swiper-button-next {
                    width: 20px;
                }

                #wrapper .verticalSlider .swiper-button-next {
                    right: 0;
                }

                #wrapper .verticalSlider .swiper-button-prev {
                    left: -8px;
                }

                    #wrapper .verticalSlider .imageContainer {
                        position: relative;
                        margin: auto;
                    }

                    #wrapper .verticalSlider .imageContainer:before {
                        content: '';
                        display: block;
                        padding-bottom: 100%;
                    }

                #wrapper .mainSlider .jumbotron.container-block {
                    text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
                }

                #wrapper .mainSlider .shadow {
                    box-shadow: none;
                }

                #wrapper .mainSlider .jumbotron.container-block .h1,
                .cl-content #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                .cl-alist #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                .cl-contact #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                .cl-wes_fliesengigant_wish_tile_form #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
                    font-size: 36px;
                    line-height: 37px;
                    margin: auto;
                    margin-bottom: 9.5px;
                }

                #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
                    font-size: 36px;
                    line-height: 37px;
                }

                #wrapper .mainSlider .jumbotron.container-block .h2 {
                    font-size: 16px;
                    line-height: 22px;
                    margin-bottom: 24px;
                }

                #wrapper .mainSlider.sub .jumbotron.container-block .h2 {
                    margin-bottom: 29px;
                }

                #wrapper .mainSlider .jumbotron.container-block .btn {
                    padding: 7px 27px 11px 27px;
                }

                #wrapper .mainSlider.sub .jumbotron.container-block .btn {
                    padding: 7px 32px 10px 32px;
                }

        h2.trendSliderHeadline {
            margin-top: 0;
            margin-bottom: 34px;
            font-size: 26px;
            line-height: 32px;
            font-weight: 100;
        }

        .trendContainer {
            padding-bottom: 1px;
        }

            .trendSlider {
                margin-left: 0;
                margin-right: 0;
            }

            .trendSlider.swiper-container {
                padding-bottom: 67px;
            }

                .trendSlider .bannerImageContainer > .textContainer {
                    padding: 1px 19px 19px 19px;
                }

                    .trendSlider .bannerImageContainer > .textContainer > .h1 {
                        font-size: 26px;
                        line-height: 30px;
                        margin-top: 18px;
                        margin-bottom: 33px;
                    }

                    .trendSlider .bannerImageContainer > .textContainer > .description {
                        font-size: 16px;
                        line-height: 22px;
                        display: block;
                    }

        #boxwrapper_bargainItems {
            margin-bottom: 21px;
            padding-right: 0;
            margin-left: -20px;
        }

            .bargainHeadline {
                margin-top: 30px;
                margin-bottom: -29px;
                font-size: 26px;
                line-height: 32px;
                font-weight: 100;
            }

                .bargainHeadline .bargainSymbol {
                    top: -6px;
                    left: 8px;
                }

            #wrapper .saleSlider,
            #wrapper .newArticlesSlider {
                padding-bottom: 90px;
                margin: auto;
                margin-left: -5px;
                padding-left: 0;
                width: calc(100% + 22px);
            }

                .articleBoxImageContainer {
                    margin-bottom: 12px;
                    max-height: 500px;
                }

                .saleSlider .productData.productBox .title,
                .newArticlesSlider .productData.productBox .title {
                    margin-bottom: 2px;
                }

                .saleSlider .productData.productBox .title,
                .saleSlider .productData.productBox .price .lead,
                .newArticlesSlider .productData.productBox .title,
                .newArticlesSlider .productData.productBox .price .lead {
                    line-height: 20px;
                }

        .manufacturerSlider {
        }

        .dualSliderHeadline {
            margin-top: 0px;
            margin-bottom: 0;
            padding-top: 31px;
            padding-bottom: 10px;
            border-top: #d4d7d4 solid 1px;
            font-size: 26px;
            line-height: 32px;
            font-weight: 100;
            width: 100vw;
            margin-left: -20px;
        }

        .dualSliderContainer,
        .dualSliderHeadline {
            background-color: #f3f2ef;
        }

        .dualSliderContainer {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .dualSlider.swiper-container {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
        }

        .allTopicsContainer {
            background-color: #f3f2ef;
            width: 100vw;
            margin-left: -20px;
            padding-bottom: 65px;
            border-bottom: 1px solid #d4d7d4;
        }

            .allTopics {
                margin-bottom: 0;
            }

                .allTopics > .btn {
                    padding: 6px 44px 10px 44px;
                }

        .textBlock {
            margin-top: 0;
        }

            .textBlock h2 {
                font-size: 26px;
                line-height: 32px;
                margin-bottom: 20px;
            }

            .textBlock h3 {
                font-size: 16px;
                line-height: 24px;
            }

            .textBlock p {
                font-size: 16px;
                line-height: 24px;
            }

    #footer {
        padding-bottom: 5px;
        padding-top: 23px;
    }

        .footer-box {
            width: 100%;
        }

        #footer .footer-box-service .footer-box-content .footer-box-title, #footer .footer-box .footer-box-title.safePurchase {
            margin-top: 10px;
        }

        #footer .footer-box .footer-box-title.phone {
            margin-top: 10px;
        }

            #footer .footer-box .footer-box-title {
                margin: 0;
            }

                #footer .footer-box .footer-box-title a {
                    width: 100%;
                    display: block;
                    padding: 7.5px 0;
                    margin: 5px 0;
                }

                #footer .footer-box .footer-box-title a:hover {
                    cursor: pointer;
                }

                #footer .footer-box .footer-box-title a > .lnr {
                    float: right;
                    font-size: 16px;
                    top: 2px;
                    position: relative;
                    transition: transform 0.5s ease;
                }

                #footer .footer-box .footer-box-title a > .lnr.halfTurn {
                    transform: rotate(180deg);
                }

                    #footer ul {
                        margin-bottom: 10px;
                    }

                    #footer .manufacturers {
                        -moz-column-count: 1;
                        -moz-column-gap: 0;
                        -webkit-column-count: 1;
                        -webkit-column-gap: 0;
                        column-count: 1;
                        column-gap: 0;
                    }

                        #footer .footer-box .paymentContainer {
                            width: 300px;
                        }

                        #footer .footer-box .paymentContainer .btnContainer {
                            text-align: left;
                        }

                            #footer .footer-box .paymentContainer .btn {
                                padding-right: 10px;
                            }


        .languageDropdown {
            display: block;
            margin-bottom: 15px;
        }

        .legal {
            padding-top: 0;
            padding-bottom: 82px;
        }

            .legal p {
                margin: 0;
            }

        #jumptotop {

        }

            #jumptotop:before {
                left: 43px;
            }
}

@media (max-width: 991px) {
    .breadcrumb {
        margin-bottom: 30px;
    }

    body.cl-basket #basketSummary {
        margin-top: 0;
        width: 100% !important;
    }

    body.cl-details .manufacturerTitle {
        margin-top: 10px;
    }

    .cl-basket .input-group.basketQuantity {
        float: right;
    }

    .cl-account_user .accountLoginView .col-xs-12 + .col-xs-12 {
        margin-top: 30px;
    }

    .cl-account_user .dd-available-addresses .panel-default {
        margin-bottom: 0;
    }

    .cl-user .dd-available-addresses {
        margin-left: -30px;
        margin-right: -30px;
    }

    .cl-basket #basketVoucher .alert-danger {
        width: 100%;
        position: relative;
    }

    #sidebar {
        margin-top: 0 !important;
        padding-right: 0;
    }

    body.cl-account_order #content h1.page-header,
    body.cl-account_user #content h1.page-header,
    body.cl-account_password #content h1.page-header {
        margin-top: 43px;
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 899px) {
    .dualSliderContainer {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    body.is-checkout ol.checkoutSteps li,
    body.cl-thankyou ol.checkoutSteps li {
        width: 50%;
        margin-bottom: 15px;
    }

    .relatedInfo {
        padding: 0;
    }

        .tabbedWidgetBox {
            margin-left: -5px;
        }

            .tabbedWidgetBox .panel-group {
                margin-bottom: 0;
            }

                .tabbedWidgetBox .panel-group .panel {
                    border: none;
                    margin-top: 0;
                    border-top: 1px solid #ddd;
                }

                .tabbedWidgetBox .panel-group .panel:last-child {
                    border-bottom: 1px solid #ddd;
                }

                    .tabbedWidgetBox .panel-default > .panel-heading {
                        background-image: none;
                        padding: 0;
                        border-color: #d4d7d4;
                        background-color: #f3f2f0;
                    }

                        .tabbedWidgetBox .panel-default > .panel-heading a {
                            width: 100%;
                            display: block;
                            padding-left: 10px;
                            padding-right: 10px;
                            text-transform: uppercase;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: bold;
                            text-align: center;
                            text-decoration: none;
                            padding: 10px 25px;
                        }

                    .tabbedWidgetBox .panel-body {
                        padding-left: 25px;
                        padding-right: 20px;
                        background-color: #e8e7e4;
                    }

    .categoryDescription {
        margin-top: 40px;
    }

    .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn-group {
        margin-left: 0;
        margin-right: 0;
    }

        .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn {
            text-align: left;
        }

            .refineParams .pagination-options #filterList .list-filter #listFilterContent .btn .lnr {
                position: absolute;
                left: auto;
                right: 0;
                top: 10px;
            }

    #wrapper .mainSlider {
        padding-bottom: 60px;
    }

    #wrapper .mainSlider .swiper-pagination-bullet {
        background-color: #999;
    }

    #wrapper .mainSlider .swiper-pagination-bullet:hover, #wrapper .mainSlider .swiper-pagination-bullet-active {
        background-color: #00939d;
    }

    .cl-content #wrapper .mainSlider,
    .cl-contact #wrapper .mainSlider {
        margin-bottom: 0;
    }

            .mainSlider .bannerImageContainer:before,
            .mainSlider.sub .bannerImageContainer:before {
                padding-bottom: 60%;
            }

            .cl-contact .mainSlider.sub .bannerImageContainer:before,
            .cl-wes_fliesengigant_wish_tile_form .mainSlider.sub .bannerImageContainer:before {
                padding-bottom: 55%;
            }

            #wrapper .mainSlider .jumbotron.container-block,
            #wrapper .mainSlider.sub .jumbotron.container-block {
                position: relative;
                transform: translate(0,0);
                left: 0px;
                color: #18a4ad;
                text-align: center;
                background-color: transparent;
                width: 100%;
                max-width: 1000px;
                margin: auto;
                padding-bottom: 0;
                padding-top: 0;
                padding-left: 20px;
                padding-right: 20px;
                margin-top: 21px;
            }

            #wrapper .mainSlider.sub .jumbotron.container-block {
                padding-top: 10px;
                padding-right: 20px;
            }

                #wrapper .mainSlider .jumbotron.container-block .h1,
                .cl-content #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                .cl-alist #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                .cl-contact #wrapper .mainSlider.sub .jumbotron.container-block .h1,
                .cl-wes_fliesengigant_wish_tile_form #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
                    font-size: 36px;
                    line-height: 37px;
                    margin: auto;
                    margin-bottom: 9.5px;
                    text-shadow: none;
                }

                #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
                    font-size: 36px;
                    line-height: 37px;
                }

                #wrapper .mainSlider .jumbotron.container-block .h2 {
                    font-size: 16px;
                    line-height: 22px;
                    margin-bottom: 24px;
                    text-shadow: none;
                }

                #wrapper .mainSlider.sub .jumbotron.container-block .h2 {
                    margin-bottom: 29px;
                }

                #wrapper .mainSlider .jumbotron.container-block .btn {
                    padding: 7px 27px 11px 27px;
                }

                #wrapper .mainSlider.sub .jumbotron.container-block .btn {
                    padding: 7px 32px 10px 32px;
                }

                #wrapper .mainSlider .jumbotron.container-block .h1 br {
                    display: none;
                }

    .cl-alist .page-header {
        border-top: #d4d7d4 solid 1px;
        width: 100vw;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #f3f2ef;
        padding-bottom: 36.5px;
        margin-bottom: 0;
    }

    body.cl-alist .page-header h1 {
        margin-bottom: -2.5px;
    }

    .cl-alist .page-header.replacement {
        border-top: none;
        background-color: transparent;
        padding-bottom: 0;
    }

    .cl-alist .manufacturerList .page-header {
        border-top: none;
        background-color: transparent;
    }

    .cl-alist .subcatList {
        width: 100vw;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #f3f2ef;
        margin-bottom: 70px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .cl-alist .manufacturerList .subcatList {
        background-color: transparent;
    }

    .dualSliderHeadline {
        margin-top: 70px;
    }

    body.cl-account_order #boxwrapper_orderList .panel-heading {
        font-size: 100%;
    }

    #footer .footer-box {
        margin-bottom: 0;
        text-align: left;
    }

    .stickyInfo {
        padding: 4px 16px 10px 16px;
        min-height: 45px;
    }

    .stickyInfo.mobilePhone.visible {
        transform: translateX(-248px);
    }

        .stickyInfo a.phone,
        #footerSubSectionOne a.phone,
        .tabbedWidgetBox .phone {
            pointer-events: all;
            cursor: pointer;
        }

        #footerSubSectionOne a.phone,
        .tabbedWidgetBox .phone {
            color: #18a4ad;
        }

        .stickyInfo a.phone:hover,
        .stickyInfo a.phone:focus,
        #footerSubSectionOne a.phone:hover,
        #footerSubSectionOne a.phone:focus,
        .tabbedWidgetBox .phone:hover,
        .tabbedWidgetBox .phone:focus {
            text-decoration: underline;
        }

        #footerSubSectionOne a.phone:hover,
        #footerSubSectionOne a.phone:focus,
        .tabbedWidgetBox .phone:hover,
        .tabbedWidgetBox .phone:focus {
            color: #0f646a;
        }

            .stickyInfo .lnr {
                margin-right: 0;
            }

            .stickyInfo .at {
                margin-right: 0;
                margin-left: -5px;
            }

            .stickyInfo .mailText,
            .stickyInfo .phoneText {
                display: none;
            }

            .stickyInfo.mobilePhone .phoneText {
                display: inline;
            }
}

@media (max-width: 1150px) {
    body:not(.fixed-header) #header > .container > .header-box {
        position: relative;
    }

    body:not(.fixed-header) #header .menus-col {
        position: static;
    }

    body:not(.fixed-header) #mainnav {
        position: absolute;
    }

    body:not(.fixed-header) #header > .container > .header-box > .row > .logo-col > a.logo {
        position: absolute;
        left: 35px;
    }

    body:not(.fixed-header) #header > .container > .header-box > .row > .menus-col .minibasket-menu {
        position: absolute;
        right: 47px;
    }

    #breadcrumb {
        padding-left: 0;
        padding-right: 0;
    }

    .categoryDescription {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 600px) {
    .cl-account_order .col-custom {
        width: 100%;
    }
}

@media (max-width: 550px) {
    body.navbarActive {
        overflow: hidden;
    }

        #mainnav .navbar-collapse {
            right: -100vw;
            width: 100vw;
        }

        .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
            margin-left: 0;
            margin-right: 0;
        }

        #mainnav .navbar-collapse.active {
            transform: translateX(-100%);
        }

        #mainnav .navbar-collapse.navbar-ex1-collapse #navigation li {
            width: 100%;
        }

    body.navbarActive .stickyInfo {
        display: none;
    }

    body.navbarActive .etrusted-badge-container {
        display: none;
    }
}

@media (max-width: 500px) {
    #wrapper .mainSlider .jumbotron.container-block .h1,
    .cl-content #wrapper .mainSlider.sub .jumbotron.container-block .h1,
    .cl-alist #wrapper .mainSlider.sub .jumbotron.container-block .h1 {
        font-size: 36px;
        line-height: 37px;
    }

    #wrapper .mainSlider .jumbotron.container-block .h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .tobasket #unitQuantityTotalContainer .form-group:nth-child(3),
    .tobasket #unitQuantityTotalContainer .form-group:nth-child(2) {
        width: 100%;
        padding: 0;
    }

    body.cl-details #productTitle,
    body.cl-details .manufacturerTitle {
        padding-right: 0;
    }

    .details-col-middle .brandLogo {
        position: relative;
        top: 10px;
        float: right;
    }

    .cl-alist .panel-default {
        width: 100%;
        text-align: center;
    }

    #listFilterWrapper {
        display: block;
        position: relative;
        width: 100%;
        float: right;
        top: 20px;
    }

        #listFilterWrapper #filterOpener {
            width: 100%;
            display: block;
            padding-bottom: 25px;
        }

            .refineParams .pagination-options #filterList .list-filter {
                margin-top: 0;
            }

            .refineParams .pagination-options #filterList .list-filter #listFilterContent {
                padding-top: 20px;
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 20px;
            }

    #basketModal .modal-dialog .modal-content {
        min-width: 290px;
        padding: 15px 20px;
    }

        #basketModal .modal-dialog .modal-content .modal-footer {
            text-align: center;
        }

            #basketModal .modal-dialog .modal-content .modal-footer .link {
                float: none;
                display: inline-block;
                padding: 10px 20px;
                margin-top: -10px;
                margin-bottom: 5px;
            }

            #basketModal .modal-dialog .modal-content .modal-footer .btn {
                display: block;
            }

    #myModal.loginModal .modal-dialog .modal-content .modal-body {
        min-width: auto;
    }

        #myModal.loginModal .modal-dialog .modal-content .modal-body .forgotPasswordOpener {

        }

        #myModal.loginModal .modal-dialog .modal-content .modal-body #registerLink {
            line-height: 36px;
            display: block;
            margin-top: 15px;
        }

    .cl-user .panel-default, .cl-payment .panel-default, .cl-order .panel-default {
        padding: 0px;
        padding-top: 5px;
    }

        .cl-user .panel-default .panel-title,
        .cl-payment .panel-default .panel-title,
        .cl-order .panel-default .panel-title {
            font-size: 28px;
            margin-bottom: 0;
        }

    .cl-basket .submitButton.voucher,
    body.cl-basket #basketVoucher .input-group {
        display: block;
        width: 100%;
    }

    .cl-basket .submitButton.voucher {
        margin-top: 20px;
        margin-left: 0;
    }

    .nextStepContainer #userBackStepBottom,
    .nextStepContainer #userNextStepBottom,
    .nextStepContainer #paymentNextStepBottom,
    .nextStepContainer #paymentBackStepBottom,
    .cl-order .submitButton.nextStep {
        padding-left: 18px;
        padding-right: 18px;
        width: 100%;
    }
}

@media (max-width: 450px) {
    .ArticlePriceContainerWrapper .ArticlePriceContainer {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 350px) {
    #header > .container > .header-box > .row > .logo-col > a.logo {
        opacity: 1;
        transition: opacity 0.25s ease;
    }

    .navbarActive #header > .container > .header-box > .row > .logo-col > a.logo {
        opacity: 0;
    }

    #header .logo-col a.mobileLogo {
        display: block;
        position: fixed;
        z-index: 1051;
        height: 50px;
        left: 20px;
        top: 17px;
    }

        #header .logo-col a.mobileLogo img {
            height: 29px;
        }

    #header > .container > .header-box > .row > .menus-col .minibasket-menu {
        opacity: 0;
        pointer-events: none;
    }

    .navbarActive #header > .container > .header-box > .row > .menus-col .minibasket-menu {
        opacity: 1;
        pointer-events: all;
    }

    body.is-checkout ol.checkoutSteps li .text, body.cl-thankyou ol.checkoutSteps li .text {
        font-size: 15px;
    }
}

@media (max-width: 320px) {
    html {
        overflow-x: auto;
    }
}

@-ms-viewport {
    width: auto;
}

#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
    z-index: 999 !important;
}

/* Cookie Consent */
body.modal-open.dp--cookie-consent {
    overflow: hidden;
}

.cookieConsentModal {
    padding-right: 0 !important;
}

.cookieConsentModal .modal-dialog {
    max-width: 830px;
    width: 100%;
    /* margin-top: 64px; */
}

.cookieConsentModal .modal-body {
    padding: 30px;
}

.cookieConsentModal .title {
    margin-top: 0;
    margin-bottom: 20px;
}

.cookieConsentModal .bodytext {
    margin-bottom: 20px;
}

.cookieConsentModal .dp--cookie-check {
    margin-top: 10px;
    margin-left: -20px;
}

    .cookieConsentModal .dp--cookie-check .custom-checkbox {
        margin-top: 20px;
        margin-left: 20px;
        display: inline-flex;
        position: relative;
    }

    .cookieConsentModal .dp--cookie-check .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .cookieConsentModal .dp--cookie-check .custom-control-label {
        position: relative;
        border: 1px solid #d4d7d4;
        background-color: #fff;
        padding: 9px 20px 10px 41px;
        margin-right: 0;
        cursor: pointer;
        font-size: 16px;
    }

        .cookieConsentModal .dp--cookie-check .custom-control-label:hover {
            border-color: #18a4ad;
            color: #18a4ad;
        }

        .cookieConsentModal .dp--cookie-check .custom-control-label:before {
            pointer-events: none;
            content: "";
            user-select: none;
            display: block;
            position: absolute;
            top: 10px;
            left: 9px;
            width: 20px;
            height: 20px;
            border: 1px solid #d4d7d4;
            background-color: #fff;
        }

        .cookieConsentModal .dp--cookie-check .custom-control-label:after {
            display: block;
            position: absolute;
            content: "";
            top: 8px;
            left: 8px;
            width: 20px;
            height: 20px;
        }

        .cookieConsentModal .dp--cookie-check .custom-control-input:checked ~ .custom-control-label {
            color: #18a4ad;
            border-color: #18a4ad;
            /* background-color: #f2fbf2; */
        }

            .cookieConsentModal .dp--cookie-check .custom-control-input:checked ~ .custom-control-label:after {
                content: '\e910';
                font-family: 'iconfont-fliesengigant';
                color: #00939d;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                text-align: center;
                overflow: hidden;
                font-size: 22px;
                line-height: 1;
            }

        .cookieConsentModal .dp--cookie-check .custom-control-input:disabled ~ .custom-control-label {
            cursor: not-allowed;
            background-color: #f2f2f2;
            opacity: 0.6;
        }

.cookieConsentModal .detailsBtnContainer {
    margin-top: -8px;
}

.cookieConsentModal .detailsBtnContainer .btn {
    padding: 0;
    color: #18a4ad;
    background-color: transparent;
}

.cookieConsentModal .detailsBtnContainer .btn .icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 9px;
}

.cookieConsentModal .detailsBtnContainer .btn .icon:before, .cookieConsentModal .detailsBtnContainer .btn .icon:after {
    display: block;
    content: '';
    position: absolute;
    height: 2px;
    background-color: currentColor;
    transition: transform 300ms linear, top 300ms linear;
}

.cookieConsentModal .detailsBtnContainer .btn .icon:before {
    left: 0px;
    width: 12px;
    transform-origin: left center;
}

.cookieConsentModal .detailsBtnContainer .btn .icon:after {
    right: 0px;
    width: 12px;
    transform-origin: right center;
}

.cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:before, .cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:after {
    top: 8px;
}

.cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:before {
    transform: rotate(30deg);
}

.cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:after {
    transform: rotate(-30deg);
}

.cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:before, .cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:after {
    top: 14px;
}

.cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:before {
    transform: rotate(-30deg);
}

.cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:after {
    transform: rotate(30deg);
}

.cookieConsentModal .cookieGroupTitle {
    margin-top: 30px;
    margin-bottom: 10px;
}

.cookieConsentModal .cookieGroupTitle:first-child {
    margin-top: 22px;
}

.cookieConsentModal .collapse .bodytext:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.cookieConsentModal .cc-compliance {
    display: flex;
    justify-content: flex-end;
    margin-top: 29px;
    margin-left: -20px;
}

    .cookieConsentModal .cc-compliance .btn {
        margin-top: 20px;
        margin-left: 20px;
        font-size: 16px;
        line-height: 24px;
        padding: 11px 25px 15px 25px;
    }

        .cookieConsentModal .cc-compliance .btn.btn-outline-primary {
            background-color: #f3f2ef;
            /* color: #18a4ad; */
            color: #333;
        }

        .cookieConsentModal .cc-compliance .btn.btn-outline-primary:hover,
        .cookieConsentModal .cc-compliance .btn.btn-outline-primary:focus,
        .cookieConsentModal .cc-compliance .btn.btn-outline-primary:active {
            color: #0f646a;
        }

#pui_form {
    margin-left: -15px;
}

#pui_form .oxDate .oxMonth .btn {
    padding: 12px 12px;
    border: 1px solid #ccc;
    background-color: #FFF;
    color: #000;
}

#pui_form .oxDate .oxMonth .btn .caret {
    color: #18a4ad;
}

#pui_form label {
    padding-top: 11px;
}

#PayPalButtonProductMain {
    max-width: 100%;
    width: 100%;
    margin-top: 18px;
}

    #PayPalButtonProductMain:not(:empty):before {
        display: block;
        content: 'Direkt bestellen mit';
        color: #00939d;
        font-weight: bold;
        line-height: 28px;
        margin-bottom: 4px;
    }

.nextStepAndPayPalExpressContainer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 18px;
}

    .nextStepAndPayPalExpressContainer .paypal-button-or {
        display: none;
    }

    #PayPalPayButtonNextCart2 {
        line-height: 0;
        margin-right: 20px;
    }

        #PayPalPayButtonNextCart2:not(:empty):before {
            display: block;
            content: 'Direkt bestellen mit';
            color: #00939d;
            font-weight: bold;
            line-height: 24px;
        }

        #PayPalPayButtonNextCart2 > div {
            min-height: 0;
            min-width: 0;
        }

@media (max-width: 767px) {
    .cookieConsentModal .modal-dialog {
        min-height: 100vh;
        margin: 0;
    }

    .cookieConsentModal .modal-content {
        min-height: 100vh;
    }

    .cookieConsentModal .modal-body {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }

    .cookieConsentModal .cc-message {
        overflow: auto;
    }

    .cookieConsentModal .cc-compliance {
        flex-grow: 1;
        flex-direction: column;
        margin-top: 10px;
    }

    .cookieConsentModal .cc-compliance .cc-allow {
        order: 2;
    }

    .cookieConsentModal .cc-compliance .cc-dismiss {
        order: 1;
    }
}

@media (max-width: 767px) {
    .mobileSafari .cookieConsentModal .modal-dialog {
        height: 100%;
        min-height: auto;
        top: 0 !important;
    }
    .mobileSafari .cookieConsentModal .modal-content {
        height: 100%;
        min-height: auto;
    }
    .mobileSafari .cookieConsentModal .modal-body {
        height: 100%;
    }
    .mobileSafari .cookieConsentModal .cc-compliance {
        padding-top: 40px;
    }
    .mobileSafari .cookieConsentModal .dp--cookie-check {
        margin-bottom: 50px;
    }
}

@media (max-width: 480px) {
    .cookieConsentModal .modal-content {
        padding-top: 0;
    }

    .cookieConsentModal .modal-body {
        padding: 15px;
    }

    .cookieConsentModal .bodytext {
        font-size: 16px;
        line-height: 24px;
    }

    .cookieConsentModal .detailsBtnContainer .btn {
        font-size: 16px;
    }

    .cookieConsentModal .dp--cookie-check .custom-control-label {
        font-size: 15px;
    }

    .cookieConsentModal .cc-compliance .btn {
        font-size: 15px;
    }
}

.loadingAnimationWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.loadingAnimation {
    position: relative;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
}

.loadingAnimation img {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
}

.loadingAnimation .img-1 {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(270deg);
}

.loadingAnimation .img-2 {
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(90deg);
}

.loadingAnimation .img-3 {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(90deg);
}

.loadingAnimation .img-4 {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(270deg);
}

.loadingAnimation div {
    animation: fadeInOut 400ms infinite;
}

.loadingAnimation .img-1,
.loadingAnimation .img-2,
.loadingAnimation .img-3,
.loadingAnimation .img-4 {
    opacity: 0;
}

.loadingAnimation .img-1 {
    animation-delay: 0ms;
}

.loadingAnimation .img-2 {
    animation-delay: 100ms;
}

.loadingAnimation .img-4 {
    animation-delay: 200ms;
}

.loadingAnimation .img-3 {
    animation-delay: 300ms;
}

@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
}

.ourRangeHeadline {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 32px;
    margin-top: 24px;
    margin-bottom: 40px;
}

#footer a.wd-withdrawal-button {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 15px;
    margin: 20px 0;
}

.cl-wdwithdrawal .radio input[type="radio"] {
    margin-top: -11px;
}