#menu {overflow: hidden;}
body:not(.unpinned-notificationbar) .slideout-menu, body:not(.unpinned-welcomegift) .slideout-menu{top: var(--header-height);}
body.menu-mobile-opened:not(.unpinned-notificationbar) .overlay::before, body.menu-mobile-opened:not(.unpinned-welcomegift) .overlay::before{top: 0;}
body.unpinned-notificationbar .slideout-menu{top: calc(var(--header-height) - var(--notification-bar-height, 28px));}
body.unpinned-welcomegift .slideout-menu{top: calc(var(--header-height) - 40px);}
body.unpinned-notificationbar.menu-mobile-opened .overlay::before{top: calc(-var(--notification-bar-height, 28px));}
body.unpinned-welcomegift.menu-mobile-opened .overlay::before{top: calc(-var(--notification-bar-height, 40px));}
.slideout-menu a {color: currentColor;text-decoration: none}
#mobile-main-menu {margin-bottom: 8px;}
.mobile-nav-parent-item {margin-bottom: 20px;}
.mobile-nav-parent-item, .mobile-menu-group:not(.rdc-menu_mobile-level-1) {padding-left: 20px;}
.mobile-menu-sub-scroll {padding-top: 20px;}
#mobile-holder a{position: relative;display: block;padding: 15px 20px 12px;text-decoration: none;}
#mobile-holder a:not(.mobile-nav-item-return) {line-height: 100%;}
#mobile-holder a.mobile-nav-item-4 {padding-top: 13px;padding-bottom: 13px;}
#mobile-holder .rdc-icon-svg {width: 16px;height: 16px;}
.mobile-nav-item-3 .rdc-icon-svg, .mobile-nav-item-3 .rdc-icon-svg,
.mobile-nav-item .rdc-icon-svg, .mobile-nav-item-2 .rdc-icon-svg {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);right: 20px; opacity: 1; background-size: 100%;}
#mobile-holder .return, #mobile-holder .return2, #mobile-holder .return3{width: 100%;}
#mobile-holder .return a,  #mobile-holder .return2 a,  #mobile-holder .return3 a{padding-left: 44px;padding-right: 50px;}
#mobile-holder .return a .rdc-icon-svg, #mobile-holder .return2 a .rdc-icon-svg, #mobile-holder .return3 a .rdc-icon-svg{top: 50%; position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);left: 16px;width: 20px;height: 20px;}

#mobile-main-menu-sub .hidden{display: none !important;}
.mobile-menu-image {text-align: center;padding: 45px 25px 40px 40px;width: 100%;}
.mobile-menu-image-item {display: block;width: 100% !important;margin: 0 !important;padding: 0 !important;}
.mobile-menu-image-item:not(:last-child) {padding-bottom: 30px !important;}
.mobile-menu-image-item-title {padding-top: 15px; padding-bottom: 14px; background-color: var(--color-white);}
.mobile-menu-image-item-link {padding-top: 15px; padding-bottom: 15px;}
#mobile-inst-menu a{display: flex;width: 100%;align-items: center;position: relative;padding: 12px 24px;}
#mobile-inst-menu .rdc-icon-svg {width: 18px;height: 18px;flex-shrink: 0}
#mobile-inst-menu .mobile-inst-menu-exp {flex: 1;margin-left: 10px;}
.disableTransitionDuration {transition-duration: 0s !important;}
.mobile-menu-sub-sub:not(.hidden) {display: flex;}
.mobile-menu-sub-sub-sub:not(.hidden) {display: flex;}
.mobile-menu-sub-lv1:not(.hidden), .mobile-menu-sub-lv2:not(.hidden), .mobile-menu-sub-lv3:not(.hidden) {height: 100%;}

body:not(.menu-mobile-opened) #menu {display: none;}
#menu {overflow: hidden;}
.slideout-panel{position:relative;background: #FFF;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel{overflow: hidden;}
.slideout-open, .slideout-open body {overflow: hidden;height: calc(var(--window-inner-height) - 1px);box-sizing: border-box;}
.slideout-menu{position: fixed;left: 0;top: var(--header-height);bottom: 0;right: 0;z-index: 0;width: 100vw; overflow: hidden;display: flex;flex-direction: column;z-index: 600;display: none;}
#containerSite-mask {top: var(--header-height);}
.menu-mobile-opened .slideout-menu {display: block;}

#mobile-holder .search-mobile{position: relative;padding: 20px;}
#mobile-holder .search-mobile input{float: left;width: calc(100% - 45px);background: #FFF;border-right: 0;height: 40px;border-width: 0;}
#mobile-holder .search-mobile .frm_search {border: 1px solid var(--color-lines);border-radius: 4px;overflow: hidden;}
#mobile-holder .search-mobile .btn-search-mobile{float: left;width: 45px;height: 40px;position: relative;padding: 0;border: 0;background-color: #FFF;display: flex;align-items: center;justify-content: center;}
#mobile-holder .search-mobile .btn-search-mobile .rdc-icon-svg {width: 24px;height: 24px;background-size: 100%;background-position: center;}

@media screen and (max-width: 767px){
	.slideout-panel{z-index: 1;}
	.slideout-menu {transition: opacity 0.2s linear;opacity: 0;}
	.menu-mobile-opened #containerSite-mask {transform: translateX(0) !important;-webkit-transform: translateX(0) !important;-moz-transform: translateX(0) !important;opacity: 0;}
	.menu-mobile-opened .slideout-menu.open-menu-css-animation {opacity: 1;}
	.menu-mobile-opened #containerSite-mask.open-menu-css-animation {opacity: 1;transition-delay: 0.5s;}
}
@media screen and (max-width: 1199px){
	#containerSite-mask {z-index: 200;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
	.slideout-menu {max-width: 324px;transform: translateX(-100%);transition: transform 0.2s cubic-bezier(0.06, 0.71, 0.36, 1.01);}
	.menu-mobile-opened #containerSite-mask {z-index: 550;transform: none !important;opacity: 0;transition: opacity 0.2s linear;}
	.slideout-menu.open-menu-css-animation {transform: translateX(0);}
	.menu-mobile-opened #containerSite-mask.open-menu-css-animation {opacity: 1;}
}
@media screen and (min-width: 1200px) {
	.mobile-menu, .mobile-menu #menu {display: none;}
	.menu-mobile-opened #header:not(.headroom){position:fixed;top: auto !important;width: 100%;}
}

/* $ */
body #mobile-holder .mobile-menu-sub-scroll .mobile-menu-group.rdc-menu_mobile-level-3 a span{padding-left: 38px;}
body #mobile-holder .mobile-menu-sub-scroll .mobile-menu-group.rdc-menu_mobile-level-3 a .category-title-img + span{padding-left: 0px;}