@charset "UTF-8";
.drawer--left .drawer-hamburger, 
/*.drawer--left.drawer-open .drawer-nav, */
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
}
.drawer--right .drawer-hamburger, 
/*.drawer--right.drawer-open .drawer-nav, */
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
}
.drawer-hamburger {
	position: fixed;
	top: 0;
	display: block;
	box-sizing: content-box;
	width: 30px;
	height: 58px;
	padding: 0 14px;
	-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;
	outline: 0;
	z-index: 9999;
/*	background-color: rgba(0,70,155,1.00);*/
	background-color: rgba(255,255,255,0);
	border-radius: 0;
}
.fixed .drawer-hamburger {
/*	background-color: rgba(0,70,155,.93);*/
	background-color: rgba(255,255,255,.93);
}
.drawer-hamburger-icon:after {
    top: 8px;
}
.drawer-hamburger-icon:before {
    top: -8px;
}
.drawer-hamburger::after {
    display: none;
}

/*===== ▼col-md-lg-up =====*/
@media screen and (min-width: 768px) {
    .drawer-hamburger {
        height: 40px;
        width: 40px;
        padding-bottom: 8px;
    }
    .drawer-hamburger-icon::before {
        top: -12px;
    }
    .drawer-hamburger-icon::after {
        top: 12px;
    }
    .drawer-hamburger::after {
        padding-top: 10px;
        font-weight: bold;
        font-size: 85%;
        letter-spacing: 0.025em;
    }
    .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
        height: 4px;
    }
    .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
        top: 10px;
        right: 10px;
    }
}
.drawer-close .drawer-hamburger::after {
}
.drawer-open .drawer-hamburger::after {
	content: "CLOSE";
}
.drawer-hamburger:hover {
    cursor: pointer;
    background-color: var(--dark);
}
.drawer-open .drawer-hamburger {
	opacity: .9;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: var(--dark);
    border-radius: 0;
    height: 3px;
}
.drawer-nav .nav-link {
	color: #fff;
/*	background-color: #311301;*/
	font-size: 1rem;
/*	font-family: Arial, Helvetica, "sans-serif";*/
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding: 0.85rem 1rem;
	font-weight: bold;
}
.drawer-nav li li a::before,
.drawer-nav li li .nav-link::before {
    content: "- ";
}
.drawer-nav li li a,
.drawer-nav li li .nav-link {
	display: block;
	font-size: 0.8rem;
	padding: 0.5rem 1rem;
/*	background-color: rgba(0,148,44,0.90);*/
    color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.drawer-nav {
    padding: 0.5rem 1.5rem;
    background-color: var(--dark-tp095);
    z-index: 9999;
}
.drawer-menu {
/*    text-align: center;*/
}
.drawer-overlay {
    z-index: 999;
    background-color: rgba(0,0,0,.3);
}
/** 
// drawer scroll fix
**/
.drawer--top.drawer-open .drawer-nav {
/*    top: 0;*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
/*    left: 0;*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.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;
}
/*===== ▼ col-lg =====*/
@media screen and (max-width:992px) {
}
/*===== ▼ col-sm =====*/
@media screen and (max-width:767px) {
    .drawer-hamburger {
    background-color: var(--dark);
    color: #fff;
    height: 60px;
    width: 40px;
    }
    .drawer-hamburger::after {
        content: "MENU";
        font-family: arial;
        font-size: 70%;
        display: block;
        padding-top: 12px;
        letter-spacing: -0.03em;
    }
    .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
        background-color: #fff;
    }
}