/* .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: 45px;}
#mobile-main-menu-sub{margin-top: 0;}
#mobile-holder a:not(.button){position: relative;display: block;padding: 9px 32px; line-height: 100%;text-decoration: none;display: flex;align-items: center;}
#mobile-holder a:not(.button).featured { color: var(--color-theme); }
#mobile-holder #mobile-main-logo a:not(.button) img { max-width: 154px; }
#mobile-holder a.mobile-nav-item-4 {padding: 0 0 6px;}
#mobile-holder a.mobile-nav-item-2 {padding: 0;}
#mobile-holder .mobile-nav-wrapper-item:first-child a.mobile-nav-item-4 {padding-top: 0;}
#mobile-holder .rdc-icon-svg:not(.rdc-icon-search) {width: 16px;height: 16px;opacity: 1;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(101%) contrast(105%);}
.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: 37px; opacity: 1; background-size: 100%;}
#mobile-holder .return{width: 100%;}
#mobile-holder .return a {padding: 12px 50px 12px 14px;}
#mobile-holder .return a span {color: var(--color-dark);margin-left: 6px;}
#mobile-holder .return a .rdc-icon-svg{width: 20px;height: 20px;filter: brightness(0) saturate(100%) invert(23%) sepia(0%) saturate(1064%) hue-rotate(241deg) brightness(88%) contrast(101%);}
#mobile-main-menu-sub .mobile-nav-wrapper-item {
	padding-left: 24px;
	padding-right: 24px;
	display: flex;
    justify-content: space-between;
    align-items: center;}
#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;}
body #mobile-holder #mobile-inst-menu .rdc-icon-svg {width: 24px;height: 24px;flex-shrink: 0}
#mobile-inst-menu .mobile-nav-item .rdc-icon-svg{right: 5px;width: 16px;height: 16px;}

#mobile-inst-menu a:not(.button) .mobile-inst-menu-exp {color:var(--color-white);}
#mobile-inst-menu a:not(.button) .mobile-inst-menu-exp {margin-left: 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;}
#mobile-inst-menu .mobile-menu-user,
#mobile-inst-menu .mobile-menu-logout{width: 100%;}
#mobile-inst-menu .mobile-menu-logout { margin-top: 15px; }

#mobile-holder a.mobile-nav-item{display: flex;align-items: center;color: var(--color-white);}
#mobile-holder .image-menu{width: 52px;margin-right: 20px;}

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

#mobile-holder a.mobile-nav-item-4 { border-color: transparent; }


#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: 14px;}
.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: 8px 14px;}
#mobile-holder .search-mobile input{float: left;width: calc(100% - 45px);background: #FFF;border-right: 0;height: 42px;}
#mobile-holder .search-mobile .frm_search {border-radius: 50px;overflow: hidden; display: flex;}
#mobile-holder .search-mobile .btn-search-mobile{border-radius: 0; 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: 7px;}


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

.close-menu p { color: var(--color-white); align-content: center; }

#menu:not(.open-menu-css-animation.menu-rotation) #mobile-main-menu-sub {
    width: 0 !important;
    overflow: hidden;
}
/*#menu:not(.open-menu-css-animation.menu-rotation) #mobile-holder { width: 100% !important; }*/
#menu:not(.open-menu-css-animation.menu-rotation) #mobile-holder > div:not(#mobile-main-menu-sub) {
    flex: unset !important;
	
}

#mobile-holder a.mobile-nav-item.active span,
#mobile-holder a.mobile-nav-item.sel span{ color: var(--color-theme); }

#mobile-holder a.mobile-nav-item.active .rdc-icon-svg,
#mobile-holder a.mobile-nav-item.sel .rdc-icon-svg {filter: brightness(0) saturate(100%) invert(61%) sepia(18%) saturate(4694%) hue-rotate(164deg) brightness(95%) contrast(84%);}
#mobile-holder a.mobile-nav-item-4.sel { text-decoration: underline !important;text-decoration-thickness: 1px !important;text-underline-offset: 2px; }

