/*!
 * Compile with:
 * sass --no-cache sass/nav.scss css/nav.css
 * sass --no-cache sass/nav.scss css/nav.min.css --style compressed
 *//*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers

 */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}
.hamburger:hover{opacity:1}
.hamburger.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:0.14s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
.hamburger.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease, opacity 0.1s 0.14s ease}
.hamburger.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease,transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1)}
.hamburger-box{width:40px;height:14px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px;transition-duration:0.1s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:3px;background-color:#000;border-radius:3px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}
.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px;transition:top 0.1s 0.14s ease, opacity 0.1s ease}
.hamburger-inner::after{bottom:-10px;transition:bottom 0.1s 0.14s ease,transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19)}
#inv-nav-main-btn{position:fixed;top:0px;right:0px;display:block;border:0;background-color:rgba(0,0,0,0.2);color:#FFF;line-height:32px;font-size:16px;padding:10px;margin:0;transition-property:right;transition-duration:0.15s;transition-timing-function:linear;z-index:999999;font-family:'Didot LT W01 Bold';}
#inv-nav-main-btn:focus{outline:0;outline:none;-webkit-appearance:none}

@media screen and (min-width: 1000px){
#inv-nav-main-btn{display:none}
}
#inv-nav-main-btn .hamburger-inner,#inv-nav-main-btn .hamburger-inner::before,#inv-nav-main-btn .hamburger-inner::after{background-color:#FFF}
#inv-nav-main-btn.is-active{right:200px;background-color:#666;}
#inv-nav-main-btn.is-active span.text{display:none}
#inv-nav-main-btn.left{left:0px;right:auto;transition-property:left}
#inv-nav-main-btn.left.is-active{left:200px;right:auto}


ul#inv-menu{position:fixed;right:-260px;top:0px;left:auto;bottom:0px;background:#666;color:#FFF;padding:0;margin:0;list-style:none;width:200px;text-align:left;overflow:auto;transition-property:right;transition-duration:.15s;transition-timing-function:linear;z-index:999999}
ul#inv-menu.menu-show{right:0px}ul#inv-menu.left{right:0;left:-200px;transition-property:left}
ul#inv-menu.left.menu-show{left:0px}ul#inv-menu li{list-style:none;display:block;width:100%}
ul#inv-menu li a{display:block;width:auto;color:#FFF;background-color:#666;font-size:16px;line-height:2em;padding:5px 10px;border:0;text-decoration:none;font-family:'Didot LT W01 Bold';}
ul#inv-menu li a:hover,ul#inv-menu li a:focus,ul#inv-menu li a:active{background:#000;color:#FFF;text-decoration:none}


@media screen and (min-width: 1000px){
ul#inv-menu{position:relative;display:inline-block;float:right;text-align:right;tleft:auto;right:auto;top:0;background-color:transparent;background:none;width:auto;overflow:visible;}
ul#inv-menu.left{left:auto;right:auto}
ul#inv-menu li{display:inline-block;width:auto;border:0;}
ul#inv-menu li a{margin:0;padding:0 6px;line-height:30px;font-size:13px;text-align:center;color:#333;background-color:transparent;background: rgba(255,255,255,0);border:0}
ul#inv-menu li ul{display:none}
ul#inv-menu li a:hover, ul#inv-menu li a:active, ul#inv-menu li a:visited{background-color:transparent;background: rgba(255,255,255,0);color:#666;}
}

ul#inv-menu.header-affix{position:fixed;top:0px;left:0px;right:0px;bottom:auto;height:50px;border-bottom:0}
ul#inv-menu.header-affix .container #logo,ul#inv-menu.header-affix .container-fluid #logo{height:42px}
ul#inv-menu.header-affix .container #nav-main-btn,ul#inv-menu.header-affix .container-fluid #nav-main-btn{line-height:22px;font-size:14px;padding-top:10px}

@media screen and (min-width: 1000px){ul#inv-menu.header-affix .container ul li a,ul#inv-menu.header-affix .container-fluid ul li a{line-height:50px}
ul#inv-menu.header-affix .container ul li ul,ul#inv-menu.header-affix .container-fluid ul li ul{top:50px}
}
/*# sourceMappingURL=nav.min.css.map */