:root {--link-color: #1e2f4d; --nav-bgcolor: transparent; --toggle-bgcolor: #dbdbdb; --li-width: 18em; --a-padding: .7em 1.0em; --a-fsize: .85em; }
        #menu { background-color: var(--nav-bgcolor); width: 100%; }
        #menu ul { margin: 0; padding: 0; }
        #menu .main-menu { display: none; }
        #tm:checked + .main-menu { display: block; }
        #menu input[type="checkbox"], #menu ul span.drop-icon { display: none; }
        #menu li, #toggle-menu, #menu .sub-menu { border-style: solid; border-color: rgba(0, 0, 0, .05); }
        #menu li, #toggle-menu { border-width: 0 0 1px; }
        #menu .sub-menu { background-color: #444; border-width: 1px 1px 0; margin: 0 1em; }
body.rtl #menu .sub-menu { border-width: 1px 0 0 1px; }
        #menu li, #toggle-menu, #menu a { position: relative; display: block; color: var(--link-color); text-shadow: 1px 1px 0 rgba(0, 0, 0, .125); }
        #toggle-menu { background-color: var(--toggle-bgcolor); }
        #toggle-menu, #menu a { padding: var(--a-padding); font-size: var(--a-fsize); }
        #menu a { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }
        #menu a:hover { background-color: white; color: #09c; }
        #menu .sub-menu { display: none; }
        #menu input[type="checkbox"]:checked + .sub-menu { display: block; }
        #menu .sub-menu a:hover { color: #444; }
				#menu .main-menu>li>a { text-transform: uppercase; }
        #toggle-menu .drop-icon, #menu li label.drop-icon { position: absolute; right: 0; top: 0; }
body.rtl #toggle-menu .drop-icon, body.rtl #menu li label.drop-icon { right: auto; left: 0; }
        #menu label.drop-icon, #toggle-menu span.drop-icon { padding: .69em; text-align: center; background-color: rgba(0, 0, 0, .125); text-shadow: 0 0 0 transparent; color: rgba(255, 255, 255, .75); }
@media only screen and (min-width: 1024px) {
	        #menu .main-menu { display: block; }
					#menu a:hover { background-color: transparent; }
	        #toggle-menu, #menu label.drop-icon { display: none; }
	        #menu ul span.drop-icon { display: inline; font-size: .80em;}
	        #menu li { float: left; border-width: 0 1px 0 0; }
	body.rtl #menu li { float: right; border-width: 0 0 0 1px; }
					#menu li:last-child { border-width: 0 !important; }
	        #menu .sub-menu li { float: none !important; }
	        #menu .sub-menu { border-width: 0; margin: 0; position: absolute; top: 100%; left: 0; width: var(--li-width); z-index: 3000; }
	body.rtl #menu .sub-menu { left: auto; right: 0; }
	        #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; }
	        #menu .sub-menu li { border-width: 0 0 1px; }
	        #menu .sub-menu .sub-menu { top: 0; left: 100%; }
	body.rtl #menu .sub-menu .sub-menu { left: auto; right: 100%; }
	        #menu .sub-menu .drop-icon { position: absolute; top: 0; right: 0; padding: .95em; font-size: .95em;}
	body.rtl #menu .sub-menu .drop-icon { right: auto; left: 0; transform: rotate(180deg); }
	        #menu li:hover > input[type="checkbox"] + .sub-menu { display: block; }
					#menu ul ul, #menu ul ul li { border-width: 0 0 0 0 !important; }
					#menu .main-menu.home-menu>li:first-child a { text-indent: -3000px; width: 20px; }
					#menu .main-menu.home-menu>li:first-child a:before { content: "\f015"; text-indent: 3000px; position: absolute; font-family: FontAwesome; top: 3px; right: 8px; font-size: 20px; }
	body.rtl #menu .main-menu.home-menu>li:first-child a:before { left: 8px; right: auto; }
}