#main_navigation{
    display: flex;
    align-items: center;
}
    #mainmenu{
        display: flex;
        justify-content: flex-start;
        margin:0;
        font-family: "Open Sans", sans-serif;
    }
         #mainmenu #menu_home_btn.linklike i {
            font-size: 1.3em;
            font-weight: normal;
            line-height: 1.5em;
            color: var(--red-sc);
         }
         #mainmenu #menu_home_btn.linklike:before{
             display: none;
         }

        #mainmenu li {
            position: relative;
        }
            #mainmenu li.with_child ul{
                display: flex;
                z-index: -1;
                position: absolute;
                left: 0;
                top:-9999px;
                background: #fff;
                justify-content: flex-start;
                flex-direction: column;
                padding: 5px 20px 0 5px;
                opacity:0;
                transition: 500ms opacity cubic-bezier(0, 0, 0.37, 1), 500ms padding-top cubic-bezier(0, 0, 0.37, 1);
            }
                #mainmenu li.with_child ul li{
                    position:initial;
                    margin-right: 0;
                }
                    #mainmenu li.with_child ul li .linklike{
                        white-space: nowrap;
                        margin-left: 10px;
                    }
                    #mainmenu li.with_child ul li .linklike:hover{
                        color:var(--red-sc);
                    }

        #mainmenu li:not(:last-child) {
            margin-right: 5px;
        }
            #mainmenu .linklike {
                font-weight: 700;
                text-transform: uppercase;
                text-align: left;
                color: #333;
                font-size: 0.85em;
                line-height: 2.5em;
                padding: 0 1.2rem;
                position: relative;
                text-decoration: none;
            }
                #mainmenu .linklike:before {
                    content: '';
                    position: absolute;
                    display: block;
                    bottom: 3px;
                    left: -5px;
                    width: 5px;
                    height: 15px;
                    background-color: var(--red-sc);
                    transition: 200ms width cubic-bezier(0, 0, 0.1, 1);
                    -moz-transition: 200ms width cubic-bezier(0, 0, 0.1, 1);
                    -webkit-transition: 200ms width cubic-bezier(0, 0, 0.1, 1);
                }
                #mainmenu li:hover > .linklike:before {
                    width: 15px;
                }

@media screen and (min-width: 993px) {
    #mainmenu .linklike {
        padding: 5px 1.2rem;
    }
    #mainmenu .linklike:before {
        bottom: 8px;
    }
    #mainmenu li.with_child:hover ul {
        z-index: 99;
        opacity: 1;
        padding-top: 0;
        top:100%;
    }
    #mainmenu li.with_child li.mobile_title{
        display: none;
    }
}
@media screen and (max-width: 992px) {
    #main_navigation{
        order:3;
    }
        #mainmenu{
            flex-direction: column;
            width:100%;
            padding-left: 5px;
        }
            #mainmenu li{
                position:initial;
            }
             #mainmenu #menu_home_btn{
                 display: none;
             }
                #mainmenu li.with_child ul{
                    z-index:9999;
                    opacity:0;
                    position:fixed;
                    top:100%;
                    left:0;
                    height: 100vh;
                    width:100vw;
                    transition: 500ms top cubic-bezier(0, 1, 0.06, 1),800ms opacity cubic-bezier(0, 0, 0.37, 1);
                    margin: 0;
                    padding: 0;
                }
                    #mainmenu li.with_child ul li:not(.mobile_title):not(:last-child) {
                        margin-bottom: 20px;
                    }
                    #mainmenu li.with_child ul li .linklike{
                        white-space: normal;
                        padding: 0 0 0 10px;
                        margin-left: 5px;
                        font-size: 1em;
                        line-height: 1.5em;
                    }
                        #mainmenu li.with_child ul li .linklike:before{
                            bottom: 5px;
                            height: calc(100% - 9px);
                        }
                #mainmenu li.active ul{
                    top:0;
                    opacity:1;
                }
                #mainmenu li.active li.mobile_title{
                    display: initial;
                    font-weight: 700;
                    text-transform: uppercase;
                    text-align: center;
                    color: var(--red-sc);
                    font-size: 1.2em;
                    line-height: 3.5em;
                    padding: 0 10px;
                }
                    #mainmenu li.active li.mobile_title .close_button{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 50px;
                        height: 50px;
                        border-radius: 50px;
                        border: 1px solid var(--red-sc);
                        transform: translateX(-50%) rotate(45deg);
                        position: fixed;
                        bottom: 20vw;
                        left: 50%;
                    }
                        #mainmenu li.active li.mobile_title .close_button:before,
                        #mainmenu li.active li.mobile_title .close_button:after{
                            content: '';
                            height: 24px;
                            width: 2px;
                            background: #afafaf;
                        }
                        #mainmenu li.active li.mobile_title .close_button:before{
                            margin-right: -2px;
                        }
                        #mainmenu li.active li.mobile_title .close_button:after{
                            transform: rotate(90deg);
                        }
            #mainmenu li.with_child > .linklike{
                position: relative;
            }
            #mainmenu li.with_child > .linklike:after{
                content: '';
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                height: 0;
                width: 22px;
                border-top: 4px dotted #333333;
            }
            #mainmenu li:not(:last-child) {
                 margin-right:0;
            }
                #mainmenu .linklike {
                    display:block;
                    width:100%;
                    font-size: 1em;
                }
                    #mainmenu .linklike:before{
                        bottom:10px;
                    }
}
/*# sourceMappingURL=menu.css.map */