.block-kaf-submenu {
    display: none;
    position: fixed;
    top: 7.5rem;
    right: 0;
    height: calc(100% - 7.5rem);
    width: calc(100% - 3.125rem);
    max-width: calc(100% - 3.125rem);
    background: #fff;
    overflow: hidden;
    padding-top: 4.375rem;
    z-index: 3
}

.has-promo-banner .block-kaf-submenu {
    padding-top: 5.3125rem
}

.block-kaf-submenu.is-expanded {
    display: block;
    -webkit-animation: a .3s ease;
    animation: a .3s ease;
    z-index: 10000;
}

@media (min-width:64rem) {
    .block-kaf-submenu {
        display: none
    }
}

.block-kaf-submenu ul {
    padding: 0 .938rem
}

.block-kaf-submenu a {
    transition: color .3s ease
}

.block-kaf-submenu a:focus, .block-kaf-submenu a:hover {
    color: #f07129
}

.block-kaf-submenu a:focus {
    border-bottom: .125rem solid #f07129
}

.mnav-l2--title, .mnav-l3--title {
    padding: 1.3125rem 0;
    margin-bottom: 0;
    font-weight: 500
}

.mnav-l2--wrapper, .mnav-l3--wrapper {
    position: absolute;
    top: 3.438rem;
    width: 100%;
    right: 0;
    height: 100%;
    transition: all .3s ease;
    background: #fff;
    transform: scaleX(0);
    transform-origin: right;
    overflow-y: auto
}

.mnav-l2--wrapper.is-slid, .mnav-l3--wrapper.is-slid {
    transform: scaleX(1)
}

.mnav-l2--wrapper.slid-parent, .mnav-l3--wrapper.slid-parent {
    overflow-y: hidden
}

.has-promo-banner .mnav-l2--wrapper {
    top: 6.25rem
}

.mnav-l3--wrapper {
    top: 0
}

.mnav-header {
    display: flex;
    padding: 0 .938rem;
    background: #f8f5f0
}

.mnav-back, .mnav-more {
    -webkit-appearance: none;
    border: none;
    margin: 10px;
    padding: 0;
    font-size: 25px;
    background: transparent;
    cursor: pointer;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    max-width: 2.5rem;
    transition: color .3s ease
}

.mnav-back:before, .mnav-more:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105";
}

.mnav-back:focus, .mnav-back:hover, .mnav-more:focus, .mnav-more:hover {
    color: #f07129
}

.mnav-back:focus, .mnav-more:focus {
    outline: 2px solid #f07129 !important
}

.mnav-back:before {
    display: block;
    transform: rotate(180deg)
}

.mnav-item {
    display: flex;
    align-items: stretch
}

.mnav-item+.mnav-item {
    border-top: .063rem solid #d8d8d8
}

.mnav-item--wrapper {
    flex: 0 100 100%;
    width: 100%;
    max-width: 100%;
    padding: 0 .938rem
}

.mobile-subnav-l1, .mobile-subnav-l2, .mobile-subnav-l3 {
    display: inline-block;
    margin: .6875rem 0;
    padding: .625rem 0
}

.mobile-subnav-l1:focus, .mobile-subnav-l2:focus, .mobile-subnav-l3:focus {
    border-bottom: .125rem solid #f07129;
    margin-bottom: .5625rem
}

.search {
    flex: 1;
    margin-right: 1.563rem
}

@media (min-width:64rem) and (-ms-high-contrast:none), screen and (min-width:64rem) and (-ms-high-contrast:active) {
    .search {
        display: block;
        width: 16.25rem
    }
}

.search__show {
    font-size: 1.8rem;
    line-height: 1;
    color: #000;
    margin-right: 1.563rem;
    transition: color .3s ease;
    cursor: pointer;
    position: relative
}

.search__show:before {
    font-size: 1.8rem;
    line-height: 1;
    font-style: normal;
    position: absolute;
    bottom: .125rem
}

.search__show:hover:before {
    color: #f07129
}

.search__show:focus:before {
    border-bottom: .125rem solid #f07129;
    padding-bottom: .438rem;
    margin-bottom: -.562rem
}

.js-active-mnav .search__show, .js-is-sticky .search__show {
    color: #000
}

.mobile-filters__hide, .search__hide {
    display: none;
    position: fixed;
    right: 1.8rem;
    top: 1.875rem;
    -webkit-appearance: none;
    border: none;
    font-size: 1.8rem;
    background: transparent;
    color: #000;
    cursor: pointer;
    z-index: 7
}

