/*!
* 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;z-index: 101;top: 0;overflow: hidden;width: 16.25rem;height: 100%;color: #fff;}
.drawer-brand {font-size: 1.5rem;font-weight: bold;line-height: 6.25rem;display: block;padding-right: .75rem;padding-left: .75rem;text-decoration: none;color: #fff;}
.drawer-menu {margin: 0;padding: 0;list-style: none;}
.drawer-menu-item {font-size: 1rem;display: block;padding: 21px 10px;text-decoration: none;color: #fff;text-align:center;}
.drawer-menu-item:hover {text-decoration: underline;color: #555;background-color: transparent;}

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

/*!------------------------------------*\
Top
\*!------------------------------------*/

.drawer--top .drawer-nav {top: -100%;left: 0;width: 100%;height: auto;max-height: 100%;-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.drawer--top.drawer-open .drawer-nav {top: 0;}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger {right: 0;}
/*!------------------------------------*\
Left
\*!------------------------------------*/

.drawer--left .drawer-nav {/*left: -16.25rem;*/-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.drawer--left.drawer-open .drawer-nav,.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {left: 0;}
.drawer--left.drawer-open .drawer-hamburger {left: 16.25rem;}

/*!------------------------------------*\
Right
\*!------------------------------------*/

.drawer--right .drawer-nav {/*right: -16.25rem;*/-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;}
.drawer--right.drawer-open .drawer-hamburger {right: 16.25rem;}
/*!------------------------------------*\
Hamburger
\*!------------------------------------*/

.drawer-hamburger {position: fixed;z-index: 104;top: 0;display: block;box-sizing: content-box;width: 2rem;padding: 0;padding-top: 18px;padding-right: .75rem;padding-bottom: 30px;padding-left: .75rem;-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);border: 0;outline: 0;background-color: transparent;}
.drawer-hamburger:hover {cursor: pointer;background-color: transparent;}
.drawer-hamburger-icon {position: relative;display: block;margin-top: 10px;}
.drawer-hamburger-icon,.drawer-hamburger-icon:before,.drawer-hamburger-icon:after {width: 100%;height: 2px;-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);background-color: #fff;}
.drawer-hamburger-icon:before,.drawer-hamburger-icon:after {position: absolute;top: -10px;left: 0;content: ' ';}
.drawer-hamburger-icon:after {top: 10px;}
.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 {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.drawer-open .drawer-hamburger-icon:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/*!------------------------------------*\
accessibility
\*!------------------------------------*/

/*!
* Only display content to screen readers
* See: http://a11yproject.com/posts/how-to-hide-content
*/

.sr-only {position: absolute;overflow: hidden;clip: rect(0, 0, 0, 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}
/*!
* Use in conjunction with .sr-only to only display content when it's focused.
* Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
* Credit: HTML5 Boilerplate
*/

.sr-only-focusable:active,.sr-only-focusable:focus {position: static;overflow: visible;clip: auto;width: auto;height: auto;margin: 0;}
/*!------------------------------------*\
Sidebar
\*!------------------------------------*/

.drawer--sidebar {background-color: #fff;}
.drawer--sidebar .drawer-contents {background-color: #fff;}

@media (min-width: 751px) {
.drawer--sidebar .drawer-hamburger {display: none;visibility: hidden;}
.drawer--sidebar .drawer-nav {display: block;-webkit-transform: none;transform: none;position: fixed;width: 12.5rem;height: 100%;}
.drawer-brand {font-size: 1.5rem;font-weight: bold;line-height: 6.25rem;display: block;padding-right: .75rem;padding-left: .75rem;text-decoration: none;color: #fff;}
/*! Left */
.drawer--sidebar.drawer--left .drawer-nav {left: 0;border-right: 1px solid #ddd;}
.drawer--sidebar.drawer--left .drawer-contents {margin-left: 12.5rem;}
/*! Right */
.drawer--sidebar.drawer--right .drawer-nav {right: 0;border-left: 1px solid #ddd;}
.drawer--sidebar.drawer--right .drawer-contents {margin-right: 12.5rem;}
/*! container */
.drawer--sidebar .drawer-container {max-width: 48rem;}
}

@media (min-width: 751px) {
.drawer--sidebar .drawer-nav {width: 16.25rem;}
.drawer--sidebar.drawer--left .drawer-contents {margin-left: 16.25rem;}
.drawer--sidebar.drawer--right .drawer-contents {margin-right: 16.25rem;}
/*! container */
.drawer--sidebar .drawer-container {max-width: 60rem;}
}

/*!------------------------------------*\
Navbar
\*!------------------------------------*/

.drawer--navbarTopGutter {padding-top: 6.25rem;}
.drawer-navbar .drawer-navbar-header {}
.drawer-navbar {z-index: 102;top: 0;}

/*! .drawer-navbar modifier */

.drawer-navbar--fixed {position: fixed;width: 100%;}
.drawer-navbar-header {position: relative;z-index: 102;box-sizing: border-box;width: 100%;height: 6rem;padding: 0 .75rem;text-align: left;}
.drawer-navbar .drawer-brand {line-height: 6rem;display: inline-block;padding-bottom: 0;text-decoration: none;}

.drawer-navbar .drawer-brand:hover {background-color: transparent;}

.drawer-navbar .drawer-nav {padding-top: 6.25rem;}
.drawer-navbar .drawer-menu {padding-bottom: 7.5rem;}

@media (min-width: 751px) {
.drawer-navbar {height: 6rem;width: 100%;}
.drawer-navbar .drawer-navbar-header {position: relative;display: block;float: left;width: auto;padding: 0;border: 0;}
.drawer-navbar .drawer-menu--right {float: right;}
.drawer-navbar .drawer-menu li {/*float: left;*/}
.drawer-navbar .drawer-menu-item {line-height: 2.8rem;padding-top: 0;padding-bottom: 0;white-space: nowrap;}
.drawer-navbar .drawer-hamburger {display: none;}
.drawer-navbar .drawer-nav {position: relative;/*left: 0;*/overflow: visible;width: auto;height: auto;padding-top: 24px;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.drawer-navbar .drawer-menu {padding: 0;display: flex;align-items: center;justify-content: right;width: 100%;}
/*! dropdown */
.drawer-navbar .drawer-dropdown-menu {position: absolute;width: 16.25rem;border: 1px solid #ddd;}
.drawer-navbar .drawer-dropdown-menu-item {padding-left: .75rem;}
}

/*!------------------------------------*\
Dropdown
\*!------------------------------------*/

.drawer-dropdown-menu {display: none;box-sizing: border-box;width: 100%;margin: 0;padding: 0;background-color: #fff;}
.drawer-dropdown-menu > li {width: 100%;list-style: none;}
.drawer-dropdown-menu-item {line-height: 6.25rem;display: block;padding: 0;padding-right: .75rem;padding-left: 1.5rem;text-decoration: none;color: #fff;}
.drawer-dropdown-menu-item:hover {text-decoration: underline;color: #555;background-color: transparent;}

/*! open */

.drawer-dropdown.open > .drawer-dropdown-menu {display: block;}

/*! drawer-caret */

.drawer-dropdown .drawer-caret {display: inline-block;width: 0;height: 0;margin-left: 4px;-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;transition: opacity .2s ease, -webkit-transform .2s ease;transition: transform .2s ease, opacity .2s ease;transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;-webkit-transform: rotate(0deg);transform: rotate(0deg);vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}

/*! open */

.drawer-dropdown.open .drawer-caret {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/*!------------------------------------*\
Container
\*!------------------------------------*/

.drawer-container {margin-right: auto;margin-left: auto;}

@media (min-width: 751px) {
.drawer-container {max-width: 60rem;display: flex;justify-content: space-between;align-items: center;}
}

@media (min-width: 751px) {
.drawer-container {max-width: 70rem;width: 100%;margin: 0 auto;}
}

@media screen and (max-width: 800px) {
.drawer-brand {display: none !important;}
}
@media screen and (max-width: 750px) {
.drawer-navbar-header { height: 4rem;}
.opened .drawer-brand {display: block!important;}
.opened .drawer-brand img{margin:0;;}
.drawer-open .opened .drawer-brand {display: none !important;}
.opened.changed .drawer-brand {display: none !important;}
}