﻿nav .main-menu {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    nav .main-menu > li {
        position: relative;
        display: inline-block;
    }

        nav .main-menu > li:nth-child(2) {
            display: none;
        }

        nav .main-menu > li.has-child:hover > ul {
            display: block;
            visibility: visible;
            opacity: 1;
            -moz-filter: opacity(1);
            -ms-filter: opacity(1);
            -webkit-filter: opacity(1);
            filter: opacity(1);
        }

        nav .main-menu > li > a {
            padding: 2px 7px;
        }

        nav .main-menu > li > ul {
            visibility: hidden;
            opacity: 0;
            top: 100%;
            right: 0;
            -moz-filter: opacity(0);
            -ms-filter: opacity(0);
            -webkit-filter: opacity(0);
            filter: opacity(0);
        }

    nav .main-menu li {
        position: relative;
    }

        nav .main-menu li a {
            text-decoration: none;
            display: block;
            padding: 3px 15px 3px 15px;
            white-space: nowrap;
            color: #000;
            font-size: 13px;
            font-family: IRANSans;
            font-weight: 500;
        }

            nav .main-menu li a img {
                max-height: 20px;
                height: 20px;
                margin-left: 5px;
            }

            nav .main-menu li a:hover {
                text-decoration: none;
            }

    nav .main-menu ul {
        text-align: right;
        visibility: hidden;
        -webkit-transition: all 400ms;
        transition: all 400ms;
        background: #26347b;
        z-index: 100000;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 100%;
        top: 0;
        -moz-filter: opacity(0);
        -ms-filter: opacity(1);
        -webkit-filter: opacity(1);
        filter: opacity(1);
        opacity: 0;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

        nav .main-menu ul ul {
            border-radius: 0;
        }

        nav .main-menu ul li {
            display: block;
            text-align: center;
            padding: 5px;
        }

            nav .main-menu ul li.has-child:hover > ul {
                visibility: visible;
                opacity: 1;
                -moz-filter: opacity(1);
                -ms-filter: opacity(1);
                -webkit-filter: opacity(1);
                filter: opacity(1);
            }

            nav .main-menu ul li a span.fa.fa-angle-down {
                -webkit-transform: rotateZ(90deg);
                transform: rotateZ(90deg);
            }

.caret-up {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.animationUp {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
}
