/************************************************************
 * Push Sidebar Menu
 * 
 * Created on: March 3,2015
 * License   : MIT
 * Author    : Amr Mekkawy <amr.mekkawy@gmail.com>
 * URL       : http://github.com/AmrMekkawy/push-sidebar-menu
 ************************************************************/


body.show_sidebar .nav_trigger {
	margin-right: 5px;
}
#push_sidebar {
    text-align:center;
	background: #fff;
	bottom: 0;
	color: #47484b;
	border-right:1px solid #ddd;
	box-shadow:-3px 0 10px rgba(0,0,0,0.1);
	left: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 25%;
	z-index:99999;

	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
body.show_sidebar #push_sidebar {left: 75%;}

.list-unstyled {list-style:none;}



@media (max-width: 767px) {
	.nav_trigger {
		font-size: 19px;
		margin: 5px 5px 0 20px;
	}
	#push_sidebar {
		width: 70%;
	}
	body.show_sidebar #push_sidebar {
		left: 30%;
	}

}

@media (min-width: 992px) {
	#push_sidebar {
		width: 20%;
	}
	body.show_sidebar #push_sidebar {
		left: 80%;
	}

}

/***********************************/


#push_sidebar li {text-align:left;width:100%;border-bottom: 1px solid #ddd;padding:0;margin:0;}

#push_sidebar li i {width:25px;text-align:center;margin:0px 8px;}
#push_sidebar li a {
	padding: 10px;
	display: block;
	font-size:11pt !important;
    border:0;
    color:#fff;
	text-decoration: none;
}

#push_sidebar li a:hover {
	background-color: #272c30;
	color:#95a7b7
}


#push_sidebar li span{font-size:0.9em;color: #95A7B7;}




.m_tel {background:#81ada8;border:1px solid #81ada8;color:#fff;border-radius:50px;width:220px;height:50px;padding-top:13px;float:left;margin:20px;}
.m_tel a{color:#fff !important;}
.m_tel:hover {background:none;color:#81ada8;cursor:pointer;}
.m_tel:hover a{color:#81ada8 !important;text-decoration;none;}




#w { display: block; width: 100%; margin: 0 auto; }

#leftpanel {-webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
background:#31373d;color:#fff;}


/* nav menu styles */
#nav { 
  display: block; 
  width: 100%; 
  margin: 0 auto; 

}

#nav li { }

#nav > li > a { 
  display: block; 
  padding: 15px;
  font-size: 1em;
  font-weight: bold;
  color: #767676;
  text-decoration: none;

  font-family:inherit;

}
#nav > li > a:hover, #nav > li > a.open { 
  color: #000;
  background-color: #f7f7f7;
  border-bottom:0;

}

#nav li ul { display: none; }

#nav li ul li {background:#f7f7f7;}

#nav li ul li.mobile_main {border:0;}
#nav li ul li.mobile_sub {border:0;}
#nav li ul li.mobile_sub:last-child {padding-bottom:8px;}

#nav li ul li a { 
  display: block; 
  background: none;
  padding: 10px 0px;
  padding-left: 30px;
  font-size: 1em;
  text-decoration: none;
  font-weight: bold;
  color: #767676;
  font-family:inhert;
  border-bottom:0 !important;
	border:0 !important;
}
#nav li ul li a:hover {
  background: #f7f7f7;
}