body, .kk-tabs input[type="submit"], .kk-tabs button, .kk-basic-indicator .kk_ProgressBar li input[type="submit"], .kk-basic-indicator .kk_ProgressBar li input[type="submit"]:hover, .kk_DSPreviousNavContainer input:disabled, .kk_DSNextNavContainer input:disabled, .kk_DSPreviousNavContainer input:disabled:hover, .kk_DSNextNavContainer input:disabled:hover, .kk-grid-icon button i, .kk-action-menu-content td input[type="submit"], .kk-action-menu-content td button, .kk-action-menu-content td input[type="submit"]:hover, .kk-action-menu-content td button:hover, .dashboard-tiles tr td, .dashboard-tiles tr th, tr td.kk-tile-icon button i, a.kk-tile-icon i, .progress-indicator-inner .icon-incomplete, .progress-indicator-inner .icon-incomplete + .progress-indicator-label, .tooltip-trigger.standard-trigger::before, .tooltip-trigger.cds-trigger::before, .kk-modal-tooltip-parent button i, .kk-action-menu-trigger::after, .kk-search-box.kk-search-icon .kk_TextboxControl button::before {
    color: #86888d
}

    .top-menu-mobile-trigger span, a.sidebar-trigger span {
        background-color: #696C7D
    }

.kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl, .kk_QuestionControlWrapper.notification-info .kk_NarrativeControl, .row-hover:hover, .row-highlight, .kk_GridHighlight, .row-info, .cell-info, .info-icon {
    background-color: rgba(0,172,149,.15)
}

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(0,172,149,.15)
}

input[type="text"]:-webkit-autofill:focus, input[type="search"]:-webkit-autofill:focus, input[type="password"]:-webkit-autofill:focus, select:-webkit-autofill:focus, textarea:-webkit-autofill:focus {
    box-shadow: 0 0 0 3px rgba(0,172,149,.15)
}

a, a:visited, a:hover, .logo-container .logo a, .top-menu-container nav > ul > li > a:hover, ul.kk-dd-menu li.current > a, .top-menu-container nav > ul > li.current > a, li.has-current-child > span.kk-dd-trigger, button, a.button, input[type="submit"], .kk_DisplayAsLink input[type="submit"], .kk_DisplayAsLink button, .kk-button-link input[type="submit"], .kk-button-link button, .kk_DisplayAsLink input[type="submit"]:hover, .kk_DisplayAsLink button:hover, .kk-button-link input[type="submit"]:hover, .kk-button-link button:hover, .kk_FileSelect label, .kk_FileSelect label::after, .kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl, .kk_QuestionControlWrapper.notification-info .kk_NarrativeControl, .kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl span, .kk_QuestionControlWrapper.notification-info .kk_NarrativeControl span, .kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl::after, .kk_QuestionControlWrapper.notification-info .kk_NarrativeControl::after, .text-info, .text-info label, .tooltip-trigger.list-trigger:hover .tooltip-trigger-text, .checkmark-indicator.current input[type="submit"], .kk_ProgressBar li.current input[type="submit"], .checkmark-indicator.current input[type="submit"]:hover, .kk_ProgressBar li.current input[type="submit"]:hover, .kk_GridHighlight, .row-info, .cell-info, .dashboard-tiles tr.info::before, .dashboard-tiles tr.tile-info::before, .dashboard-tiles tr.info td.tile-headline, .dashboard-tiles tr.tile-info td.tile-headline, .info-icon, .outline-info-icon, .changePassword input[type="submit"]:nth-child(1), .progress-indicator-inner .icon-current, .progress-indicator-inner .icon-current + .progress-indicator-label, nav.kk-mm-panel h3 a, nav.kk-mm-panel h4 a, nav.kk-mm-panel h5 a, nav.kk-mm-panel h6 a {
    color: #00AC95
}


    .ui-datepicker, .kk_RadioButtonGroupContainer.kk_ApplyRangeSlider ul label::before, .kk_RadioButtonGroupContainer.range-selector ul label::before, button:not(.btn-close):hover, a.button:hover, input[type="submit"]:hover, a.button.primary-button, .primary-button input[type="submit"], .primary-button button, .kk_FileSelect label:hover, .kk-overlay-bar, .tooltip-body, .kk_DocumentUploadFooterToggle input:checked + label::before, .kk_CheckboxControl input:checked + label::before, .kk-toggle-checkbox .kk_CheckboxControl input:checked + label, .table-checkbox-label input:checked ~ span, .checkmark-indicator.completed .kk_ButtonControl::before, .kk_ProgressBar li.completed::before, .kk-loading-bar-indicator .kk_ProgressBar li.current::before, .kk-loading-bar-indicator .kk_ProgressBar li.completed::before, .kk-loading-bar-indicator .kk_ProgressBar li.completed::after, .kk-basic-indicator .kk_ProgressBar li.current input[type="submit"], .kk-basic-indicator .kk_ProgressBar li.current input[type="submit"]:hover, .kk-basic-indicator .kk_ProgressBar li.completed input[type="submit"], .kk-basic-indicator .kk_ProgressBar li.completed input[type="submit"]:hover, .kk-basic-indicator .kk_ProgressBar li.completed::after, .kk_DSNumberNavContainer input:disabled, .kk_DSNumberNavContainer input:disabled:hover, tr.selected-tile td.clickable-tile.checkbox-tile::before, .login-form td input[type="submit"], .changePassword input[type="submit"]:nth-child(1):hover, .changePassword input[type="submit"]:nth-child(2), tr.selected-tile td.checkbox-button span, .progress-indicator-visual, tr td.highlight-sticker, .kk-search-box .kk_TextboxControl button:hover, .kk-search-box .kk_TextboxControl input[type="submit"]:hover {
        background-color: #00AC95
    }

