#header{z-index:998;width:100%;background:#FFFFFF;position:fixed;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#header .header-content{height:50px;margin:0px auto;padding:7px 0px;width:100%;text-align:center;display:block;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#header .navigation ul{margin:0px auto;}
#header .navigation ul li{padding:0px 25px;}
#header .navigation ul li a{font-size:11pt;line-height:normal;font-weight:500;letter-spacing:2pt;color:#2D2926;display:inline-block;position:relative;padding:10px 8px;z-index:1;background:transparent;text-decoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#header .navigation ul li a::before{background-color:rgba(38, 208, 124, .6);mix-blend-mode:multiply;position:absolute;content:'';bottom:40%;left:50%;width:0%;height:5px;z-index:-1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#header .navigation ul li a:hover::before, #header .navigation ul li a.active, #header .navigation ul li a:active::before{width:100%;left:0%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#header .navigation ul li a.active::before{width:100%;left:0%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.navigation.open{opacity:1;visibility:visible;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.navigation li{display:inline-block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle{display:none;height:50px;width:50px;overflow:hidden;position:fixed;text-indent:100%;white-space:nowrap;z-index:99999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle:before, .nav-toggle:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle:before{background-color:#FFFFFF;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle:after{background-color:#FFFFFF;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle span{background-color:rgba(45, 41, 38, 1);bottom:auto;display:inline-block;height:2px;left:50%;position:absolute;right:auto;top:50%;width:25px;z-index:10;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle span:before, .nav-toggle span:after{background-color:rgba(45, 41, 38, 1);content:"";height:100%;position:absolute;right:0;top:-2px;width:100%;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle span:after{top:2px;}
.nav-toggle span:before{-moz-transform:translateY(-6px) rotate(0deg);-ms-transform:translateY(-6px) rotate(0deg);-webkit-transform:translateY(-6px) rotate(0deg);transform:translateY(-6px) rotate(0deg);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle span:after{-moz-transform:translateY(6px) rotate(0deg);-ms-transform:translateY(6px) rotate(0deg);-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle.close-nav:before{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle.close-nav:after{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle.close-nav span{background-color:rgba(45, 41, 38, 0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after{background-color:rgba(45, 41, 38, 1);top:0px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle.close-nav span:before{-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-toggle.close-nav span:after{-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
@media screen and (max-width:1024px){#header .navigation ul li a{font-size:10pt;}
}
@media screen and (max-width:992px){#header{background:transparent;height:auto;}
#header .header-content{height:auto;width:auto;padding:0px;}
.nav-toggle{right:20px;top:20px;display:block;}
#header .navigation ul li a{font-size:18pt;letter-spacing:3pt;}
#header .navigation ul li{margin:0px auto;padding:10px 0px;}
#header .navigation ul li a.active{position:relative;display:initial;}
.navigation{position:fixed;background:#FFFFFF;width:100%;height:100%;top:0;left:0;z-index:99999;visibility:hidden;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.navigation .primary-nav{position:relative;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.navigation li{display:block;margin-bottom:25px;}
.navigation a{display:block;font-size:30px;margin:0;text-align:center;}
}