#main-menu {
    min-height: 51px;
    margin-top: 15px;
}

nav {
    background-color: #ffffff;
    /* border-bottom: 3px solid #252525; */
    /* z-index: 99999999999999; */
    box-shadow: 0 0 0px black;
    padding-bottom: -11px;
}

.nav {
    position: relative;
    background-color: #ffffff;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
}

    .nav ul.root {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0;
        list-style: none;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .nav > ul.root > li:hover > a {
        color: #dc3545 !important;
    }

    .nav > ul.root > li > a.root-level-link {
        display: block !important;
        max-width: unset;
        font-size: .9rem;
        line-height: 1.833;
        padding: 10px 10px 15px;
        /* color: #8e8e8e !important; */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: IRANSansWeb_Light;
        /* font-weight: 500; */
    }

        .nav > ul.root > li > a > i {
            font-size: .7em;
        }

    .nav > ul.root > li:first-child a {
        padding-right: 0;
    }

    .nav ul.root li .sub-list {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        /* height: 400px; */
        background: #fff;
        width: 100%;
        right: 0;
        top: 100%;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 19px 24px 40px;
        border-radius: 0 0 5px 5px;
        overflow: hidden;
        -webkit-transition: all .3s ease .15s;
        -moz-transition: all .3s ease .15s;
        -o-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
        transition: all .3s ease .15s;
        z-index: 9999;
        /* max-width: 1280px; */
        border-top: 3px solid #c02026;
        min-width: 222px;
    }

        .nav ul.root li .sub-list .sub-list-container {
            height: 100%;
            width: 100%;
        }

    .nav ul.root li:hover > .sub-list {
        opacity: 1;
        visibility: visible;
    }

    .nav ul.root li .sub-list .sub-list-container .sub-menu {
        height: 350px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
    }

        .nav ul.root li .sub-list .sub-list-container .sub-menu li {
            width: 25%;
            text-align: right;
            direction: rtl;
            display: inline-flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: start;
            justify-content: flex-start;
            /* height: 25px; */
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 31px;
            vertical-align: middle;
        }

            .nav ul.root li .sub-list .sub-list-container .sub-menu li.sub-menu-title > a {
                color: #2f95ed !important;
            }

        .nav ul.root li .sub-list .sub-list-container .sub-menu li {
            padding-right: 10px;
        }

            .nav ul.root li .sub-list .sub-list-container .sub-menu li.sub-menu-title {
                padding-right: 0px;
            }

                .nav ul.root li .sub-list .sub-list-container .sub-menu li.sub-menu-title:before {
                    content: '\203A';
                    padding: 8px 0 8px 3px;
                    top: 14px;
                    font-size: 30px;
                    color: #2f95ed !important;
                }

    /********************************************/
    .nav.login-menu .sub-list {
        padding: 0 !important;
    }

        .nav.login-menu .sub-list .sub-menu {
            height: auto !important;
        }

            .nav.login-menu .sub-list .sub-menu li {
                width: 100% !important;
            }

    .nav.login-menu ul.root li .sub-list .sub-list-container .sub-menu li a {
        font-size: .8em;
    }