/********************
	Part - top menu
********************/
.top-menu a:not([data-depth="0"]) {
    display     : block;
    padding     : .625rem;
    color       : var(--color-grey-font-default);
    font-weight : 400
}

.top-menu a.dropdown-submenu {
    color          : var(--color-black-default);
    text-transform : uppercase;
    font-weight    : 600
}

#header .top-menu a[data-depth="0"]:hover {
    color           : var(--link-color-on-hover);
    text-decoration : none
}

.top-menu a[data-depth="1"],
.top-menu a[data-depth="2"] {
    padding : 0 .625rem .625rem 0
}

.top-menu .collapse {
    display : inherit
}

.top-menu .sub-menu {
    box-shadow : 2px 1px 11px 2px rgba(0, 0, 0, .1);
    border     : none;
    width      : 100%;
    max-width  : 100%;
    display    : none;
    top        : 100% !important;
}

.top-menu .sub-menu.collapse {
    display : none;
}

.top-menu .sub-menu ul[data-depth="1"] > li {
    float  : left;
    margin : 0 1.25rem
}

.top-menu .sub-menu a:hover {
    color : #2fb5d2
}

.top-menu .popover {
    max-width     : inherit;
    border-radius : 0
}

/********************
	Part - desktop_top_menu
********************/
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {
    display : block !important
}

/********************
	Part - mobile_top_menu_wrapper
********************/
#mobile_top_menu_wrapper {
    padding    : 15px;
    background : #fff
}

#mobile_top_menu_wrapper #top-menu {
    margin-bottom : .625rem
}

#mobile_top_menu_wrapper .top-menu {
    color : var(--color-black-default)
}

#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded=true] .add {
    display : none
}

#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded=true] .remove {
    display : block
}

#mobile_top_menu_wrapper .top-menu .collapse-icons .remove {
    display : none
}

#mobile_top_menu_wrapper .top-menu .navbar-toggler {
    display : inline-block;
    padding : 0
}

#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
    padding       : .625rem;
    border-bottom : 1px solid #f6f6f6
}

#mobile_top_menu_wrapper .top-menu .collapse {
    display : none
}

#mobile_top_menu_wrapper .top-menu .collapse.in {
    display : block
}

#mobile_top_menu_wrapper .top-menu .sub-menu {
    box-shadow  : none;
    z-index     : inherit;
    display     : block;
    position    : static;
    overflow    : hidden;
    margin-left : 0;
    width       : 100%;
    min-width   : 100%;
    background  : #fff
}

#mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
    display : none
}

#mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in {
    display : block
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="0"] > li {
    border-bottom : 1px solid var(--color-grey-font-default)
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] {
    margin : 0
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li {
    float  : none;
    margin : 0
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a {
    text-transform : none
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul {
    padding : 0
}

#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
    padding       : .625rem;
    border-bottom : 1px solid #fff;
    font-weight   : 700
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a {
    padding-left : 1.25rem
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] li a {
    padding-left : 2.5rem
}

#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] li a {
    padding-left : 3.75rem
}

#mobile_top_menu_wrapper .js-top-menu-bottom a {
    color : var(--color-grey-font-default)
}

#mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper {
    padding : .625rem
}

#mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector {
    display : inline
}

#mobile_top_menu_wrapper .js-top-menu-bottom #contact-link, #mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector {
    padding : .625rem
}

#mobile_top_menu_wrapper .js-top-menu-bottom .user-info {
    padding : 0 .625rem
}

#mobile_top_menu_wrapper .js-top-menu-bottom .user-info a {
    padding : .625rem 0;
    display : block;
    width   : 100%
}

/********************
	Part - sub-menu
********************/
@media (max-width : 991px) {
    .sub-menu {
        left      : 0;
        min-width : 100%
    }
}


/********************
	Part - Style popover
********************/
.popover {
    font-family : inherit
}