.menu-toggle{width: 40px; height: 40px; background-color: #7D16EB; border-radius: 50%; position: fixed; top: 45px; right: 50px; cursor: pointer; z-index: 9998; webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; transform: scale(1);}
.menu-toggle.on .one{-moz-transform: rotate(45deg) translate(4px, 5px); -ms-transform: rotate(45deg) translate(4px, 5px); -webkit-transform: rotate(45deg) translate(4px, 5px); transform: rotate(45deg) translate(4px, 5px);}
.menu-toggle.on .two{opacity: 0;}
.menu-toggle.on .three{-moz-transform: rotate(-45deg) translate(4px, -5px); -ms-transform: rotate(-45deg) translate(4px, -5px); -webkit-transform: rotate(-45deg) translate(4px, -5px); transform: rotate(-45deg) translate(4px, -5px);}
.one,
.two,
.three {width: 16px; height: 2px; background: white; margin: 4px auto; backface-visibility: hidden; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.one{margin-top: 13px;}
.menu-section nav ul{margin: 0; padding: 0; list-style: none; width: 100%; float: left; padding: 30px;}
.menu-section nav ul.hidden{display: none;}
.menu-section nav ul li { float: left; width: 100%; line-height: normal;  font-family: 'cera_problack'; font-size: 65px; -webkit-text-fill-color: transparent;-webkit-text-stroke-color: white; -webkit-text-stroke-width: 1px; color: #FFFFFF; opacity: 0.7;}
.menu-section nav ul li:hover{-webkit-text-fill-color: #FFFFFF; opacity: 1;}
.menu-section.on {z-index: 9998; width: 100%; height: 100%; display: block; background-color:rgba(34, 0, 88, 0.95); position: fixed; overflow-y: scroll;}

.menu-toggle:hover{transform: scale(1.09);}
.menu-toggle.menu-toggle_sticky{top: 18px; right: 15px;}

.menu-toggle.on{transform: scale(1.09);}