.mobile-filters__hide:before, .search__hide:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00d";
    font-size: 1.8rem;
}

.mobile-filters__hide:hover:before, .search__hide:hover:before {
    color: #f07129
}

.mobile-filters__hide:focus:before, .search__hide:focus:before {
    outline: none;
    border: .125rem solid #f07129;
    padding: .188rem;
    margin-bottom: -.312rem;
    margin-right: -.312rem
}

@media (min-width:64rem) {
    .search__hide {
        display: none
    }
}

.search--active+.search__hide {
    display: block
}

@media (min-width:64rem) {
    .search--active+.search__hide {
        display: none
    }
}

.search__bar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 25rem;
    padding: 1.8rem;
    background: hsla(0, 0%, 100%, .96);
    overflow: hidden;
    transition: all .3s ease;
    transform: translateX(100%);
    z-index: 7
}

.search__bar.search--active {
    transform: translateX(0)
}

@media (min-width:64rem) {
    .search__bar {
        position: static;
        display: block;
        padding: 0;
        transform: none;
        background: transparent
    }
}

@media (min-width:76.563rem) {
    .search__bar {
        width: 16.25rem
    }
}

.header .search__bar input {
    border: .063rem solid #e4e4e4
}

.search__bar input {
    width: 100%;
    padding: .625rem 2.188rem;
    border: none;
    border-bottom: .063rem solid #000;
    background-color: transparent;
    background-image: url(../../../../themes/custom/kaf_nextgenweb/images/icons/search.svg);
    background-repeat: no-repeat;
    background-position: 0 .625rem;
    background-size: 1.463rem 1.294rem;
    transition: all .3s ease
}

@media (min-width:64rem) {
    .search__bar input {
        padding: .625rem .75rem;
        border: .063rem solid #e4e4e4;
        background-position: center right .75rem
    }
}

@media (min-width:64rem) {
    .search__bar input:focus {
        background-image: none
    }
}

.search__bar input:-moz-placeholder, .search__bar input::-moz-placeholder {
    color: #000
}

.search__bar input::-webkit-input-placeholder {
    color: #000
}

.search__bar input:focus:-moz-placeholder, .search__bar input:focus::-moz-placeholder {
    color: transparent
}

.search__bar input:focus::-webkit-input-placeholder {
    color: transparent
}

.js-is-sticky .search__bar input {
    color: #000;
    background-image: url(../../../../themes/custom/kaf_nextgenweb/images/icons/search.svg);
    border-color: #e4e4e4
}

.js-is-sticky .search__bar input:-moz-placeholder, .js-is-sticky .search__bar input::-moz-placeholder {
    color: #000
}

.js-is-sticky .search__bar input::-webkit-input-placeholder {
    color: #000
}

.js-is-sticky .search__bar input:focus:-moz-placeholder, .js-is-sticky .search__bar input:focus::-moz-placeholder {
    color: transparent
}

.js-is-sticky .search__bar input:focus::-webkit-input-placeholder {
    color: transparent
}

@media (min-width:64rem) {
    .js-is-sticky .search__bar input:focus {
        background-image: none
    }
}

.menu--utility {
    display: flex;
    align-items: center;
    z-index: 4;
    margin-top:40px;
    margin-right:20px;
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
    .menu--utility {
        display: inherit;
        width: 23.125rem
    }
}

.user-nav ul:not(.contextual-links) {
    position: relative;
    display: flex;
    flex: 1
}

.user__item-account>a, .user__item-cart>a {
    display: flex;
    height: 2.5rem;
    width: 1.563rem
}

.user__item-account>a:after, .user__item-account>a:before, .user__item-cart>a:after, .user__item-cart>a:before {
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    color: #000;
    transition: color .3s ease;
    position: absolute;
    bottom: .75rem;
    left: 0
}

.js-active-mnav .user__item-account>a:after, .js-active-mnav .user__item-account>a:before, .js-active-mnav .user__item-cart>a:after, .js-active-mnav .user__item-cart>a:before, .js-is-sticky .user__item-account>a:after, .js-is-sticky .user__item-account>a:before, .js-is-sticky .user__item-cart>a:after, .js-is-sticky .user__item-cart>a:before {
    color: #000
}

@media (min-width:64rem) {
    .user__item-account>a:after, .user__item-account>a:before, .user__item-cart>a:after, .user__item-cart>a:before {
        bottom: .625rem
    }
}

