/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

.drawer-open {
 overflow:hidden!important
}
.drawer-nav {
 position:absolute;
 z-index:2;
 top:0;
 overflow:hidden;
 width:8.7rem;
 height:100%;
 color:#222;
 background: rgba(255, 255, 255, 0.8);
 border: 0.09em solid #000;
 z-index: 1000000;
}
.drawer-brand {
 font-size:1.5rem;
 font-weight:700;
 line-height:3.75rem;
 display:block;
 padding-right:.75rem;
 padding-left:.75rem;
 text-decoration:none;
 color:#222
}
.drawer-menu {
 margin:0;
 padding:12px;
 list-style:none
}

.drawer-menu-item {
 font-size:12px;
 display:block;
 padding:.15rem 0;
 color:#000;
 text-transform: uppercase;
}


.drawer-menu .logoli { text-align: center; margin: 1px 0; }

.drawer-nav #kontakt {
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    line-height:0.8rem;
    padding: 12px;
    font-size: 12px;
}

.drawer-nav #kontakt a.mail {
	color: inherit;
	font-size: 10px;
}

ul.drawer-menu ol {
	padding-left: 19px;
	list-style: none;
	text-transform: uppercase;
	margin-bottom: 14px;
}

ul.drawer-menu ol li {
	font-size: 12px;
    line-height:0.8rem;
}

ul.drawer-menu ol li a {
	color: #000;
}

ul.drawer-menu ol li a:hover {
	color: #7E7E7E;
}

.drawer-overlay {
    position: absolute;
    z-index: 100000;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}
.drawer-open .drawer-overlay {
 display:block
}
.drawer--top .drawer-nav {
 top:-100%;
 left:0;
 width:100%;
 height:auto;
 max-height:100%;
 -webkit-transition:top .6s cubic-bezier(.19,1,.22,1);
 transition:top .6s cubic-bezier(.19,1,.22,1)
}
.drawer--top.drawer-open .drawer-nav {
 top:0
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
 right:0
}
.drawer--left .drawer-nav {
 left:-8.7rem;
 -webkit-transition:left .6s cubic-bezier(.19,1,.22,1);
 transition:left .6s cubic-bezier(.19,1,.22,1)
}
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
 left:0;
}

.drawer--left.drawer-open .drawer-hamburger,
.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
 left:16px;
}

.drawer--left.drawer-open .drawer-hamburger {
 left:9.6rem;
}
.drawer--right .drawer-nav {
 right:-16.25rem;
 -webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
 transition:right .6s cubic-bezier(.19,1,.22,1)
}
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
 right:0
}
.drawer--right.drawer-open .drawer-hamburger {
 right:16.25rem
}
.drawer-hamburger {
 position:absolute;
 z-index:4;
 top:0;
 display:block;
 box-sizing:content-box;
 width:0.8rem;
 padding:0;
 padding:0px .40rem 9px;
 -webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
 transition:all .6s cubic-bezier(.19,1,.22,1);
 -webkit-transform:translateZ(0);
 transform:translateZ(0);
 border:0;
 background-color: rgba(255,255,255, 0.8);
border: 0.09em solid #000;
 outline:0;
}
.drawer-hamburger:hover {
 cursor:pointer;
}
.drawer-hamburger-icon {
 position:relative;
 display:block;
 margin-top:9px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
 width:100%;
 height:0.10em;
 -webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
 transition:all .6s cubic-bezier(.19,1,.22,1);
 background-color:#222
}
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
 position:absolute;
 top:-5px;
 left:0;
 content:" "
}
.drawer-hamburger-icon:after {
 top:5px;
}
.drawer-open .drawer-hamburger-icon {
 background-color:transparent
}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
 top:0
}
.drawer-open .drawer-hamburger-icon:before {
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
.drawer-open .drawer-hamburger-icon:after {
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.sr-only {
 position:absolute;
 overflow:hidden;
 clip:rect(0,0,0,0);
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
 position:static;
 overflow:visible;
 clip:auto;
 width:auto;
 height:auto;
 margin:0
}
.drawer--sidebar,
.drawer--sidebar .drawer-contents {
 background-color:#fff
}