s/*************************************************
      SlidePanel CSS 
      @author Fabio Mangolini
      http://www.responsivewebmobile.com
**************************************************/

/*body {
  margin-top: 50px;
}
*/




#slidein-panel {
  margin: 0;
  padding: 0;
  background-color: #222222;
  width: 250px;
  border:1px solid #1c75ba;

}

#slidein-panel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#slidein-panel ul li {
    background-color: #222222;
    display: block;
    border-top: 1px solid #333333;
}

#slidein-panel ul li a:link,
#slidein-panel ul li a:visited {
  display: block;
  text-decoration: none;
  color: #ffffff;
  /*padding: 3px 12px;
  font-size: 16px;*/
  font-weight: 200;
}

#slidein-panel ul li:hover {
  background-color: #000000;
}

#slidein-panel-container {
     position: relative;
    padding: 10px;
    background: #ffffff;
    height: 35px;
    line-height: 35px;
    
}

 
#slidein-panel-container span{ font-size: 30px;    color: #000;width:70%;float:left}
#slidein-panel-container a{ font-size: 30px;    color: #000;width:35px;float:right}
#slidein-panel-container a img{ max-width:35px;}

#slidein-panel-btn {
	display: block;
	width: 48px;
	height: 38px;
	line-height: 10px;
	font-size: 30px;
	padding: 0 2px;
	/*background-color: #bd1e2c;*/
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

#slidein-panel-btn img{width:38px;height:38px;}

/* Menu CSS */
#slidein-panel{margin-top:0px;z-index:1500;}
#slidein-panel {background:none;}
#slidein-panel ul {background-color:#002557;width: 250px;padding: 10px;}
#slidein-panel ul li {background:none;border-top:none;text-align: center;}
#slidein-panel ul li:hover {background:none;}
#slidein-panel ul li img{width:100%;}
#slidein-panel ul li a:link, #slidein-panel ul li a:visited {/*color:#ffffff;font-size:18px;*/}

#slidein-panel-btn{}
#slidein-panel-btn{cursor:pointer;padding:4px;}
#slidein-panel-btn span{}
#slidein-panel-btn .icon-bar{
	display: block;
    width: 25px;
    height: 3px;
	margin-top: 3px;
	background-color:#FFF;}
	
#slidein-panel ul li a{-webkit-transition: color 150ms ease-out 250ms;    -moz-transition: color 150ms ease-out 250ms;  -o-transition: color 150ms ease-out 250ms; transition: color 150ms ease-out 250ms;}

#slidein-panel ul li a:hover { color: #000 ; -webkit-transition: color 150ms ease-in 250ms;    -moz-transition: color 150ms ease-in 250ms;  -o-transition: color 150ms ease-in 250ms; transition: color 150ms ease-in 250ms;}
#slidein-panel-btn span.menu-text{
font-size: 16px;
    padding-left: 40px;
    position: relative;
    top: -18px;	
}
 
 
    

@media (max-width:767px)
{
	#slidein-panel{margin-top:0px;} 
	#slidein-panel ul li a:link, #slidein-panel ul li a:visited{/*font-size:16px;padding: 2px 12px;*/}
	#slidein-panel-btn span.menu-text{display:none;}
}