/*!
 * 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/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-open{ overflow: hidden !important;}
.drawer-nav{ position: fixed; top: 0; z-index: 90; overflow: hidden; width: 100%; height: 100%; background: url("/img/bg_black.gif"); color: #dab67c;}
.drawer-nav .menu-wrap{ overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 105px 40px 40px; height: 100%;}
.drawer-nav .menu{ font-weight: bold; font-size: 1.6rem;}
.drawer-nav .menu li{ padding: 15px 0;}
.drawer-nav .menu li a{ display: block; color: #dab67c; text-align: center;}
.drawer-nav .btn{ padding: 30px 0 0; width: 100%;}
.drawer-nav .btn a{ display: block; height: 60px; background: #dab67c; color: #000; text-align: center; font-size: 1.6rem; line-height: 60px;}
.drawer-nav .btn i{ display: inline-block; margin: 0 20px 0 0; width: 30px;}
.drawer-nav .btn img{ vertical-align: middle;}

.drawer-overlay{ position: fixed; top: 0; left: 0; z-index: 89; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);}
.drawer-open .drawer-overlay{ display: block;}

/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav{ right: -100%; -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); }

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{ right: 0; overflow: auto; -webkit-overflow-scrolling: touch;}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger{
    position: fixed;
    top: 2px;
    z-index: 1000;
    display: block;
    box-sizing: content-box;
    padding: 0 20px;
    width: 22px;
    height: 65px;
    outline: 0;
    border: 0;
    background-color: transparent;
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transform: translate3d(0, 0, 0);
}
.drawer-hamburger:hover{ background-color: transparent; cursor: pointer;}
.drawer-hamburger-icon{ position: relative; display: block;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after{ width: 100%; height: 1px; background-color: #dab67c; transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after{ position: absolute; top: -9px; left: 0; content: '';}
.drawer-hamburger-icon:after{ top: 9px;}
.drawer-open .drawer-hamburger-icon{ background-color: transparent;}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after{ top: 0;}
.drawer-open .drawer-hamburger-icon:before{ transform: rotate(45deg);}
.drawer-open .drawer-hamburger-icon:after{ transform: rotate(-45deg);}