#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu{width:100%;color:#000;text-align:left;}
#cssmenu ul ul{display:none;}

#cssmenu ul li{border-bottom:solid 1px #abaeba;border-top:solid 0px #abaeba;}
	
#cssmenu ul ul li{border-top:solid 1px #abaeba;border-bottom:solid 0px #abaeba;}

#cssmenu ul ul li.first{border-top:0;}

#cssmenu ul ul ul li.first{border-top:solid 1px #abaeba;}



#cssmenu > ul > li.active-trail > ul{display:block;}
.align-right{float:right;}
#cssmenu > ul > li > a{padding:19px 22px 19px 15px;cursor:pointer;z-index:2;font-size:18px;text-decoration:none;color:#444444;font-family:'titillium_webbold', sans-serif;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
#cssmenu > ul > li > a:hover{color:#1575ba;}
#cssmenu ul > li.expanded > a:after{position:absolute;right:26px;top:23px;z-index:5;display:block;height:10px;width:2px;background:#000;content:"";-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;display:none;}
#cssmenu ul > li.expanded > a:before{position:absolute;right:22px;top:27px;display:block;width:10px;height:2px;background:#000;content:"";-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;display:none;}
#cssmenu ul > li.expanded.open > a:after,
#cssmenu ul > li.expanded.open > a:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#cssmenu ul ul li a{padding:19px 22px 19px 15px;cursor:pointer;z-index:2;font-size:18px;text-decoration:none;color:#444444;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;font-family:'titillium_webbold', sans-serif;}
#cssmenu ul ul ul li a{font-family: 'titillium_webregular', sans-serif;}
#cssmenu ul ul ul ul li a{padding-left:30px;}
#cssmenu ul ul li a:hover{color:#1575ba;}
#cssmenu ul li.active-trail a.active{border-right:solid 8px #1575ba;color:#1575ba;}
#cssmenu ul ul > li.expanded > a:after{top:23px;right:26px;background:#444444;}
#cssmenu ul ul > li.expanded > a:before{top:27px;background:#444444;}
.r-menu{width:25px;float:right;display:block;position:relative;height:20px;cursor:pointer;margin-top:3px;}
.r-menu:before{content:"";border-top:solid 3px #000;width:20px;position:absolute;}
.r-menu:after{content:"";border-top:solid 3px #000;width:20px;position:absolute;top:7px;}
.r-menu.active:before{border-top:solid 3px #1575ba;}
.r-menu.active:after{border-top:solid 3px #1575ba;}
.arabic-page .r-menu:before{left:10px;}
.arabic-page .r-menu:after{left:10px;}
.r-menu.active-trail:before{border-top:solid 3px #1575ba;}
.r-menu.active-trail:after{border-top:solid 3px #1575ba;}
.r-menu{display:none;}
.arabic-left-menu{text-align:right !important;}
.arabic-page #cssmenu{text-align:right;}
.arabic-page #cssmenu ul > li.expanded > a:before{right:2px;}
.arabic-page #cssmenu ul > li.expanded > a:after{right:6px;}
.arabic-page #cssmenu li{background:none;}
#cssmenu li.expanded span{display:block;position:absolute;top:18px;z-index:9;right:10px;width:20px;height:20px;cursor:pointer;}
#cssmenu li span{display:none;}
#cssmenu ul > li.expanded > span:before{position:absolute;right:5px;top:10px;display:block;width:10px;height:2px;background:#444444;content:"";-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#cssmenu ul > li.expanded > span:after{position:absolute;right:9px;top:6px;z-index:5;display:block;height:10px;width:2px;background:#444444;content:"";-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#cssmenu ul > li.expanded.open > span:after,
#cssmenu ul > li.expanded.open > span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
@media (min-width:991px) and (max-width:1200px){#cssmenu > ul > li > a{font-size:15px;}
#cssmenu ul ul li a{font-size:15px;}
}
@media (min-width:768px) and (max-width:991px){#cssmenu > ul > li > a{font-size:15px;}
#cssmenu ul ul li a{font-size:15px;}
}
@media (min-width:768px){#cssmenu{display:block !important;}
}
@media (max-width:767px){#cssmenu{display:none;background:#f7f7f7;}
.r-menu{display:block;}
#cssmenu > ul > li > a{padding:15px 22px 15px 15px;font-size:15px;}
#cssmenu ul ul li a{padding:15px 22px 15px 15px;font-size:15px;}
.arabic-page #cssmenu > ul > li > a{padding:15px 42px 15px 15px;font-size:15px;}
.arabic-page #cssmenu ul ul li a{padding:15px 42px 15px 15px;font-size:15px;}
.arabic-page #cssmenu ul > li.expanded > a:before{right:14px;top:23px;}
.arabic-page #cssmenu ul > li.expanded > a:after{right:18px;top:19px;}
#cssmenu li.expanded span{top:13px;}
}