.et_pb_slide_menu_active {
    #page-container {
        left: 0px !important;
        
        header {
            left: 0px !important;
        }
    }
    
    #fake-et-top-navigation {
        
        .mobile_menu_bar {
            background: transparent;
            
            &:before, &:after {
                transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
                top: 0px;
            }

            &:before {
               transform: rotate3d(0, 0, 1, 45deg) scale(1.1); 
               opacity: 1;
            }
            
            &:after {
                transform: rotate3d(0, 0, 1, -45deg) scale(1.1);
            }
    
        }
    }
}

#main-header {
    /*height: 100px;*/
    z-index: 10;
    
    .et_menu_container {
        /*height: 100%;*/
        
        .logo_container {
            /*height: 100%;*/
        }
        
        #et-top-navigation {
            position: fixed;
            top:48%;
            right: 0px;
            background-color: #e86b0f;
            padding: 12px !important;
            /*display: none;*/
            
        }
    }
}

#fake-et-top-navigation {
    position: fixed;
    top:48%;
    right: 0px;
    background-color: #e86b0f;
    padding: 33px 33px !important;
    z-index:9999;
        cursor: pointer;

    
    .mobile_menu_bar {
        
        position: absolute;
        top: 50%;
        left: 0px;
        right: 0px;
        margin: 0px auto;
        transform: translateY(-1px);
        display: inline-block;
        cursor: pointer;
        user-select: none;
        transition: 300ms;
        width: 27px;
        height: 2px;
        background-color: rgb(255, 255, 255);
        
        &:before, &:after {
            content: "";
            display: inline-block;
            width: 27px;
            height: 2px;
            background-color: rgb(255, 255, 255);
            position: absolute;
            left: 0px;
            transform-origin: 50% 50%;
            transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
            
        }
        
        &:before {
            top: 8px; 
        }
        
        &:after {
            top: -8px;
            transform: none;
            background-color: white;
            opacity: 1;
        }
        
        /*
        &:before, &:after {
            font-size: 40px;
        }
        
        &:before {
            left: -5px;
        }
        
        &:after {
            left: -45px;
        }
        */
    } 
}
.et_header_style_slide {
    .et_slide_in_menu_container {
        width: 50% !important;
        max-width: unset !important;
        z-index: 100;
        
        #mobile_menu_slide {
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            
        
            li {
                &.current-menu-item {
                    a {
                        color: #e86b0f;
                    }
                }
                
                a {
                    font-size: 80px !important;
                    line-height: 1;
                    font-weight: 500;
                    
                    &:hover {
                        color: #e86b0f;
                        opacity: 1;
                    }
                }   
            }        

            
        }
    }
}

@media only screen and (max-width: 980px) {
    .et_header_style_slide {
        .et_slide_in_menu_container {
           
            
            #mobile_menu_slide {
                li {
                    
                    a {
                        font-size: 54.6px !important;
                    }
                }
            }
        }
    }
}


@media only screen and (max-width: 767px) {
    #fake-et-top-navigation {
        position: fixed;
        top: 0px;
        right: 0px;
        z-index:9999;
    }
    
    .et_header_style_slide 
        .et_slide_in_menu_container {
            top: 0px !important;
            width: 100vw !important;
            max-width: unset;
            
            #mobile_menu_slide {
                li {
                    
                    a {
                        font-size: 34px !important;
                    }
                }
            }
        }
    }
    
    #et-top-navigation { 
        display: none !important;   
    }
    
    .mobile_menu_bar:before, .mobile_menu_bar:after {
        color: white !important;
    }
}