#menu {overflow: hidden;}
/* .slideout-menu a:not(.button) {color: currentColor;text-decoration: none} */
.mobile-container {padding-left: 20px;padding-right: 20px;}
#mobile-main-menu {margin-top: 8px;margin-bottom: 20px;}
#mobile-main-menu-sub{margin-top: 0;}
#mobile-holder a{position: relative;display: block;padding: 9px 32px;line-height: 100%;text-decoration: none;}
#mobile-holder a.mobile-nav-item-4 {padding-top: 5px;padding-bottom: 0;}
#mobile-holder a.mobile-nav-item-2 {padding-top: 10px; padding-bottom: 10px;}
#mobile-holder .mobile-nav-wrapper-item:first-child a.mobile-nav-item-4 {padding-top: 0;}
#mobile-holder .rdc-icon-svg {width: 16px;height: 16px;opacity: 1;}
.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: 33px; opacity: 1; background-size: 100%;}
#mobile-holder .return{width: 100%;}
#mobile-holder .return a {padding-left: 70px;padding-right: 50px;}
#mobile-holder .return a .rdc-icon-svg{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);left: 36px;width: 20px;height: 20px;}
#mobile-main-menu-sub .mobile-nav-wrapper-item {padding-left: 38px;padding-right: 5px;}
#mobile-main-menu-sub .hidden{display: none !important;}
.mobile-menu-image {text-align: center;padding: 40px 25px 0px 70px;width: 100%;}
.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 !important;}
.mobile-menu-image-item-link {margin-top: 15px;}
.mobile-menu-image-item-link .link{text-transform: none;}
#mobile-inst-menu a{display: flex;width: 100%;align-items: center;position: relative;padding: 12px 24px;}
#mobile-inst-menu .mobile-menu-lang a{padding: 0;}
#mobile-inst-menu .rdc-icon-svg {width: 18px;height: 18px;flex-shrink: 0}
#mobile-inst-menu .mobile-nav-item .rdc-icon-svg{right: 5px;width: 16px;height: 16px;}

#mobile-inst-menu a .mobile-inst-menu-exp {flex: 1;}
#mobile-inst-menu a:not(.button) .mobile-inst-menu-exp {margin-left: 10px;}
#mobile-inst-menu > div:not(:first-child){margin-top: 10px;}
#mobile-inst-menu > div.mobile-menu-lang{margin-top: 24px;}
#mobile-inst-menu > div.wrapper-bottom-nav {margin-top: 38px;}
#mobile-inst-menu > div.wrapper-bottom-nav .list-nav-title {font-size: 16px !important; line-height: 140% !important;}
.disableTransitionDuration {transition-duration: 0s !important;}
#mobile-holder .rdc-icon-svg.rdc-icon-menu-close{cursor: pointer;}
#mobile-inst-menu{display: flex;flex-direction: column;align-items: center;}
#mobile-inst-menu .mobile-menu-user,
#mobile-inst-menu .mobile-menu-logout{width: 100%;}

#mobile-holder a.mobile-nav-item{display: flex;align-items: center;}
#mobile-holder .image-menu{width: 26px;margin-right: 12px;}

#mobile-holder a.sel * {color: var(--color-theme) !important}

#mobile-main-menu-sub .mobile-nav-item-return{display: flex;}

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: 0;bottom: 0;right: 0;z-index: 0;width: 100vw;overflow: hidden;display: flex;flex-direction: column;z-index: 600;display: none;}
.menu-mobile-opened .slideout-menu {display: block;}
#containerSite{box-shadow: 0 0 1px 0 var(--color-lines);}

.mobile-menu-group.rdc-menu_mobile-level-3 {padding-bottom: 0;padding-top: 3px;}
.mobile-menu-group.rdc-menu_mobile-level-1 .mobile-menu-group.rdc-menu_mobile-level-2 {padding-left: 30px}
.mobile-accordion-item .rdc-icon-svg {opacity: 1 !important;}

#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;}
#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;}

#mobile-main-menu .mobile-menu-group.rdc-menu_mobile-level-1{padding-top: 19px;}


#mobile-inst-menu .wrapper-bottom-nav{width: 100%;}
#mobile-inst-menu .mobile-nav-item{padding: 7px 5px;}


@media screen and (max-width: 767px){
	.slideout-panel{z-index: 1;}
	.slideout-menu {transition: opacity 0.2s linear;opacity: 0;top: var(--header-height);}
	.slideout-menu.menu-rotation{top: 0;}
	.bannerWelcomeGiftVisible .slideout-menu.menu-rotation{top: 38px;}
	.menu-mobile-opened #containerSite-mask { transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; opacity: 0; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; }
	.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;}

	#mobile-holder > div > div:first-child{display: none !important;}
	#mobile-main-menu .mobile-menu-group.rdc-menu_mobile-level-1 {padding-top: 13px;}
	#mobile-holder a{padding: 9px 20px;}
	.mobile-nav-item .rdc-icon-svg, .mobile-nav-item-2 .rdc-icon-svg{right: 20px;}
	#mobile-holder .return a{padding: 15px 50px 15px 62px;}

	#mobile-holder .return a .rdc-icon-svg{width: 24px;height: 24px;left: 20px;}
	#mobile-holder .image-menu {margin-right: 11px;margin-left: 1px;}
	#mobile-main-menu-sub .mobile-nav-wrapper-item {padding-left: 42px;}

	#mobile-holder a.mobile-nav-item-4{padding-top: 7px;}
	.mobile-menu-group.rdc-menu_mobile-level-3 {padding-top: 4px;}
	.mobile-menu-image{padding-left: 62px;padding-right: 20px;}

	#mobile-inst-menu a{padding: 13px 24px;}
	#mobile-inst-menu .mobile-nav-item {padding: 9px 6px;}
	

}
@media screen and (max-width: 1199px){
	#containerSite-mask {z-index: 200;}
	/*.menu-mobile-opened #header{position:fixed;top: auto !important;width: 100%;}*/
}
@media screen and (min-width: 768px) and (max-width: 1199px){
	/* #mobile-main-logo {display: none;} */
	.slideout-menu {max-width: 380px;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{max-width: 343px;}
	/* .menu-mobile-opened #header:not(.headroom){position:fixed;top: auto !important;width: 100%;} */

	.mobile-menu-sub{margin-top: 28px;}
	#mobile-inst-menu a{padding: 13px 24px;}
	#mobile-inst-menu > div.mobile-menu-lang {margin-top: 24px;}
	#mobile-inst-menu > div.wrapper-bottom-nav {margin-top: 48px;}
}