#menu {overflow: hidden;}
.slideout-menu a {color: currentColor;text-decoration: none}
.mobile-container {padding-left: 20px;padding-right: 20px;}
#mobile-menu-tabs:after {content: "";width: 30px;position: absolute;right: 0px;top: 0;height: calc(100% - 1px);z-index: 5;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);}
#mobile-menu-tabs-row::-webkit-scrollbar {display: none;}
body:not(.rdc-page-id-1) #mobile-menu-tabs-row{height: calc(var(--header-height) - var(--wg-bar-height) - var(--notification-bar-height));}
.mobile-tab-item {padding: 14px 10px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;line-height: 100%;white-space: nowrap;font-weight: 700;}
.mobile-tab-item span {padding-left: 22px;padding-right: 22px;}
.mobile-tab-item:not(.active) span {color: var(--color-gray);}
#mobile-menu-tabs-row.mobile-length-2 .mobile-tab-item {flex-basis: 50%;}
#mobile-main-menu, #mobile-main-menu-sub {margin-bottom: 18px;}
.rdc-menu_mobile-level-1 {margin-top: 18px;}
.rdc-menu_mobile-level-1:not(.active) {height: 0 !important;overflow: hidden;}
#mobile-main-menu-sub:not(.hidden) {display: flex;flex-direction: column;}
#mobile-holder a, #mobile-holder p:not(.link){position: relative;display: block;padding: 14px 20px;line-height: 100%;}
#mobile-holder .mobile-nav-item span {padding-bottom: 1px;border-bottom: 1px solid transparent;}
#mobile-holder .mobile-nav-item.sel span {font-weight: 700;border-color: currentColor;}
#mobile-holder .rdc-icon-svg {width: 20px;height: 20px;}
.mobile-nav-item .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{width: 100%;background: white linear-gradient(to bottom, #E8E8E8, #E8E8E8 1px) repeat-x bottom/1px 1px;height: 56px;flex-shrink: 0;}
#mobile-holder .return a {text-align: center;font-weight: 700;height: 100%;display: flex;align-items: center;justify-content: center;text-transform: uppercase;}
#mobile-holder .return a .rdc-icon-svg{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);left: 14px;width: 20px;height: 20px;}

#mobile-main-menu-sub .hidden{display: none !important;}
.mobile-menu-image {text-align: center;margin: 20px;}
.mobile-menu-image-item {display: block;width: 100% !important;margin: 0 !important;padding: 0 !important;}
.mobile-menu-image-item:not(:last-child) {margin-bottom: 30px;}
.mobile-menu-image-item-link {margin-top: 8px;}
#mobile-inst-menu a{display: flex;width: 100%;align-items: center;position: relative;padding: 10px 20px;color: #FFF;}
#mobile-inst-menu .rdc-icon-svg {width: 18px;height: 18px;flex-shrink: 0;margin-right: -5px;}
#mobile-inst-menu .mobile-inst-menu-exp {flex: 1;}
.disableTransitionDuration {transition-duration: 0s !important;}
#mobile-inst-menu .rdc-icon-svg {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1627 7.15506C10.9458 7.36181 10.9458 7.69701 11.1627 7.90376L19.6588 16L11.1627 24.0962C10.9458 24.303 10.9458 24.6382 11.1627 24.8449C11.3797 25.0517 11.7314 25.0517 11.9484 24.8449L20.8373 16.3744C21.0542 16.1676 21.0542 15.8324 20.8373 15.6256L11.9484 7.15506C11.7314 6.94831 11.3797 6.94831 11.1627 7.15506Z' fill='%23FFF'/%3E%3C/svg%3E");}

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;}
body.menu-mobile-opened #header:not(.headroom){position:fixed;top: auto !important;width: 100%;}

/* Enable app install ios  */
@media screen and (max-width: 767px) {
	.slideout-open, .slideout-open body {height: auto !important;}
	body.unpinned-notificationbar.menu-mobile-opened #header:not(.headroom){top: 0 !important;}
}

/* #main padding-top */
body:not(.rdc-page-id-1):not(.rdc-underHeader-active).menu-mobile-opened:not(.headerCampaignVisibleTopHeader):not(.bannerWelcomeGiftVisible) #header:not(.headroom) ~ #containerSite #main{padding-top: var(--header-height);}
body:not(.rdc-page-id-1):not(.rdc-underHeader-active).menu-mobile-opened.headerCampaignVisibleTopHeader #header:not(.headroom) ~ #containerSite #main{padding-top: calc(var(--header-height) - var(--notification-bar-height));}
body:not(.rdc-page-id-1):not(.rdc-underHeader-active).menu-mobile-opened.bannerWelcomeGiftVisible #header:not(.headroom) ~ #containerSite #main{padding-top: calc(var(--header-height) - var(--wg-bar-height));}


.slideout-menu{position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;width: calc(100vw - 52px);overflow: hidden;display: flex;flex-direction: column;}
#containerSite{box-shadow: 0 0 1px 0 #E8E8E8;}

@media screen and (max-width: 767px){
	.slideout-panel{z-index: 1;}
	.menu-mobile-opened #containerSite-mask {transform: translateX(calc(100% - 52px)) !important;-webkit-transform: translateX(calc(100% - 52px)) !important;-moz-transform: translateX(calc(100% - 52px)) !important;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
	.slideout-menu {max-width: 324px;}
	.menu-mobile-opened #containerSite-mask {transform: translateX(324px) !important;-webkit-transform: translateX(324px) !important;-moz-transform: translateX(324px) !important;}
}
@media screen and (max-width: 1199px){
	#containerSite-mask {z-index: 500;}
}
@media screen and (min-width: 1200px) {
	.mobile-menu, .mobile-menu #menu {display: none;}
}