@charset "UTF-8";

       .toggle{
                display: none;
            }
		@media screen and (max-width: 768px) {
            .toggle{
                display: none;
            }
            .toggle-label {
                cursor: pointer;
                display: block;
                width: 45px;
                height: 45px;
                user-select: none;
                -webkit-tap-highlight-color: transparent;
            }
            .toggle-label:active {
                -webkit-tap-highlight-color: transparent;
            }
            .toggle-label {
                cursor: pointer;
            }
            .toggle-label .toggle-icon,
            .toggle-label .toggle-icon:before,
            .toggle-label .toggle-icon:after {
                position: relative;
                display: block;
                top: 50%;
                left: 50%;
                height: 3px;
                width: 32px;
                background: #5d809d;
                content: '';
                transition: all 300ms ease-in-out;
            }
            .toggle-label .toggle-text {
                position: relative;
                display: block;
                top: calc(100% - 15px);
                height: 14px;
                font-size: 10px;
                color: #5d809d;
                text-align: center;
            }
            .toggle-label .toggle-text:before {
                position: absolute;
                width: 100%;
                left: 0;
                content: 'MENU';
                transition: all 300ms ease-in-out;
                visibility: visible;
                opacity: 1;
            }
            .toggle-label .toggle-text:after {
                position: absolute;
                width: 100%;
                left: 0;
                content: 'CLOSE';
                transition: all 300ms ease-in-out;
                visibility: hidden;
                opacity: 0;
            }
            .toggle-label .toggle-icon {
                transform: translate3d(-50%, -5px, 0);
            }
            .toggle-label .toggle-icon:before {
                transform: translate3d(-50%, -11.5px, 0);
            }
            .toggle-label .toggle-icon:after {
                transform: translate3d(-50%, 5px, 0);
            }
            .toggle:checked ~ .toggle-label .toggle-icon {
                background-color: transparent;
            }
            .toggle:checked ~ .toggle-label .toggle-icon:before,
            .toggle:checked ~ .toggle-label .toggle-icon:after {
                top: 0;
            }
            .toggle:checked ~ .toggle-label .toggle-icon:before {
                transform: translateX(-50%) rotate(45deg);
                top: 1.5px;
            }
            .toggle:checked ~ .toggle-label .toggle-icon:after {
                transform: translateX(-50%) translateY(-10px) rotate(-45deg);
                top: 8.5px;
            }
            .toggle:checked ~ .toggle-label .toggle-text:before {
                visibility: hidden;
                opacity: 0;
            }
            .toggle:checked ~ .toggle-label .toggle-text:after {
                visibility: visible;
                opacity: 1;
            }
            .waku{
                position: absolute;
                right: -19px;
               top: -20px;

            }
        }