/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (min-width: 768px) {
  .js-hiraku-offcanvas {
    display: block;
    position: static;
    background: none;
  }

  .js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar {
    position: static;
    margin-right: 0;
    width:auto;
  }
}


/*drawer---------------------------------*/
/* ŽO / ‚w */
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
/*
 a{color:#337ab7;text-decoration:none}
 a:focus,a:hover{color:#23527c;text-decoration:underline}
 a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
*/

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
 .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}

#drawerMenu{ display:none; }
@media (max-width:767px){
#drawerMenu{ display:block; }
 }

 
 .drawernavbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
 
 @media (min-width:768px){.drawernavbar-header{float:left}}
 

/*toggle*/
 @media (min-width:768px){
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
.drawernavbar>.container .drawer-brand{margin-left:-15px}}

.drawernavbar-toggle{position:relative;float:right;padding:9px 10px 3px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
 .drawernavbar-toggle:focus{outline:0}
 
 @media (min-width:768px){.drawernavbar-toggle{display:none}}
 
 

/*headernav------------------------------------*/
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .drawer-brand{color:#9d9d9d}
.navbar-inverse .drawer-brand:focus,.navbar-inverse .drawer-brand:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-text{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
 
 .navbar-inverse .drawernavbar-toggle{border-color:#333; cursor:pointer;}
 .navbar-inverse .drawernavbar-toggle:focus,.navbar-inverse .drawernavbar-toggle:hover{background-color:#333}
 .navbar-inverse .drawernavbar-toggle .icon-bar{background-color:#fff}
 .navbar-inverse .drawernavbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
 .navbar-inverse .drawernavbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}


 @media (max-width:767px){
 .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
 .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
}

.navbar-inverse .navbar-link{color:#9d9d9d}
.navbar-inverse .navbar-link:hover{color:#fff}


 
/*drawerMenuList----------------------------------------*/
.list-group {
  padding-left:0;margin-bottom:20px;
}

.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
 a.list-group-item,button.list-group-item{color:#555}
 
 a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}
 button.list-group-item{width:100%;text-align:left}


.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
	z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}
 .list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}
 .list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}
 .list-group-item-success{color:#3c763d;background-color:#dff0d8}
 a.list-group-item-success,button.list-group-item-success{color:#3c763d}
 a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}

.drawer_second li a {
	background:url(../img/arrow03.png) no-repeat center left 15px;
	padding-left:2em;}

 @-ms-viewport{width:device-width}