.kk_GridTiles tr td.clickable-tile input[type="submit"]:hover, .kk_GridTiles tr td.clickable-tile button:hover, .kk_GridTiles tr td.clickable-tile a:hover, .kk_GridTiles tr td.clickable-tile label:hover, .grid-tiles tr td.clickable-tile input[type="submit"]:hover, .grid-tiles tr td.clickable-tile button:hover, .grid-tiles tr td.clickable-tile a:hover, .grid-tiles tr td.clickable-tile label:hover, .kk_GridTiles tr.selected-tile td.clickable-tile input[type="submit"], .kk_GridTiles tr.selected-tile td.clickable-tile button, .kk_GridTiles tr.selected-tile td.clickable-tile a, .kk_GridTiles tr.selected-tile td.clickable-tile label, .grid-tiles tr.selected-tile td.clickable-tile input[type="submit"], .grid-tiles tr.selected-tile td.clickable-tile button, .grid-tiles tr.selected-tile td.clickable-tile a, .grid-tiles tr.selected-tile td.clickable-tile label {
    box-shadow: 0 0 0 1px #00AC95
}

blockquote, .placeholder-content-blocks .kk_QuestionColumnWrapper, .kk_QuestionControlWrapper.content-block, .content-block, nav.sidebar-menu li.current > a, .kk-separator::after, .kk-separator-center::after, input[type="text"]:hover, input[type="search"]:hover, input[type="password"]:hover, select:hover, textarea:hover, input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, select:focus, textarea:focus, .kk_RadioButtonGroupControl label:hover::before, .kk_AlternateRadioButtonsControl label:hover::before, .kk_RadioButtonGroupControl input:checked + label::before, .kk_AlternateRadioButtonsControl input:checked + label::before, .kk_DocumentUploadFooterToggle label:hover::before, .kk_CheckboxControl label:hover::before, .kk_DocumentUploadFooterToggle input:checked + label::before, .kk_CheckboxControl input:checked + label::before, .table-checkbox-label:hover input ~ span, .table-checkbox-label input:checked ~ span, .checkbox-disabled .table-checkbox-label input:checked ~ span, button, a.button, input[type="submit"], a.button.primary-button, .primary-button input[type="submit"], .primary-button button, .kk_FileSelect label, .kk_QuestionControlWrapper.kk_Notification\[Information\] .kk_NarrativeControl, .kk_QuestionControlWrapper.notification-info .kk_NarrativeControl, .checkmark-indicator.current .kk_ButtonControl::before, .kk_ProgressBar li.current::before, .dashboard-tiles tr, .kk_GridTiles tr td.clickable-tile input[type="submit"]:hover, .kk_GridTiles tr td.clickable-tile button:hover, .kk_GridTiles tr td.clickable-tile a:hover, .kk_GridTiles tr td.clickable-tile label:hover, .grid-tiles tr td.clickable-tile input[type="submit"]:hover, .grid-tiles tr td.clickable-tile button:hover, .grid-tiles tr td.clickable-tile a:hover, .grid-tiles tr td.clickable-tile label:hover, .kk_GridTiles tr.selected-tile td.clickable-tile input[type="submit"], .kk_GridTiles tr.selected-tile td.clickable-tile button, .kk_GridTiles tr.selected-tile td.clickable-tile a, .kk_GridTiles tr.selected-tile td.clickable-tile label, .grid-tiles tr.selected-tile td.clickable-tile input[type="submit"], .grid-tiles tr.selected-tile td.clickable-tile button, .grid-tiles tr.selected-tile td.clickable-tile a, .grid-tiles tr.selected-tile td.clickable-tile label, tr.selected-tile td.clickable-tile.radio-tile::before, tr.selected-tile td.clickable-tile.checkbox-tile::before, .outline-info-icon, .login-form td input[type="submit"], .changePassword input[type="submit"], .changePassword input[type="submit"]:nth-child(1), .changePassword input[type="submit"]:nth-child(1):hover, tr.selected-tile td.radio-button span, tr.selected-tile td.checkbox-button span {
    border-color: #00AC95
}

    .main-header.sticky + .page-wrap {
        margin-top: 115px;
    }