#mobile-holder > div:not(#mobile-main-menu-sub) a.featured .rdc-icon-svg.rdc-icon-arrowright { filter: brightness(0) saturate(100%) invert(61%) sepia(18%) saturate(4694%) hue-rotate(164deg) brightness(95%) contrast(84%); }
@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;}

	.close-menu { flex-direction: row-reverse;gap: 7px; }
	.close-menu .rdc-svg-icon.rdc-icon-close { width: 24px;height: 24px; }

	/*#mobile-holder > div > div:first-child{display: none !important;}*/
	#mobile-main-menu .mobile-menu-group.rdc-menu_mobile-level-1 {padding-top: 12px;}
	#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 .rdc-icon-svg{width: 24px;height: 24px;left: 15px;}
	#mobile-holder .rdc-icon-svg:not(.rdc-icon-search) { width: 20px;height: 20px;right: 30px; }

	#mobile-holder a.mobile-nav-item-4{padding-top: 7px;}
	.mobile-menu-group.rdc-menu_mobile-level-3 {padding-top: 16px;}
	.mobile-menu-group.rdc-menu_mobile-level-2.no-image-lvl2 .mobile-menu-group.rdc-menu_mobile-level-3 { padding-top: 4px; }
	.mobile-menu-image{padding-left: 24px;padding-right: 24px;}

	
	#mobile-holder #mobile-inst-menu a{padding: 8px 0px;}
	#mobile-holder #mobile-inst-menu a:not(.button) { padding-left: 16px; }
	#mobile-holder #mobile-inst-menu .mobile-menu-wish { margin-bottom: 22px; }
	
	#mobile-inst-menu .mobile-nav-item {padding: 9px 6px;}

	#mobile-holder #mobile-main-menu a.mobile-nav-item { padding: 0 27px;min-height: 42px;margin-top: 15px; }
	
	#mobile-holder .return { display: flex;align-items: center;justify-content: space-between; }
	#mobile-main-menu-sub .mobile-menu-sub .return .close-menu {
		filter: brightness(0) saturate(100%) invert(23%) sepia(0%) saturate(1064%) hue-rotate(241deg) brightness(88%) contrast(101%);
		margin-right: 13px;
		top: 11px;
	}

	#mobile-holder .search-mobile input { padding-left: 42px;width: 100%;background-color: var(--color-background); }
	#mobile-holder .search-mobile .frm_search { position: relative; }
	#mobile-holder .search-mobile .btn-search-mobile {
		position: absolute;
		min-width: unset;
		width: unset;
		min-height: unset;
		top: 50%;
		transform: translateY(-50%);
		left: 12px;
		background-color: var(--color-background);
	}
	#mobile-holder ::-webkit-input-placeholder { color: var(--color-gray); }
	#mobile-holder .image-menu {
		margin-right: 15px;
		margin-left: 1px;
		width: 40px;
        height: 40px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	.image-menu img {
		height: 52px;
		width: 52px !important;
		max-width: unset;
		min-width: unset;
	}
	#mobile-holder a.mobile-nav-item-2 { z-index: 1; }
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.sel::after,
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.active::after { height: 78px;z-index: unset; }
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.active.no-image-lvl2::after,
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.sel.no-image-lvl2::after,
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.no-image-lvl2:hover::after{ height: 50px;z-index: unset; }
	body .mobile-menu-sub .mobile-menu-group.rdc-menu_mobile-level-2.no-image-lvl2:not(:last-child) { margin-bottom: 7px; }
}
#scroll-mobile {
	overflow: hidden auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}