.user__item-account>a:hover:before, .user__item-cart>a:hover:before {
    color: #f07129
}

.user__item-account>a:focus:before, .user__item-cart>a:focus:before {
    border-bottom: .125rem solid #f07129;
    padding-bottom: .438rem;
    margin-bottom: -.562rem
}

@media (min-width:64rem) {
    .user__item-account.user-logged-in {
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        text-overflow: ellipsis;
        max-width: 6.875rem;
        margin-right: .625rem
    }
}

@media (min-width:64rem) {
    .user__item-account.user-logged-in>a {
        position: relative;
        padding-left: 1.563rem;
        font-size: .875rem;
        display: initial
    }

    .user__item-account.user-logged-in>a:before {
        bottom: 0
    }
}

@media (min-width:64rem) {
    .user-nav .user__item-account.user-logged-in {
        padding-top: .375rem
    }
}

.user__item-account {
    margin-right: .938rem
}

@media (min-width:64rem) {
    .user__item-account {
        margin-right: 1.563rem
    }

    .js-is-sticky .user__item-account {
        color: #000
    }
}

.user__item-account>a {
    padding-bottom: 0;
    font-size: 0;
    color: #000
}

.user__item-account>a:before {
    
}

.user__item-account>a:hover {
    color: #f07129
}

.user__item-account ul.menu {
    display: none;
    position: absolute;
    flex-flow: column nowrap;
    top: 2.625rem;
    left: -2.937rem;
    width: 9.75rem;
    padding: .125rem;
    margin: 0;
    list-style-type: none;
    background-color: #fff;
    border: .063rem solid #e4e4e4;
    text-align: left
}

@media (min-width:64rem) {
    .user__item-account ul.menu {
        top: 2.563rem;
        left: -4.125rem
    }
}

.user__item-account ul.menu li {
    width: 100%
}

.user__item-account ul.menu li.active, .user__item-account ul.menu li.is-active, .user__item-account ul.menu li:active, .user__item-account ul.menu li:focus, .user__item-account ul.menu li:hover {
    background-color: #d8d8d8
}

.user__item-account ul.menu a {
    display: block;
    padding: .5rem;
    font-size: .75rem;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.25;
    letter-spacing: .125rem;
    white-space: normal;
    color: #000
}

.user__item-account .user__item-separator {
    border-top: .063rem solid #d8d8d8;
    border-bottom: .063rem solid #d8d8d8
}

.user__item-account .user__item-chevron a:after {
    position: relative;
    display: inline-block;
    border-right: .063rem solid #f07129;
    border-bottom: .063rem solid #f07129;
    width: .313rem;
    height: .313rem;
    margin-right: .313rem;
    transform: rotate(-45deg);
    content: "";
    margin-bottom: .063rem;
    margin-left: .625rem;
    margin-right: 0
}

.menu-link-contentsecondary.view-mode-default.contextual-region {
    position: absolute;
    top: 0
}

.user__item-cart {
    position: relative;
    margin-right: 1.563rem
}

@media (min-width:64rem) {
    .user__item-cart {
        margin-right: 0
    }
}

.user__item-cart a:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
}

.user__item-cart span {
    position: absolute;
    top: .063rem;
    right: -.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: 400 .875rem/1 brandon-grotesque;
    color: #fff;
    background: #f07129;
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.user__item-locator {
    display: none
}

.user__item-locator:before {
    content: ""
}

.menu__trigger {
    min-width: 1.313rem;
    padding: 0;
    border: none;
    background: transparent;
    z-index: 5;
    -webkit-appearane: none;
    cursor: pointer;
    color: #000;
    margin-left: 10px;
    margin-bottom: 10px;
}

.menu__trigger:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c9";
}

.menu__trigger.is-open:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00d";
}

.menu__trigger:before {
    font-size: 1.888rem
}

@media (min-width:64rem) {
    .menu__trigger {
        display: none
    }
}

.js-active-search .menu__trigger {
    display: none
}

.menu__trigger:hover:before {
    color: #f07129
}

.menu__trigger:focus:before {
    border-bottom: .125rem solid #f07129;
    padding-bottom: .625rem;
    margin-bottom: -1.8rem
}

/*================== search area starts ======= */

.search__overlay {
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #f8f5f0;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 0 1.875rem;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s ease
}

@media (min-width:48rem) {
    .search__overlay {
        z-index: 9999;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #f8f5f0;
        top: 0;
        left: 0;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        display: flex
    }
}