input[type="text"]:-webkit-autofill:hover, input[type="search"]:-webkit-autofill:hover, input[type="password"]:-webkit-autofill:hover, select:-webkit-autofill:hover, textarea:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="search"]:-webkit-autofill:focus, input[type="password"]:-webkit-autofill:focus, select:-webkit-autofill:focus, textarea:-webkit-autofill:focus {
    border-color: #00AC95
}

.tooltip-body[x-placement="right"]::after {
    border-right-color: #00AC95
}

.tooltip-body[x-placement="left"]::after {
    border-left-color: #00AC95
}

.login-form td input[type="submit"]:hover, a.button.primary-button:hover, .primary-button input[type="submit"]:hover, .primary-button button:hover, .changePassword input[type="submit"]:nth-child(2):hover {
    background-color: #008F7C
}

a.button.primary-button:hover, .primary-button input[type="submit"]:hover, .primary-button button:hover, .login-form td input[type="submit"]:hover, .changePassword input[type="submit"]:nth-child(2):hover {
    border: 1px solid #008F7C
}

.sidebar {
    background-color: #222538
}

.kk_DisplayLargeSizeText\[QuestionText\], .large-text, .medium-text, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label, .kk-markdown .md-editor div::after, .kk-markdown .md-editor a::after, .kk_RadioButtonGroupContainer.kk_ApplyRangeSlider ul label, .kk_RadioButtonGroupContainer.range-selector ul label, .kk-tabs input[type="submit"]:hover, .kk-tabs button:hover, .kk-tabs .kk-current-tab input[type="submit"], .kk-tabs .kk-current-tab button, .kk-tabs .kk-current-tab input[type="submit"]:hover, .kk-tabs .kk-current-tab button:hover, code, pre, .code-block, .kk_CodeText\[QuestionText\], pre code, .code-block .kk_QuestionText, .kk_CodeText\[QuestionText\] .kk_QuestionText, .text-dark, .text-dark label, .kk-modal-tooltip-parent button:hover i, table, th, .kk-grid-icon button:hover i, .mobile-table-wrap, .mobile-th, .mobile-td, tr td.kk_GridTileName, tr td.tile-headline, tr td.kk-tile-icon button:hover i, a.kk-tile-icon:hover i, .kk_ProgressBar input[type="submit"], .kk_ProgressBar input[type="submit"]:hover, .checkmark-indicator input[type="submit"], .checkmark-indicator input[type="submit"]:hover, .kk_ProgressBar input[type="submit"]:disabled, .kk_ProgressBar input[type="submit"]:disabled:hover, .checkmark-indicator input[type="submit"]:disabled, .checkmark-indicator input[type="submit"]:disabled:hover, .checkmark-indicator.completed .kk_ButtonControl input[type="submit"], .kk_ProgressBar li.completed input[type="submit"], .checkmark-indicator.completed .kk_ButtonControl input[type="submit"]:hover, .kk_ProgressBar li.completed input[type="submit"]:hover, .tooltip-trigger.standard-trigger:hover::before, .tooltip-trigger.cds-trigger:hover::before, input, select, textarea, .kk-action-menu-trigger:hover::after, li.mm-desktop-tab.active {
    /*color: rgb(255, 255, 255);*/
}

    input[type="text"]:-webkit-autofill, input[type="search"]:-webkit-autofill, input[type="password"]:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        -webkit-text-fill-color: #222538
    }

