
.snap-drawers {
 display:none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
  padding:0 10px;
}

.snap-drawer-right {
  right: 0;
  z-index: 1;
}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}

.mobile_nav_holder ul.nav > li > a, .mobile_nav_holder ul.nav > li > span{
	display:inline-block;	
}

.mobile_nav_holder ul.nav > li > a:hover, .mobile_nav_holder ul.nav > li > span:hover,
.mobile_nav_holder ul.nav > li.toggle_open > a, .mobile_nav_holder ul.nav > li.toggle_open > span{
	color:#F53232;	
}




.mobile_nav_holder .navbar-nav > li{
	margin:0;
	border-bottom:1px solid #FAE3C7;	
	font-size:20px;
}
.mobile_nav_holder .navbar-nav > li:last-child{
	border:none;	
}

.mobile_nav_holder .targetHit{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 16px;
	right: 0;
	font-size: 18px;
}
.mobile_nav_holder .targetHit:hover{
	cursor:pointer;	
}



/* Show "Left" drawer for the "Right" drawer in the demo */
.snapjs-right .snap-drawer-left {
	display: block;	
	right: 0;	
	left: auto;
}

/* Hide the actual "Right" drawer in the demo */
.snapjs-right .snap-drawer-right {
display: none;
}



/* Demo toolbar styles */
#toolbar {  
background: #536ea7;  
border-bottom: 1px solid #111b32;  
position: absolute;  
top: 0;  
right: 0;  
left: 0;  
width: auto;  
height: 44px;
}

#toolbar h1 {
color: #fff;  
font-size: 16px; 
line-height: 22px;  
text-align: center;  
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
 position: absolute;  top: 0;  right: 44px;  
 left: 44px;  width: auto;  height: 44px;
 }
 
#open-left {  
background: url(open.png) center center no-repeat;  
display: block;  
width: 44px;  
height: 44px;
}

#mobileSearchSite {	
height: 30px;	
width: 100%;		
background:#FFF;	
padding-left: 15px;	
border: 1px solid #DADADA;	
-webkit-border-radius: 25px;	   
-moz-border-radius: 25px;	        
border-radius:4px;	
-webkit-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);	   
-moz-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);	       
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5),0 1px 2px -1px rgba(255, 255, 255, 0.4);
color:#444;
}

#mobileSearchSite:focus {	
outline: none;	
border-color: #6B6969;
}

/*


.drawer-inner {	
-webkit-transition: opacity 0.3s ease; 	  
-moz-transition: opacity 0.3s ease; 	    
-ms-transition: opacity 0.3s ease; 	     
-o-transition: opacity 0.3s ease; 	        
transition: opacity 0.3s ease; 
}

.snapjs-expand-left .drawer-inner,.snapjs-expand-right .drawer-inner {	
opacity: 0;}


.opt {	
padding: 20px;	
border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

.opt p {	
font-weight: bold;	
margin-top: 0;	
margin-bottom: 5px;	
color: #222;	
color: rgba(0, 0, 0, 0.6);}

*/

/* Default demo styles */
.snap-content {  
background: #BFC7D8;}

.snap-drawers {  
background: #323949;}

.snap-drawer {	
/*background: #FD9417;	*/
 background:#192A61;
color: #FFF;
padding-bottom:20px}

.snap-drawer h3 {  
font-size: 36px;  
font-weight: normal;  
margin: 15px;}

.snap-drawer h4 {  
padding: 15px 0;  
border-top: 1px solid rgba(255, 255, 255, 0.1); 
margin-bottom: 0;
float:left;
}
.snap-drawer .mobileNavClose{
	float: right;
font-size: 29px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
}

.snap-drawer ul { 
 padding: 0;  
 margin: 0;  
 list-style-type: none;
 }
 
 .snap-drawer li > a, .snap-drawer li > span {  
 display: block; 
 padding: 13px 0;  
 font-weight: bold;  
 text-decoration: none;  
 color: #FFF;}
 
.snap-drawer .MobilesiteSearch_holder a{
	display:inline-block; 
	padding:5px 0;
	border
 }
 .snap-drawer .MobilesiteSearch_holder a.dotdotdot{
	height: 30px;
 }
.snap-drawer .MobilesiteSearch_holder h5{
	font-size:20px;
	font-weight:bold;	
	border-bottom:2px solid #FFB800;
	padding-bottom:4px;
	margin-bottom:0;
	color:#FFB800;
}
.snap-drawer .MobilesiteSearch_holder ul{
	padding:0 10px;	
}
.snap-drawer .MobilesiteSearch_holder li{
	border-bottom:1px dashed #FFF;
}
.snap-drawer .MobilesiteSearch_holder .ac_results > div{
	margin-bottom:10px;
}

.snap-drawer .MobilesiteSearch_holder .view_all a{
	display: block;
background: #FFA500;
padding: 5px;
color: #FFF;
text-align: center;
font-weight:bold;
}
.snap-drawer .MobilesiteSearch_holder .view_all a:hover{

background: #FFBD47;

}
 
.snap-drawer p {  
opacity: 0.5;  
padding: 15px;}


.mobile_nav_holder ul.nav > li > ul{
	display:none;	
	padding: 0 10px;
	border-top:2px solid #FFF;
}

.mobile_nav_holder ul.nav > li > ul li{
	font-size:16px;	
	border-bottom: 1px dashed #ECECEC;
}
.mobile_nav_holder ul.nav > li > ul li:last-child{
	border:none;	
}

.mobile_nav_holder ul.nav > li > ul li a{
	padding:7px 0px;
}

.mobile_nav_holder ul.nav > li > ul li a:hover,.mobile_nav_holder ul.special_nav > li > ul li a:hover{
	color:#DADADA;
}

.mobile_nav_holder .targetHit_span,.mobile_nav_holder .block_element{
	display:block !important;	
}



@media screen and (max-width: 776px){
	.snap-drawers {
 		display:block;
	}
	.snap-content {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width: auto;
	  height: auto;
	  z-index: 2;
	  overflow: auto;
	  /*
	  -webkit-overflow-scrolling: touch;
	  -webkit-transform: translate3d(0, 0, 0);
		 -moz-transform: translate3d(0, 0, 0);
		  -ms-transform: translate3d(0, 0, 0);
		   -o-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	  */
	}
}
