body{
	margin: 0;

	background: transparent;
	transition: background .3s, padding .3s;
}


.nav-menus-wrapper{
	overflow-x: hidden;
}

.btn-show{
	padding: 10px;
	color: ;
	cursor: pointer;
	border: none;
	background-color: transparent;
	transition: background .3s;
	z-index:999999;
	position: absolute;
  top: 50%;
  margin-top: -34px;
 left: 0px;
overflow:visible;
 font-family: 'Drugs Regular','sans-serif';
 width:30px;
 height:40px;
}

.btn-show span {
    content: "";
    position: absolute;
    bottom: -17px;
    font-size: 9px;  left:0;
	letter-spacing:2px;
}
.btn-show:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  background-color: #333;
  border-radius: 10px;
box-shadow: 0 0.6em 0 0 #333, 0 1.2em 0 0 #333;
  left:0;
}



.info{
	padding-left: 15px;
	color: #333;
	font-size: 13px;
	text-align: center;
}
.info span{
	text-decoration: underline;
}

.zoom-in{
    -webkit-animation: zoomIn 400ms ease both;
    -moz-animation: zoomIn 400ms ease both;
    -o-animation: zoomIn 400ms ease both;
    animation: zoomIn 400ms ease both;
}
@-webkit-keyframes zoomIn {
    0% { -webkit-transform: scale(.6); }
    100% { -webkit-transform: scale(1); }
}
@keyframes zoomIn {
    0% { transform: scale(.6); }
    100% { transform: scale(1); }
}
.zoom-out{
    -webkit-animation: zoomOut 400ms ease both;
    -moz-animation: zoomOut 400ms ease both;
    -o-animation: zoomOut 400ms ease both;
    animation: zoomOut 400ms ease both;
}
@-webkit-keyframes zoomOut {
    0% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(.6); }
}
@keyframes zoomOut {
    0% { transform: scale(1); }
    100% { transform: scale(.6); }
}

.navigation7{
	background-color: #9fa7b0;
}