/********  Main Menu ****************/
.mainmenu {
    width: 100%;
    /*background-color:#3d5e37;
    background:rgba(61, 94, 55, 0.7);*/
    background-color: #222;
    /*display: inline-block;*/
    text-align:right;
}

    .mainmenu ul {
        padding: 0px;
        margin: 0px auto;
        width: 100%;
        text-align: right;
    }

        .mainmenu ul li {
            list-style: none;
            display: inline;
            margin: 0 12px;
            position: relative;
        }

            .mainmenu ul li a {
                padding: 0 10px;
                line-height: 40px;
                font-size: 14px;
                text-transform: uppercase;
                color: #fff;
                font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                font-weight: 500;
                display: inline-block;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .mainmenu ul li:hover a {
                text-decoration: none;
                background-color: #ffffff;
                color: #333;
            }

        .mainmenu ul ul {
            position: absolute;
            width: 170px;
            top: -99999px;
            left: 0px;
            opacity: 0;
            -webkit-transition: opacity .5s ease-in-out;
            -moz-transition: opacity .5s ease-in-out;
            -o-transition: opacity .5s ease-in-out;
            z-index: 497;
            background-color: #ffffff;
            /*border:solid 1px #d9d9d9*/
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.19);
        }

            .mainmenu ul ul li {
                padding: 0px;
                line-height: 56px;
                font-size: 12px;
                width: 100%;
                float: left;
                border-left: none;
                margin-left: 0px;
                /*background: url(../images/dot_line.jpg) bottom repeat-x;*/
            }

                /*.mainmenu ul ul li:first-child {
    padding:0px;
    line-height:26px;
}
.mainmenu ul ul li:last-child a{
    border-bottom-left-radius:5px;  
}*/

                .mainmenu ul ul li a {
                    color: #333;
                    font-size: 12px;
                    width: 100%;
                    padding: 5px 10px;
                    line-height: 20px;
                    text-align: left;
                    float: left;
                    /*text-transform:none;*/
                    text-decoration: none;
                    box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -ms-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                .mainmenu ul ul li:hover a {
                    background-color: #474747;
                    color: #fff;
                }

            .mainmenu ul ul ul {
                position: absolute;
                top: -99999px;
                left: 100%;
                opacity: 0;
                background-color: transparent;
                -webkit-transition: opacity .5s ease-in-out;
                -moz-transition: opacity .5s ease-in-out;
                -o-transition: opacity .5s ease-in-out;
            }


        .mainmenu ul li:hover > ul {
            opacity: 1;
            position: absolute;
            top: 26px;
            left: 0px;
        }

        .mainmenu ul ul li:hover > ul {
            position: absolute;
            top: 0;
            left: 100%;
            opacity: 1;
            z-index: 497;
        }


/******* Main Menu Closed ********/