.search__overlay.is-active {
    z-index: 100999;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #f8f5f0;
    top: 0;
    left: 0;
    overflow: hidden;
    justify-content:start;
    align-items: start;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: opacity .25s ease
}

.search__overlay--inner-container {
    max-width: 100%;
    margin-top:100px;
}

@media (min-width:60rem) {
    .search__overlay--inner-container {
        max-width: none
    }
}

.search__overlay--inner-container .search__bar {
    width: 50.313rem;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
    position: relative;
    padding: 0;
    background-color: transparent;
    transform: none;
    transition: none
}

@media (min-width:48rem) {
    .search__overlay--inner-container .search__bar {
        width: 50.313rem;
        height: 4.688rem;
        max-width: 100%;
        display: flex;
        flex-flow: row nowrap
    }
}

.mobile-search--container {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    margin-top: 2.188rem
}

@media (min-width:48rem) {
    .mobile-search--container {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        position: relative;
        margin-top: 0
    }
}

.search__overlay--inner-container .search__bar input {
    flex: 1;
    height: 4.4rem;
    max-width: 100%;
    background-image: none;
    border: .063rem solid #e4e4e4;
    border-right: none;
    color: #000;
    font-family: Para Supreme;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 2.813rem;
    background-color: #fff;
    text-transform: none;
    padding-left: 1.25rem;
    border-left: none;
    transition: none;
    border-bottom-left-radius: 2.563rem;
    border-top-left-radius: 2.563rem
}

@media (min-width:48rem) {
    .search__overlay--inner-container .search__bar input {
        flex: 1 1 33.75rem;
        height: 4.688rem;
        border: .063rem solid #e4e4e4;
        border-right: none;
        color: #000;
        font-family: Para Supreme;
        font-size: 2.125rem;
        line-height: 2.5rem;
        background-color: #fff;
        margin-left: 0;
        padding-left: 1.5rem;
        transition: none;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
}

.search__overlay--inner-container .search__bar input:focus {
    outline: none;
    border: .125rem solid #d8d8d8
}

@media (min-width:48rem) {
    .search__overlay--inner-container .search__bar input:focus {
        outline-offset: -.125rem
    }
}

.submit--container {
    background-color: #fff;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    width: 4.4rem;
    height: 4.4rem;
    position: relative;
    border: .063rem solid #e4e4e4;
    border-left: none;
    padding-right: .063rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none
}

@media (min-width:48rem) {
    .submit--container {
        width: 4.688rem;
        height: 4.688rem
    }
}

.search__overlay--inner-container .search__bar .search-submit {
    width: 3.375rem;
    height: 3.375rem;
    background-color: #f07129;
    border: 0;
    outline: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:48rem) {
    .search__overlay--inner-container .search__bar .search-submit {
        width: 3.563rem;
        height: 3.563rem
    }
}

.search__overlay--inner-container .search__bar .search-submit:focus {
    outline-offset: -.125rem;
    outline: .125rem solid #f07129;
    text-decoration: none
}

.search__overlay--inner-container .search__bar .search-submit img.search-image {
    min-width: 1.063rem;
    width: 1.063rem;
    height: 1.063rem
}

@media (min-width:48rem) {
    .search__overlay--inner-container .search__bar .search-submit img.search-image {
        width: 1.625rem;
        height: 1.625rem
    }
}

.search__overlay--inner-container .search__hide {
    position: fixed;
    top: 2.375rem;
    right: 1.375rem;
    display: flex;
    flex-flow: row-reverse nowrap;
    align-items: center;
    padding: .625rem;
    outline: .125rem solid transparent;
    z-index: auto
}

.search__overlay--inner-container .search__hide:focus {
    outline: .125rem solid #f07129;
    text-decoration: none
}

.search__overlay--inner-container .search__hide .search__hide-text {
    text-transform: uppercase;
    font-size: 14;
    display: flex
}

.search__overlay--inner-container .search__hide:before {
    border-radius: 50%;
    font-size: 1.25rem;
    padding: .625rem;
    margin-left: .625rem
}

.search__overlay--inner-container .search__bar .select--container {
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    font-family: brandon-grotesque;
    font-size: .813rem;
    letter-spacing: .087rem;
    line-height: 1rem;
    display: flex;
    flex-flow: row nowrap;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .search__overlay--inner-container .search__bar .select--container {
        width: 11.625rem;
        height: 4.688rem;
        color: #fff;
        font-family: Para Supreme;
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 4.4rem;
        text-transform: none
    }
}

.select--container select {
    display: none
}