.master-footer {
    background-color: #222538
}

.content-wrap, .page-wrap.standard-page-wrap, .content-wrap.standard-page-content, .placeholder-content-blocks code, .content-block code, pre, .code-block, .kk_CodeText\[QuestionText\], .background-grey, .grey-background, .kk_AlternateRowStyling .kk_EvenRow, .alternate-vertical-rows .kk_EvenCol, .kk_GridHighlight\[Disabled\], .row-disabled, tr td.clickable-tile.radio-tile::before, tr td.clickable-tile.checkbox-tile::before, tr td.radio-button span, tr td.checkbox-button span, .progress-indicator-percent {
    background-color: #e5e6ea
}

.kk-modal-close button::after, .kk-gallery-modal .kk-modal-close button::after, .kk-flyout-close button::after, .cds-modal-close::after, .kk_GridHighlight\[Disabled\], .row-disabled {
    color: #d1d7e2
}

hr, .kk-separator-border::after, input, select, textarea, .kk-markdown .md-editor, .kk_RadioButtonGroupControl label::before, .kk_AlternateRadioButtonsControl label::before, .kk_RadioButtonGroupContainer.kk_ApplyRangeSlider ul label, .kk_RadioButtonGroupContainer.range-selector ul label, .kk_DocumentUploadFooterToggle label::before, .kk_CheckboxControl label::before, label.table-checkbox-label span, .checkbox-disabled .table-checkbox-label:hover input ~ span, code, pre, .code-block, .kk_CodeText\[QuestionText\], .kk_DocumentUploadTableContainer tr, .border-rows .mobile-row, .border-rows tr, .border-rows tr.kk_Row_2, .kk_CDSContainer table tr, .kk_NarrativeContainer table tr, .mobile-table-separator, .kk_GridTiles tr, .grid-tiles tr, tr td.clickable-tile.radio-tile::before, tr td.clickable-tile.checkbox-tile::before, .kk-accordion tr.kk_DSRow, .border-bottom, .border-top, .border-left, .border-right, .border-all, tr td.radio-button span, tr td.checkbox-button span {
    border-color: #d1d7e2
}

    input[type="text"]:-webkit-autofill, input[type="search"]:-webkit-autofill, input[type="password"]:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        border-color: #d1d7e2
    }

.back-to-top {
    background-color: #000;
    bottom: 50px
}

::-moz-selection {
    color: #000;
    background: #00AC95
}

::selection {
    color: #000;
    background: #00AC95
}

a.button, button, input[type=submit], .kk_FileSelect label, .kk_DocumentUploadButton a {
    font-weight: 600
}

.headr-inner {
    height: 115px
}

.main-header {
    background-color: #0c101a;
}


.pb-search-trigger, .pb-close-search-modal {
    display: none
}

