@charset "utf-8";
/* CSS Document */

.sldOuter{   position:relative; }
.sldCloseBt{ display:none; }


.slideLeft { position:relative; }
 
.sldOverlayBt { display: none;  
  border:none;
  outline:none;
  background:#eee;
  color:#222;
  padding:10px 20px;
  font:300 20px 'open sans',sans-serif;
  transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
}

button.sldOverlayBt:hover{
  background:#a60912;
  color:#fff;
}
 
.sldPanel{   background:#333;  }

/* Overlay */
.slpOverlayDV{
  z-index:3;    
  margin-left:0px;
  transition:margin-left .2s ease-in;
  -moz-transition:margin-left .2s ease-in;
  -webkit-transition:margin-left .2s ease-in;
}
.slpOverlayDV.active{
  margin-left:0;
  box-shadow:0 0 20px rgba(0,0,0,0.5);
}


@media screen  and (max-width: 768px) { 

.sldCloseBt{
  position: relative;
  display:inline-block;
  padding:5px;
  color:#fff;
  background:#a60912;
  font-size:15px !important; cursor:pointer;
   
}  
 

 .sldOverlayBt { display:block;   padding:1%; margin-bottom:2%;   cursor:pointer;} 
	
 .dvLeftSubmenu { float:none; width:100%; }
 .slpOverlayDV{ z-index:3; width:85%; padding-right:1em;
  position: absolute ;
  left:0;
  top:0;
  margin-left:-800px;
  transition:margin-left .2s ease-in;
  -moz-transition:margin-left .2s ease-in;
  -webkit-transition:margin-left .2s ease-in;
}

}