/************************************************************
 * 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: #fff;
	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%;
	}

}

/***********************************/
.contact_area {position:relative;float:left;margin:10px 0;width:100%;padding:10px;}
.contact_area ul {position:relative;float:left;width:100%;padding:0;margin:0;}

.contact_area ul li {position:relative;float:left;width:50%;padding:10px 15px;color:#fff;font-weight:500;list-style:none;margin-bottom:7px;border-radius:5px;text-align:center;  color:rgba(255,255,255,0.6); }
.contact_area ul li span {font-size:13pt;}
.contact_area ul li span i {margin-bottom:5px;}
.contact_area ul li a {color:#fff !important;}



#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 {text-align:left;width:100%;border-bottom:1px solid #eaeaea;padding:0;margin:0;}

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

/*
#nav > li > a:after {float:right;;font-family: 'FontAwesome';content: "\f078";}
#nav > li > a.open:after {float:right;;font-family: 'FontAwesome';content: "\f077";}
#nav > li:first-child > a:after {content:""}
*/

#nav > li > a:hover, #nav > li > a.open { 
  /*color: #000;
  background-color: #55091d;*/
  border-bottom:0;

}

#nav li ul { display: none; }

#nav li ul li {}
#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: 7px 0px;
  padding-left: 30px;
  font-size: 1em;
  text-decoration: none;
  color:rgba(255,255,255,0.7); 
  font-family:inherit;
  border-bottom:0 !important;
	border:0 !important;
}
#nav li ul li a:hover {
  background: #fff;
}