/* navigation menu */
#menu { float: right;  text-align: center; transition: all 0.3s ease-out 0s; margin-top: 76px ; background: rgba(0, 0, 0, 0.46) none repeat scroll 0 0; margin-right: -5px; min-height: 55px;}
a { text-decoration: none; }
div#overlay { display: none; }
a#toggle {position: fixed; top: 20px; left: inherit; right: 15px; width: 40px; height: 40px; background: #00a94f; text-align: center; color: white; display: none; transition: all ease-out 0.3s; z-index: 100; }
a#toggle:hover{background: #00943a}
a#toggle i {position: relative; top: 50%; transform: translateY(-50%); font-size: 18px;}
#menu ul li i.fa.fa-caret-down.mysubmenu {display:none;}
#menu a { color: #252525;}
#menu ul { float: right; margin: 0; padding: 0; position: relative; top: 0; transition: all 0.4s ease 0s;}
#menu ul li {display: inline-block;position: relative;float: left;border-right: 1px solid #252525;}
#menu ul li > a {color:#fff; font-size: 16px; font-weight:; padding: 0px 30px 0px 30px; line-height: 57px; font-family: 'hind_siligurisemibold'; transition: all 0.2s ease;display: inline-block; font-weight: normal;}
#menu ul li > a > i {    margin-left: 3px;  right: -3px; position: relative;transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s; width: 20px; height: 20px; background: #252525; border-radius: 50%; font-size: 14px;  line-height: 20px; } 
#menu ul li ul {display: none; position: absolute; top: 38px; width: 280px; text-align: left; z-index: 2}
#menu ul li ul li { display: block; }
#menu ul li ul li a { display: block;  font-family: 'hind_siligurisemibold'; font-size: 14px; line-height: normal;}
#menu ul li:hover > a, #menu ul li.active a, #menu ul li.active ul li a:hover{ color: #00a94f }
#menu ul li.active ul li a{color: #fff;}
#menu ul li.no-hover > a > i.closemenu{transform: rotateZ(0deg);}
/*#menu ul li.no-hover > a > i.openedmenu{ transform: rotateZ(90deg); }*/
#menu ul li:hover > a > i, #menu ul li.no-hover.open > a > i{ transform: rotateZ(90deg); }
#menu ul li:hover ul {display: block;}
ul.sub-menu	{background: rgba(0,0,0,0.9); top: 57px!important; border: 0px solid #ccc!important; width:100%}
ul.sub-menu li{margin:0px!important; padding:0px!important;}
#menu ul li ul li{width:100%}
#menu ul li ul li a{padding:10px; line-height: normal; height: auto;}
#menu ul li ul li:hover > a {background: rgb(0, 0, 0);}
#menu ul li ul li > a {border-right: 0px solid #666666;}
#menu ul li.bookservice a{background: url('../images/book-a-service-arrow.png')no-repeat 0 10px #a21d21;border-radius: 5px;margin: 9px 13px;padding: 10px 16px 8px 33px;color: #ffffff;}