.fixed-header {
    position: fixed !important;
    width: 96% !important;
    max-width: 96% !important;
}
header .logo{
    display:inline-block 
}
/* a.logo.ani img {
    width: 100%;
} */
.top-nav{
    text-align:center;
    margin-top:5px 
}
.top-nav ul li{
    display:inline-block;
    margin:0 20px 
}
.top-nav ul li a{
    text-decoration:none;
    color:#686e7f;
}
.no-touch .top-nav ul li a:hover{
    color:#00ba53;
}
.canvas-navi-bar{
    display:inline-block;
    -webkit-transition:275ms all ease;
    -o-transition:275ms all ease;
    transition:275ms all ease;
    cursor:pointer;
    padding:10px 0;
    position:relative;
    z-index:2 
}
.canvas-navi-bar div{
    display:block;
    width:35px;
    height:3px;
    margin-bottom:4px;
    background-color:#292929;
    -webkit-transition:0.4s all ease;
    -o-transition:0.4s all ease;
    transition:0.4s all ease;
    position:relative;
    z-index:2 
}
.canvas-navi-bar div:last-child{
    width:22px;
    margin-left:auto 
}
.canvas-navi-bar.nV div{
    width:0 
}
#navi.active .canvas-navi-bar div.bar2{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    width:30px 
}
#navi.active .canvas-navi-bar div.bar1{
    -webkit-transform:translate(0, 7px) rotate(135deg);
    transform:translate(0, 7px) rotate(135deg);
    width:30px 
}
#navi.active .canvas-navi-bar div.bar3{
    width:0 
}
#canvas-nav{
    position:fixed;
    background:#fff;
    color:#fff;
    top:0;
    left:auto;
    right:calc(-40% - 15px);
    width:40%;
    height:100%;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 1.5s cubic-bezier(.19, 1, .22, 1) .5s;
    -moz-transition:all 1.5s cubic-bezier(.19, 1, .22, 1) .5s;
    -o-transition:all 1.5s cubic-bezier(.19, 1, .22, 1) .5s;
    transition:all 1.5s cubic-bezier(.19, 1, .22, 1) .5s;
    overflow:hidden;
    display:flex;
    display:-webkit-flex;
    display:-ms-flexbox;
    flex-direction:row;
    -webkit-flex-direction:row;
    -webkit-align-content:stretch;
    align-content:stretch 
}
#navi.active #canvas-nav{
    opacity:1;
    visibility:visible;
    right:0;
    z-index:1;
    -webkit-box-shadow:0 0 100px rgba(136, 142, 160, .4);
    -moz-box-shadow:0 0 100px rgba(136, 142, 160, .4);
    box-shadow:0 0 100px rgba(136, 142, 160, .4);
    transition-delay:0.2s; 
}
#canvas-nav .menu-main-menu-container{
    -webkit-transition:all 2s cubic-bezier(.19, 1, .22, 1);
    -moz-transition:all 2s cubic-bezier(.19, 1, .22, 1);
    -o-transition:all 2s cubic-bezier(.19, 1, .22, 1);
    transition:all 2s cubic-bezier(.19, 1, .22, 1) 
}
#navi .overlay{
    position:fixed;
    top:0;
    right:0;
    width:0;
    height:100%;
    opacity:0;
    visibility:hidden;
    background-color:rgba(136, 142, 160, .7);
    -webkit-transition:all 5s cubic-bezier(.19, 1, .22, 1) .5s;
    -moz-transition:all 5s cubic-bezier(.19, 1, .22, 1) .5s;
    -o-transition:all 5s cubic-bezier(.19, 1, .22, 1) .5s;
    transition:all .5s cubic-bezier(.19, 1, .22, 1) .5s 
}
#navi.active .overlay{
    opacity:1;
    width:100%;
    visibility:visible;
    -webkit-transition:all .2s cubic-bezier(.19, 1, .22, 1) .2s;
    -moz-transition:all .2s cubic-bezier(.19, 1, .22, 1) .2s;
    -o-transition:all .2s cubic-bezier(.19, 1, .22, 1) .2s;
    transition:all .2s cubic-bezier(.19, 1, .22, 1) .2s 
}
#navi.active #canvas-nav{
    opacity:1;
    visibility:visible;
    right:0;
    z-index:1;
    -webkit-box-shadow:0 0 100px rgba(136, 142, 160, .4);
    -moz-box-shadow:0 0 100px rgba(136, 142, 160, .4);
    box-shadow:0 0 100px rgba(136, 142, 160, .4);
    transition-delay:0.2s; 
}
.canvas-nav-wrapper{
    padding-left:20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column 
}
#navi #canvas-nav nav a{
    display:inline-block;
    position:relative;
    color:#292929;
    text-decoration:none;
    overflow:hidden;
    line-height:1.25em;
    font-size:50px;
    background-image:-webkit-linear-gradient(left, #43B749 50%, rgba(41, 41, 41, 0.5) 0);
    background-position:100% 0;
    background-size:200% 100%;
    -webkit-text-fill-color:transparent;
    -webkit-background-clip:text;
    -webkit-transition:background-position 1s cubic-bezier(.19, 1, .22, 1)!important;
    -moz-transition:background-position 1s cubic-bezier(.19, 1, .22, 1)!important;
    -o-transition:background-position 1s cubic-bezier(.19, 1, .22, 1)!important;
    transition:background-position 1s cubic-bezier(.19, 1, .22, 1)!important 
}
#navi #canvas-nav nav a:after{
    content:'';
    display:inline-block;
    width:0;
    height:6px;
    background-color:#43B749;
    position:absolute;
    bottom:0;
    left:0;
    -webkit-transition:width 1s cubic-bezier(.19, 1, .22, 1)!important;
    -moz-transition:width 1s cubic-bezier(.19, 1, .22, 1)!important;
    -o-transition:width 1s cubic-bezier(.19, 1, .22, 1)!important;
    transition:width 1s cubic-bezier(.19, 1, .22, 1)!important 
}
.no-touch #navi #canvas-nav nav a:hover{
    color:#00ba53;
    ;
    text-decoration:none;
    background-position:0 0 
}
.no-touch #navi #canvas-nav nav a:hover:after{
    width:100% 
}
#navi .primary-menu{
    padding:0;
    margin:0 
}
#navi .primary-menu li{
    list-style-type:none 
}
#navi #canvas-nav #menu-main-menu-1 li+li{
    margin-top:20px 
}