font-face {
    font-family: 'NeoSansArabic';
    src: url('NeoSansArabic.eot'), url('NeoSansArabic.woff') format('woff'), url('NeoSansArabic.ttf') format('truetype'), url('NeoSansArabic.svg#NeoSansArabic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeoSansArabic-Light';
    src: url('NeoSansArabic-Light.eot'), url('NeoSansArabic-Light.woff') format('woff'), url('NeoSansArabic-Light.ttf') format('truetype'), url('NeoSansArabic-Light.svg#NeoSansArabic-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeoSansArabic-Medium';
    src: url('NeoSansArabic-Medium.eot'), url('NeoSansArabic-Medium.woff') format('woff'), url('NeoSansArabic-Medium.ttf') format('truetype'), url('NeoSansArabic-Medium.svg#NeoSansArabic-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Mobile */


	#imHeader_imMenuObject_wrapper { position: absolute; top: 5px; left: 310px;padding-top: 0px; width: 50px; height: 50px; text-align: center; z-index: 1008;  }
    /* Main menu background */
	#imHeader_imMenuObject_container { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%; box-sizing: border-box; background-color: transparent; padding: 0px 0px 0px 0px; display: inline-table;}
	#imHeader_imMenuObject_container > ul:after {content: '';display: table;clear: both; }
	
	/* Main menu button size and position */
	#imHeader_imMenuObject_container > ul > li {position: relative;margin-right: 0px; margin-top: 0px; display: inline-block; vertical-align: top; }
	#imHeader_imMenuObject_container > ul > li > .label-wrapper, 
	#imHeader_imMenuObject_container > ul > li > div > .label-wrapper { display: block; overflow: hidden; width: 330px; height: 40px; padding: 0 0px 0 0px; border-width: 0px 0px 0px 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
	#imHeader_imMenuObject .hamburger-button {cursor: pointer; width: 45px; height:35px; display: inline-block; vertical-align: top; padding: 0; border-width: 1px 1px 1px 1px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
	#imHeader_imMenuObject .hamburger-bar { margin: 5px auto; width: 65%; height: 5px; background-color: rgba(0, 0, 0, 1); }
	#imHeader_imMenuObject .label-inner-wrapper, 
	#imHeader_imMenuObject .hamburger-button > div { display: table; width: 100%; height: 100%; position: relative; z-index: 1; } 
	#imHeader_imMenuObject_container > ul > li .label, 
	#imHeader_imMenuObject .hamburger-button > div > div { display: table-cell; vertical-align: middle; }
	
	/* Main menu default button style */
	
	#imHeader_imMenuObject_container > ul > li > .label-wrapper {background-color: transparent;background-image: none;border-color: transparent transparent transparent transparent;border-style: solid; }
	#imHeader_imMenuObject_container > ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 11pt;font-style: normal;text-decoration: none;text-align: center; color:#033f85;font-weight: normal;}
	
	/* Hamburger button style */
	
	#imHeader_imMenuObject .hamburger-button {background-color: transparent;background-image: none;border-color: transparent transparent transparent transparent;border-style: solid; }
	#imHeader_imMenuObject .hamburger-button .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(183, 183, 183, 1);font-weight: normal;}
	
	/* Main menu current button style */
	#imHeader_imMenuObject_container > ul > .imMnMnCurrent > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; }
	#imHeader_imMenuObject_container > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(183, 183, 183, 1);font-weight: normal;}
	
	/* Main menu hover button style */
	#imHeader_imMenuObject_container > ul > li.imPage >.sweeper > .label-wrapper-over {background-color: transparent;background-image: url('https://jordan-guide.com/family/style/btmgold.png');border-color: transparent transparent transparent transparent;border-style: solid; }
	#imHeader_imMenuObject_container > ul > li.imPage >.sweeper > .label-wrapper-over .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(199, 8, 82, 1);font-weight: normal;}
	#imHeader_imMenuObject_container > ul > li.imPage > .sweeper { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 0; height: 100%; transition: all 0.5s;}
	
	#imHeader_imMenuObject_container > ul > li.imPage > .sweeper.animated {width: 100%;}
	#imHeader_imMenuObject_container > ul > li.imLevel >.sweeper > .label-wrapper-over {background-color: transparent;background-image: url('https://jordan-guide.com/family/style/btmgold.png');border-color: transparent transparent transparent transparent;border-style: solid; }
	#imHeader_imMenuObject_container > ul > li.imLevel >.sweeper > .label-wrapper-over .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(199, 8, 82, 1);font-weight: normal;}
	#imHeader_imMenuObject_container > ul > li.imLevel > .sweeper { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 0; height: 100%; transition: all 0.5s;}
	#imHeader_imMenuObject_container > ul > li.imLevel > .sweeper.animated {width: 100%;}/* Main menu separator button style */
	
	#imHeader_imMenuObject_container > ul > .imMnMnSeparator > .label-wrapper {background-color: transparent;background-image: none;border-color: rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1) rgba(211, 211, 211, 1);border-style: solid; }
	#imHeader_imMenuObject_container > ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(37, 58, 88, 1);font-weight: normal;}
	#imHeader_imMenuObject .imLevel { cursor: default; }
	#imHeader_imMenuObject { text-align: center;}
	#imHeader_imMenuObject .hidden { display: none; }
	
	#imHeader_imMenuObject-menu-opened { overflow: visible; z-index: 10402; }
	#imHeader_imMenuObject-menu-opened ul ul { display: none; /*margin-bottom: 1px;*/ }
	#imHeader_imMenuObject-menu-opened li > div { display: none; }
	#imHeader_imMenuObject-menu-opened 
	#imHeader_imMenuObject_container-menu-opened div > ul { display: block; }
	
	#imHeader_imMenuObject-menu-opened 
	#imHeader_imMenuObject_container-menu-opened > ul { position: absolute; left: -30px; right: 0px; top: 30px;bottom: 10px; background-color: transparent; overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px); width: 100%; }
	#imHeader_imMenuObject-menu-opened .hamburger-menu-close-button { display: block; font-family: NeoSansArabic; font-size: 12pt; text-align: top left; padding: 2px 5px 5px 5px; color: #000000; }
	#imHeader_imMenuObject-menu-opened .hamburger-menu-close-button span { cursor: pointer; }
	#imHeader_imMenuObject-menu-opened { position:fixed; top: 50px; bottom: 20px; left: 15px; width: 330px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #fdf5e6;border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
	
	#imPageExtContainer:after{ position: fixed; top: 0; right: 0; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10401;}
	#menu-imHeader_imMenuObject-opened 
	#imPageExtContainer:after{ width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); opacity: 0.8;}
	#menu-imHeader_imMenuObject-towards-closing 
	#imPageExtContainer:after { width: 100%; height: 100%; background-color: transparent; opacity: 0.8; transition: background-color 1000ms linear, opacity;}
	#imHeader_imMenuObject .hidden { display: none; }
	
	/* Responsive menu button size and position */
	#imHeader_imMenuObject-menu-opened li {position: relative;margin-bottom: 15px; display: inline-block; vertical-align: top;0px ; border-color: #fdf5e6;}
	#imHeader_imMenuObject-menu-opened li:last-child {margin-bottom: 30px;}
	
	#imHeader_imMenuObject-menu-opened .label-wrapper { display: block; overflow: hidden; position: relative; width: 320px; height: 45px; left:1px; right:1px;top:1px; bottom:20px; ; border-color: #fdf5e6;}
	#imHeader_imMenuObject-menu-opened .label-inner-wrapper { display: table; width: 100%; height: 100%; z-index: 1; position: relative; } 
	#imHeader_imMenuObject-menu-opened .label { display: table-cell; vertical-align: middle; }
	#imHeader_imMenuObject-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 330px;left: 0px; right: auto;transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background:#d7c497;background:-webkit-gradient(linear,right bottom,left top,from(#d7c497),to(#967e53));background:linear-gradient(-120deg,#f8e5b5);color:#fff;min-height:40px;bottom:0}
	#imHeadertxt_imMenuObject-menu-opened .hamburger-menu-background { position: absolute;display: block;top: 0;bottom: 0;width: 320px;left: 0px; right: auto;background-color: rgba(195, 163, 167, 1);transition: left 500ms, right 500ms, opacity 500ms;-webkit-transition: left 500ms, right 500ms, opacity 500ms;border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}

	/* Responsive menu default button style */
	 #imHeader_imMenuObject-menu-opened  ul > li > .label-wrapper {background-image: url('https://jordan-guide.com/family/style/btmgold.png');background-color:#e6d5a6;border-style: solid;border-color: #fdf5e6;border-width: 1px 1px 1px 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;top: 20px;bottom: 0px;left:0px;left: -10px;}
	 #imHeader_imMenuObject-menu-opened  ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family:NeoSansarabic;font-weight:600; font-style:normal; font-size:12pt; line-height:40px; font-family:NeoSansarabic,Arial, sans-serif; color:#000000;text-shadow: 1px 1px #ffffff;}
	
	#imHeader_imMenuObject-menu-opened ul ul > li > .label-wrapper {background-color: #ccc555;background-image: url('https://jordan-guide.com/family/style/btmgold.png');top: 30px;vertical-align: right;left:-50px;right: 0px;bottom: 0px; border-color: #fdf5e6;}
	#imHeader_imMenuObject-menu-opened ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size:12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(6, 6, 6, 1);font-weight:bold;}
	
	#imHeader_imMenuObject-menu-opened ul ul ul > li > .label-wrapper {background-color:#b39d71;background-image: url('https://jordan-guide.com/family/style/btmgold.png');}
	#imHeader_imMenuObject-menu-opened ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(6, 6, 6, 1);font-weight: bold;}
	
	#imHeader_imMenuObject-menu-opened ul ul ul ul > li > .label-wrapper {background-color: rgba(195, 195, 195, 1);background-image: url('https://jordan-guide.com/family/style/btmgold.png');}
	#imHeader_imMenuObject-menu-opened ul ul ul ul > li > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(6, 6, 6, 1);font-weight: normal;}
	
	/* Responsive menu hover button style */
	#imHeader_imMenuObject-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper {background-color: rgba(195, 163, 167, 1);background-image: url('https://jordan-guide.com/family/style/btmgold.png');border-width: 1px 1px 1px 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;padding-left:0px;padding-right:0px }
	#imHeader_imMenuObject-menu-opened ul > li:hover:not(.imMnMnSeparator) > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(0, 0, 0, 1);font-weight: bold;}
	
	/* Responsive menu current button style */
	#imHeader_imMenuObject-menu-opened 
	#imHeader_imMenuObject_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: url('https://jordan-guide.com/family/style/btmgold.png'): none;border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px;}
	#imHeader_imMenuObject-menu-opened 
	#imHeader_imMenuObject_container-menu-opened > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: #0000FF;font-weight: bold;border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px;}
	#imHeader_imMenuObject-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: none;}
	#imHeader_imMenuObject-menu-opened .imMnMnCurrent > ul > .imMnMnCurrent > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color:#0000FF;font-weight: bold;}

	/* Responsive menu separator button style */
	 #imHeader_imMenuObject-menu-opened ul > .imMnMnSeparator > .label-wrapper {background-color: rgba(255, 255, 255, 1);background-image: url('https://jordan-guide.com/family/style/btmgold.png');border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
	 #imHeader_imMenuObject-menu-opened ul > .imMnMnSeparator > .label-wrapper .label {width: 100%;height: 100%;font-family: NeoSansArabic;font-size: 12pt;font-style: normal;text-decoration: none;text-align: center; color: rgba(255, 255, 255, 1);font-weight: normal;border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
	
	/* Responsive menu separation line style */
	#imHeader_imMenuObject-menu-opened {  transform: translate3d(-250px, 0 ,0);  transition: transform 1000ms;  -webkit-transition: transform 1000ms;border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
	#imHeader_imMenuObject-menu-opened.animated {  transform: translate3d(0, 0, 0);border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}