#pb-global-search {
    display: block;
    position: relative;
}

    #pb-global-search input {
        background-color: #474A5A;
        border-color: #474A5A;
        color: #fff
    }

        #pb-global-search input:hover, #pb-global-search input:focus {
            border-color: #00AC95
        }

        #pb-global-search input::-webkit-input-placeholder {
            color: #bfc2d0
        }

        #pb-global-search input::-moz-placeholder {
            color: #bfc2d0
        }

        #pb-global-search input:-ms-input-placeholder {
            color: #bfc2d0
        }

        #pb-global-search input[type="text"]:-webkit-autofill, #pb-global-search input[type="text"]:-webkit-autofill:hover, #pb-global-search input[type="text"]:-webkit-autofill:focus {
            -webkit-text-fill-color: #fff
        }

    #pb-global-search button {
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        padding: 0;
        height: 42px;
        background-color: #00AC95;
        border-color: #00AC95
    }

        #pb-global-search button:hover {
            background-color: #008F7C;
            border-color: #008F7C
        }

        #pb-global-search button::after {
            display: block;
            content: '\f002';
            font-size: 1.2rem;
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            color: #fff;
            text-align: center;
            line-height: 42px
        }

.pb-search-suggestions {
    z-index: 4;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 5px 40px 0 rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,.15);
    padding: 20px;
    width: 850px;
    margin-left: -425px;
    left: 50%;
    top: 52px;
    max-height: calc(100vh - 200px);
    overflow: auto;
    display: none
}

    .pb-search-suggestions h6 {
        margin-bottom: .5rem
    }

.pb-search-cat, .pb-search-brands {
    margin-bottom: 1rem
}

    .pb-search-cat a.button, .pb-search-brands a.button {
        margin-right: 10px;
        font-size: .85rem;
        padding: 2px 10px;
        height: auto;
        font-weight: 400
    }

a.pb-search-product {
    display: block;
    padding: 15px;
    position: relative;
    color: #222538;
    border-top: 1px solid rgba(0,0,0,.15)
}

    a.pb-search-product::after {
        content: '';
        display: block;
        clear: both
    }

    a.pb-search-product::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        background-color: rgba(0,0,0,.07);
        transition: opacity 0.3s ease
    }

    a.pb-search-product:hover::before {
        opacity: 1
    }

.pb-search-image {
    float: left;
    width: 70px;
    padding-right: 20px
}

    .pb-search-image img {
        max-width: 100%
    }

.pb-search-descr {
    float: left;
    width: calc(100% - 160px);
    padding-right: 20px
}

.pb-search-price {
    float: right;
    width: 90px;
    text-align: right
}

    .pb-search-price span {
        display: block
    }

        .pb-search-price span:first-child {
            font-weight: 600;
            color: #00AC95
        }

        .pb-search-price span:last-child {
            color: #696C7D;
            font-size: .8rem
        }

li.pb-basket-link i {
    position: relative
}

    li.pb-basket-link i span {
        overflow: hidden;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 20px;
        border-radius: 50%;
        font-size: .8rem;
        position: absolute;
        text-align: center;
        background-color: #dc3545;
        color: #fff;
        top: -10px;
        left: -12px;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
    }

.pb-account-menu .d-menu nav > ul {
    float: right
}

.pb-account-menu .d-menu nav::after {
    content: '';
    clear: both;
    display: block
}

.pb-main-menu {
    border-top: 1px solid rgba(255,255,255,.15)
}

    .pb-main-menu .d-menu > nav > ul > li > a {
        line-height: 34px
    }

    .pb-main-menu .top-menu-container > nav > ul {
        height: 54px
    }

    .pb-main-menu .d-menu nav.top-menu {
        float: none
    }

.d-menu li.pb-menu-offers, .d-menu li.pb-menu-buy, .d-menu li.pb-menu-sell {
    float: right
}

.pb-main-menu .d-menu .top-menu .kk-dd-menu {
    top: 54px
}

.pb-main-menu .d-menu .top-menu li.kk-megamenu > ul {
    max-width: 1300px;
    width: 1300px;
    margin-left: -650px;
    top: 115px
}

.d-menu li.kk-mm-tab:last-child {
    margin-bottom: 80px
}

