/*! bootstrap-off-canvas-android-style - v1.0.2
 * Copyright (c) 2015 Steffen Ermel; Licensed MIT *
 */

body.show-menu { overflow-x: hidden; overflow-y: hidden;  }
.overlay { background-color:rgba(0, 0, 0, 0.0); position: fixed; bottom: 0px; left: 0px; z-index:-1; height: 100%; max-height: 100%; top: 56px; width: 100%; transition:all 0.4s ease 0s;}
.overlay.show-menu { background-color: rgba(8,18,27,0.99); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index:123; }
.navbar { border: none; }
.navbar .navbar-nav>.current-menu-item a { color: #fff; background-color: #080808 ;}
.navbar .container>.navbar-collapse, .navbar .container-fluid>.navbar-collapse {z-index: 1000; width: 100%; white-space: nowrap;  border-top: 0px solid white; padding: 0px; margin:0; display: block; background-color: #171717; height:100%; max-height:100%;}

.navbar .container>.navbar-collapse.in, .navbar .container-fluid>.navbar-collapse.in { left: 0; top: 0; transform: translateX(-0); }
.transition { -webkit-transition: all 0.30s ease-out 0s !important; transition: all 0.30s ease-out 0s !important; }
.navbar-toggle { border: none; margin-left: 10px; z-index:3; }
.navbar-nav { margin: 0px; }
.close_btn{ display:none;}

@media (min-width: 999px) {
.navbar { z-index: 1035; }
.navbar .container, .navbar .container-fluid { padding: 0 15px; }
.navbar .container .navbar-header, .navbar .container-fluid .navbar-header { margin: 0px; padding: 0px; }
.navbar .container>.navbar-collapse, .navbar .container-fluid>.navbar-collapse { position: initial; z-index: initial; bottom: initial; top: initial; background-color: initial; margin: initial; width: initial; }
.navbar-nav { margin: initial;}
.overlay { display: none; }
}