@media screen and (max-width: 1199px){
	#mobile-holder #mobile-inst-menu .mobile-menu-lang a  { justify-content: center; }
	#containerSite-mask {z-index: 200;}
	/*.menu-mobile-opened #header{position:fixed;top: auto !important;width: 100%;}*/
}
@media screen and (min-width: 768px){
	/* #mobile-main-logo {display: none;} */
	.slideout-menu {max-width: 350px;transform: translateX(-100%);transition: transform 0.3s cubic-bezier(0.06, 0.71, 0.36, 1.01);}
	.slideout-menu.open-menu-css-animation {transform: translateX(0);}
	.menu-mobile-opened #containerSite-mask {z-index: 550;transform: none !important;opacity: 0;transition: opacity 0.2s linear;}
	.menu-mobile-opened #containerSite-mask.open-menu-css-animation {opacity: 1;}
	
	
	#mobile-holder > div:not(#mobile-main-menu-sub) #mobile-inst-menu a.button { min-height: 42px;padding: 8px 0px; }
	#mobile-holder > div:not(#mobile-main-menu-sub) #mobile-inst-menu a:not(.button) { padding: 8px 0px 8px 16px ; }
}
@media screen and (min-width: 1200px) {
	/* .mobile-menu, .mobile-menu #menu {display: none;} */
	#menu{max-width: 460px;}
	/* .menu-mobile-opened #header:not(.headroom){position:fixed;top: auto !important;width: 100%;} */

	/*.mobile-menu-sub{margin-top: 40px;}*/
	#mobile-holder .mobile-nav-wrapper-item.header-acordion { margin-top: 40px; }

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

	#mobile-holder a.mobile-nav-item:hover { background: rgba(51, 51, 51, 1);}
	#mobile-holder a.mobile-nav-item:hover::after{
		content: '';
		display: block;
		height: 100%;
		width: 4px;
		background-color: var(--color-theme);
		position: absolute;
		left: 0;
		top: 0;
	}

	#mobile-holder .mobile-menu-group.rdc-menu_mobile-level-1 a:not(.button){position: relative;display: block;padding: 9px 24px; line-height: 100%;text-decoration: none;display: flex;align-items: center;}
	#mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head:hover::after { content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;height: 90px; background-color: var(--color-background);z-index: -1; }
	
	#mobile-holder a.mobile-nav-item-4:hover {text-decoration: underline !important;text-decoration-thickness: 1px !important;text-underline-offset: 2px;}
	#mobile-holder a.mobile-nav-item-4.sel:hover,
	#mobile-holder a.mobile-nav-item-4.featured:hover { text-decoration: underline !important;text-decoration-thickness: 1px !important;text-underline-offset: 2px; }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#mobile-holder .image-menu {
		width: 36px;
        height: 36px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	.image-menu img {
		height: 52px;
		width: 52px !important;
		max-width: unset;
		min-width: unset;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	/*body #menu:not(.open-menu-css-animation.menu-rotation) #mobile-main-menu-sub*/
	body #menu { overflow: hidden !important; }
	body #menu.open-menu-css-animation.menu-rotation #mobile-main-menu-sub { transform: unset !important;z-index: unset;transition: none; }
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.sel::after,
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.active::after { height: 78px;z-index: unset; }
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.active.no-image-lvl2::after,
	body #mobile-main-menu-sub .mobile-nav-wrapper-item.acordion-head.no-image-lvl2:hover::after{ height: 50px;z-index: unset; }
	body .mobile-menu-sub .mobile-menu-group.rdc-menu_mobile-level-2.no-image-lvl2:not(:last-child) { margin-bottom: 7px; }
	#mobile-holder .return {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
	.mobile-menu-sub .return .close-menu .rdc-svg-icon.rdc-icon-close { filter: unset;margin-right: 14px;  }
	#mobile-holder a.mobile-nav-item-2 {
        z-index: 1;
    }
	body #mobile-holder a.mobile-nav-item-2 .image-level-2 { max-width: 60px;max-height: 60px; }
	body #mobile-holder .mobile-menu-group.rdc-menu_mobile-level-3 .mobile-nav-wrapper-item {
        padding: 14px 20px 14px 97px;
    }
	body #mobile-holder .return a .rdc-icon-svg { width: 24px;height: 24px; }
	body #mobile-main-menu-sub .mobile-nav-wrapper-item .list-nav-title { font-size: 24px; }
	body #mobile-holder a.mobile-nav-item-2,
	body #mobile-holder a.mobile-nav-item-4,
	body #mobile-holder a.mobile-nav-item {
        font-size: 17px;
        font-weight: 300;
    }
	body #mobile-holder .mobile-nav-wrapper-item.header-acordion { margin-bottom: 47px; }
	body #mobile-holder a.mobile-nav-item-2 { gap: 12px; }
	body .mobile-menu-group.rdc-menu_mobile-level-3 { padding-top: 16px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#mobile-holder .mobile-nav-wrapper-item.header-acordion { padding-top: 40px; }
	body .slideout-menu { max-width: 460px; }
}
@media screen and (min-width: 992px) {
	#mobile-holder > div:not(#mobile-main-menu-sub) a {
        min-height: 70px;
    }
}
#mobile-holder a.mobile-nav-item.active,
#mobile-holder a.mobile-nav-item.sel,
#mobile-holder a.mobile-nav-item.sel1 { background: rgba(51, 51, 51, 1);}
#mobile-holder a.mobile-nav-item.active::after,
#mobile-holder a.mobile-nav-item.sel::after
#mobile-holder a.mobile-nav-item.sel1::after {
	content: '';
	display: block;
	height: 100%;
	width: 4px;
	background-color: var(--color-theme);
	position: absolute;
	left: 0;
	top: 0;
}