.top-menu-container nav .pb-mm-brands a {
    padding-top: 0;
    padding-bottom: 0;
    position: relative
}

    .top-menu-container nav .pb-mm-brands a:hover {
        background-color: transparent
    }

    .top-menu-container nav .pb-mm-brands a::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.07);
        transition: opacity 0.3s ease;
        opacity: 0;
        z-index: 1
    }

    .top-menu-container nav .pb-mm-brands a:hover::after {
        opacity: 1
    }

.pb-mm-brands img {
    max-width: 100%;
    width: auto;
    height: 60px
}

.d-menu .top-menu li.kk-megamenu.pb-notabs-megamenu > ul {
    padding: 20px
}

.pb-notabs-megamenu ul ul {
    margin: 0;
    padding: 0
}

li.kk-mm-tab .kk-mm-trig {
    position: relative
}

    li.kk-mm-tab .kk-mm-trig:after {
        content: '\f105';
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        position: absolute;
        line-height: 20px;
        width: 20px;
        height: 20px;
        right: 0;
        top: 12px;
        display: none
    }

li.kk-mm-tab:hover .kk-mm-trig:after, li.kk-mm-tab.active .kk-mm-trig:after {
    display: block
}

h4, .h4 {
    font-size: 1.1rem
}

.medium-text, h3, .h3 {
    font-size: 1.2rem
}

.pb-headline {
    position: relative
}

h2.pb-headline {
    margin-bottom: 1.5rem
}

.pb-headline::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin-top: 10px;
    background-color: #00AC95
}

.text-align-center.pb-headline::after {
    margin: 10px auto 0 auto
}

a h1, a h2, a h3, a h4, a h5, a h6 {
    text-decoration: none
}

.pb-detailed-icon {
    margin-bottom: 1rem
}

.pb-link-icon {
    text-decoration: none;
    color: #36e4cc;
    font-weight: 600
}

    a:hover .pb-link-icon i, .pb-link-icon:hover i {
        transform: translateX(6px)
    }

    .pb-link-icon i {
        margin-left: 5px;
        transition: transform 0.3s ease
    }

a.pb-featured-link {
    display: block;
    text-decoration: none
}

    a.pb-featured-link p {
        color: #696C7D
    }

.pb-truncate-text {
    margin-bottom: 1.75rem;
    margin-top: 0
}

    .pb-truncate-text p {
        margin-bottom: 0;
        overflow: hidden;
        transition: height 500ms ease
    }

a.pb-show-more {
    display: block
}

.pb-breadcrumbs {
    margin-bottom: 30px
}

    .pb-breadcrumbs ol {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .pb-breadcrumbs li {
        padding: 0;
        margin: 0 6px;
        display: inline-block
    }

        .pb-breadcrumbs li:first-child {
            margin: 0 6px 0 0
        }

.page-wrap.fullwidth-page-wrap {
    min-height: 80vh
}

.pb-footer-wrapper, .wrapper {
    padding-top: 45px;
    padding-bottom: 45px
}

    .wrapper.pb-category-header {
        padding-bottom: 140px
    }

    .wrapper.pb-category-wrapper {
        padding-top: 1px
    }

        .wrapper.pb-category-wrapper .row {
            margin-top: -100px
        }

.col-wrapper {
    margin-right: 60px;
    margin-left: 60px
}

.pb-certification-logos .row > div {
    text-align: center
}

.pb-certification-logos img {
    display: inline-block;
    opacity: .25;
    max-width: 220px
}

.master-footer {
    padding-top: 0;
    padding-bottom: 0
}

footer.master-footer ul {
    list-style-type: none;
    padding: 0
}

.pb-footer-logo {
    margin-bottom: 1rem
}

.m-60 {
    margin: 60px
}

.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mt-60 {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.m-40 {
    margin: 40px
}

.m-20 {
    margin: 20px
}

.mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mt-20 {
    margin-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.m-0 {
    margin: 0
}

.mtb-0 {
    margin-top: 0;
    margin-bottom: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.p-60 {
    padding: 60px
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.pt-60 {
    padding-top: 60px
}

.pb-60 {
    padding-bottom: 60px
}

.p-40 {
    padding: 40px
}

.p-20 {
    padding: 20px
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.p-0 {
    padding: 0
}

.ptb-0 {
    padding-top: 0;
    padding-bottom: 0
}

.pb-0 {
    padding-bottom: 0
}

.pt-0 {
    padding-top: 0
}

hr.no-spacing {
    margin: 0;
    padding: 0
}

.vertical-align-top {
    vertical-align: top
}

.vertical-align-baseline {
    vertical-align: baseline
}

.pb-price-comparison {
    position: relative;
    padding: 0 0 0 22px;
    text-decoration: none;
    line-height: 22px;
    z-index: 1
}

    .pb-price-comparison:hover {
        text-decoration: underline
    }

.pb-ol {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    padding: 8px;
    width: 42px
}

.pb-sr-buy a.disabled, .pb-sr-buy a.disabled:active, .pb-sr-buy a.disabled:hover, .pb-sr-buy a.disabled:focus {
    border: 1px solid #aaa;
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    opacity: .75
}

a.disabled, a.disabled:active, a.disabled:hover, a.disabled:focus {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    opacity: .75
}

@media (min-width:1500px) {
    .container {
        max-width: 1380px
    }
}

@media (min-width:992px) {
    .pb-h-780 {
        height: 750px
    }

    .pb-h-270 {
        height: 240px
    }

    .pb-h-480 {
        height: 480px
    }

    .pb-h-190 {
        height: 190px
    }

    .pb-h-410 {
        height: 410px
    }

    .top-menu-container > nav > ul > li > a {
        color: #fff
    }

        .top-menu-container > nav > ul > li > a:hover {
            color: #00AC95
        }

    .pb-account-menu .top-menu-container nav li:last-child a {
        padding-right: 0
    }

        .pb-account-menu .top-menu-container nav li:last-child a.kk-dd-trig {
            padding-right: 24px
        }

            .pb-account-menu .top-menu-container nav li:last-child a.kk-dd-trig::after {
                right: -3px
            }

    .pb-main-menu .top-menu-container > nav > ul > li:first-child > a {
        padding-left: 0
    }

    .pb-main-menu .top-menu-container > nav > ul > li.pb-menu-offers > a {
        padding-right: 0
    }

    .pb-main-menu .top-menu-container > nav > ul > li:not(.pb-menu-offers) + .pb-menu-buy > a {
        padding-right: 24px
    }

        .pb-main-menu .top-menu-container > nav > ul > li:not(.pb-menu-offers) + .pb-menu-buy > a::after {
            right: -3px
        }
}

@media (max-width:1500px) {
    .pb-main-menu .d-menu .top-menu li.kk-megamenu > ul {
        max-width: 1110px;
        width: 1110px;
        margin-left: -555px
    }
}

@media (max-width:1200px) {
    .pb-main-menu .d-menu .top-menu li.kk-megamenu > ul {
        max-width: 930px;
        width: 930px;
        margin-left: -465px
    }

    .col-wrapper {
        margin-right: 0;
        margin-left: 0
    }
}

@media (max-width:992px) {
    .main-header.sticky {
        position: relative
    }

    .pb-proxy-bar {
        margin-top: 0
    }

    .main-header.sticky + .page-wrap {
        margin-top: 0
    }

    .pb-footer-wrapper, .wrapper {
        padding-top: 30px;
        padding-bottom: 30px
    }

    header .logo-container ~ .col-2 {
        padding-left: 0
    }

    a.pb-category-link {
        margin-bottom: 2rem
    }

    .pb-account-menu .top-menu-mobile-trigger {
        margin-left: 0
    }

    .top-menu-mobile-trigger span {
        background-color: #fff
    }

    .pb-main-menu .top-menu-mobile-trigger {
        margin: 7px 0 7px 0
    }

        .pb-main-menu .top-menu-mobile-trigger span {
            width: 20px;
            border-radius: 0;
            right: 10px;
            height: 2px
        }

            .pb-main-menu .top-menu-mobile-trigger span.middle, .pb-main-menu .top-menu-mobile-trigger span.middle-mobile {
                transform: rotate(0);
                -webkit-transform: rotate(0);
                -ms-transform: rotate(0)
            }

        .pb-main-menu .top-menu-mobile-trigger.active span.middle-mobile {
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg)
        }

        .pb-main-menu .top-menu-mobile-trigger.active span.middle {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg)
        }

    #pb-global-search {
        margin: 0
    }

    .pb-search-container {
        display: none;
        background-color: #222538;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 5;
        overflow: auto;
        padding: 50px 40px 40px 40px;
        transition: opacity 0.3s ease
    }

    .pb-search-trigger {
        display: block;
        height: 60px;
        width: 100%;
        margin: 0
    }

    .pb-close-search-modal {
        display: block;
        height: 42px;
        width: 42px
    }

    .pb-close-search-modal {
        position: absolute;
        top: 5px;
        right: 5px
    }

        .pb-search-trigger::after, .pb-close-search-modal::after {
            display: block;
            font-size: 1.2rem;
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            color: #fff;
            text-align: center
        }

    .pb-search-trigger::after {
        content: '\f002';
        line-height: 60px
    }

    .pb-close-search-modal::after {
        content: '\f00d';
        line-height: 42px
    }

    .pb-search-suggestions {
        width: 94%;
        left: 3%;
        top: 92px;
        max-height: calc(100vh - 92px);
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px
    }

    a.pb-search-product {
        padding: 10px
    }
}

.pb-proxy-bar {
    background-color: #db3847;
    margin: 0;
    padding: 12px 0;
    margin-top: 115px
}

    .pb-proxy-bar a {
        border-color: #fff;
        border-width: 2px;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        display: block;
        text-decoration: none;
    }

        .pb-proxy-bar a i {
            margin: 0 10px
        }

li.kk-mm-tab .kk-mm-trig:after {
    font-family: "Font Awesome 6 Pro";
    top: 8px;
}

.kk-dd-trig::after {
    font-family: "Font Awesome 6 Pro";
    top: 51%;
}

@media screen and (max-width: 992px) {
    .pb-search-trigger::after {
        font-family: "Font Awesome 6 Pro";
    }
}

@media screen and (min-width: 993px) {
    .width-input-50-fix {
        margin-left: -4.5px;
    }
}

@media screen and (min-width: 993px) {
    .flexbox-width-50-fix .kk_ColumnAssignment_1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .flexbox-width-50-fix .flexbox-width-100 {
        width: 100%;
    }
}

.CybotCookiebotDialogBodyButton {
    height: auto;
}

.mt-28 {
    margin-top: 28px;
}

/*! price compare */
@media (min-width:768px) {
    .price-compare > .modal-dialog {
      --bs-modal-width: 80rem!important;
    }
}
.price-compare .h4,
.price-compare p {
  margin: 0;
  display: block;
}
.price-compare td {
  color: inherit;
}
.price-compare ol {
    padding-left: 1rem !important;
}
.price-compare td.special-trunc span {
  width: 10rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.price-compare tr + tr .headline {
  margin-top: 1.25rem;
}

#pb-basket-modal > div {
    z-index: 99;
    min-width: 20rem;
    padding: 1.5rem;
    box-shadow: 0 15px 40px 0 rgba(0,0,0,.2);
}

#pb-basket-modal p {
    color: var(--bs-body-color);
}

#pb-basket-modal .text-truncated {
    max-height: 4rem;
    overflow: hidden;
}

#pb-basket-modal .btn {
    background: RGB(0, 172, 149);
    border: 1px solid RGB(0, 172, 149);
    color: rgb(255, 255, 255);
    font-weight: 600;
    box-shadow: none;
    transition: all 0.25s ease-in;
    height: auto;
}

#pb-basket-modal i {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
}

    #pb-basket-modal i::before {
        font-weight: lighter;
    }

 a[data-bs-toggle="modal"] {
    text-decoration: none;
}

   a[data-bs-toggle="modal"]:hover {
        text-decoration: underline;
    }