.main-menu{/* margin:0 auto; *//* padding:0; *//* position:relative; *//* z-index:1000; *//* display:inline-block; */text-align:left;white-space:nowrap;/* margin-left:20px; */}
.main-menu .path{display:none}
    .main-menu .menu-list 
    {
        margin: 10px auto;
        font-size: 0;
    }

.s_skin.s_admin .s_body .s_mainmenu .divViewTabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.main-menu .menu-list .rootitem{display:inline-block;position:relative;margin:0;padding:0;height:20px;vertical-align:top}
.main-menu .menu-list .rootitem:hover>ul.sub{display:block;position:absolute}
    .main-menu .menu-list .rootitem > a {
        display: block;
        padding: 0 30px;
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        font-size: 18px;
        height: 100%;
        line-height: 20px;
        font-weight: bold
    }
    #li.rootitem{
        height:60px;


    }
.main-menu ul.menu-list {
    z-index: 9999;
}
.rootitem.first {
    border-left-style: double;
    border-left-color: #ffffff8a;
    border-left-width: 1px;
}
.main-menu .menu-list .rootitem.actived>a,.main-menu .menu-list .rootitem:hover>a{color:#f2ae00}
.main-menu .menu-list .rootitem.actived>a{font-weight:bold}
.main-menu .menu-list .rootitem:first-child,.main-menu .menu-list .rootitem:first-child>a{border-left:none;padding-left:0}
.s_mainmenu {
    
    color: white;
    text-align: center;
}
.main-menu .menu-list .rootitem:last-child {
    border-radius: 0 0 4px 0
}

    .main-menu .menu-list .rootitem>.menu-icon {
        position: absolute;
        right: 16px;
        top: 4px;
        bottom: 4px;
        display: none;
        background-color: #fff
    }

    .main-menu .menu-list .rootitem>.menu-icon:after {
        top: 12px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #fff;
        border-width: 6px;
        margin-top: -6px;
    }
    .main-menu .menu-list .rootitem:hover>.menu-icon:after {
        margin-left: -6px;
    }
/*.main-menu .menu-list .rootitem.home>a{padding-left:30px;background-image:url(img/home.png);background-position: left center;background-repeat:no-repeat}
.main-menu .menu-list .rootitem.home.actived>a{background-image:url(img/home-ac.png)}*/

.main-menu .menu-list .rootitem > ul.sub {
    display: none;
    margin: 0;
    padding: 0;
    z-index: 999999;
    width: auto;
    left: 0;
    border-radius: 0 0 4px 4px;
    padding-left: 25px;
    padding-top: 10px;
}

    .main-menu .menu-list .rootitem > ul.sub > li:first-child:after {
        bottom: 100%;
        left: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(180, 0, 33, 0);
        border-bottom-color: #1868dd;
        border-width: 6px;
        margin-left: -6px;
    }
    .main-menu .menu-list .rootitem > ul.sub > li:first-child:hover:after {
        border-bottom-color: #1868dd
    }
.main-menu .menu-list .rootitem>ul.sub.for-search{width:1000px;left:0}
.main-menu .menu-list .rootitem>ul.sub .arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #016394;position:absolute;top:-4px;left:6px}
    .main-menu .menu-list .rootitem > ul.sub .child {
        display: block;
        margin: 0;
        list-style: none;
        color: #016394;
        background: #0798DB;
        border-top: solid 1px #ffffff
    }
.main-menu .menu-list .rootitem>ul.sub .child:first-child,.main-menu .menu-list .rootitem>ul.sub .child:first-child>a{border-top:none}
.main-menu .menu-list .rootitem>ul.sub .child .inner.icon{padding-left:30px;background-position:6px center;background-repeat:no-repeat}
        .main-menu .menu-list .rootitem > ul.sub .child.actived, .main-menu .menu-list .rootitem > ul.sub .child:hover {
            background-color: #0798DB;
            padding: 0;
            color: black;
        }
.main-menu .menu-list .rootitem>ul.sub .child.actived>a,.main-menu .menu-list .rootitem>ul.sub .child:hover>a{color:#ffba00}
    .main-menu .menu-list .rootitem > ul.sub .child > a {
        display: block;
        color: #FFF;
        width: auto;
        white-space: nowrap;
        font-family: arial;
        font-size: 15px;
        text-decoration: none;
        font-weight: normal;
        height: 30px;
        line-height: 30px;
        border-top: solid 1px #1868dd;
        padding: 0 6px
    }
.main-menu .menu-list .rootitem>ul.sub .child ul.gchildren{margin:0;padding:0 10px 0 10px;display:block;padding-left:10px;padding-bottom:10px}
.main-menu .menu-list .rootitem.for-search>ul.sub .child ul.gchildren{white-space:normal}
.main-menu .menu-list .rootitem>ul.sub .child>ul.gchildren>li.haschild{display:block}
.main-menu .menu-list .rootitem>ul.sub .child ul.gchildren .grandchild{color:#fff;display:inline-block;white-space:nowrap;font-family:arial;font-size:12px;text-decoration:none;text-transform:none;padding:0 6px;height:24px;line-height:24px;margin:0;font-weight:400;vertical-align:middle}
.main-menu .menu-list .rootitem>ul.sub .child.actived>ul.gchildren .grandchild,.main-menu .menu-list .rootitem>ul.sub .child:hover>ul.gchildren .grandchild{font-weight:400}
.main-menu .menu-list .rootitem>ul.sub .child>ul.gchildren .grandchild.actived{border-radius:3px;background-color:#016394;color:#FFF}
.main-menu .menu-list .rootitem>ul.sub .child:hover ul.gchildren .grandchild.actived,.main-menu .menu-list .rootitem>ul.sub .child.actived ul.gchildren .grandchild.actived,.main-menu .menu-list .rootitem>ul.sub .child:hover ul.gchildren .grandchild:hover{border-radius:3px;color:#FFF}
.main-menu .menu-list .rootitem>ul.sub .child ul.gchildren>li{display:block;line-height:24px;vertical-align:middle}
.main-menu .menu-list .rootitem>ul.sub .child ul.gchildren>li:hover{background-color:#ff002f;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.main-menu > .pin {
    width: 20px;
    height: 20px;
    background: url(img/show-menu.png) center center no-repeat;
    position: absolute;
    margin-top: 2px;
    left: 19px;
    margin-left: 69px;
    display: none;
    
}
    .main-menu > .pin.opened {
        background: url(img/close-menu.png) center center no-repeat #1868dd;
       
    }
@media (max-width: 768px)
{
    .DnnModule .main-menu > .pin {
        left: 10px;
        margin-top: 5px;
        margin-left: 10px;
    }
    .DnnModule .s_skin.s_admin .main-menu .menu-list {
        top: 50px;
        left: 15px;
    }


    .main-menu .menu-list .rootitem > a {
        display: block;
        padding: 0 10px;
        line-height: 30px;
    }

    .main-menu .menu-list .rootitem:first-child > a 
    {
        line-height:30px;
        padding-left: 10px;
    }

    .divViewTabs {
        text-align: left;
    }

    .main-menu {
        
    }

        .main-menu .menu-list {
            background-color: black;
            display: none;
            position: absolute;
            top: 30px;
            left: 85px;
            height: auto;
            height: 36px;
        }

        .main-menu > .pin {
            
            border-color: white;
            
            display: block
        }

        .main-menu .menu-list .rootitem {
            display: block;
            white-space: nowrap;
            border-top: solid 1px #ffffff;
            background-color: #0798DB;
            min-height: 30px;
            line-height: 55px;
            height: auto
        }


        .main-menu .menu-list {
            padding: 0;
            background-color: none;
        }

            .main-menu .menu-list .rootitem:hover > ul.sub {
                position: inherit;
                border-top: solid 1px #1868dd
            }
}


@media (min-width: 769px) 
{
    .main-menu .menu-list .rootitem > a {
        display: block;
        padding: 0 10px;
    }
}

@media (min-width: 992px) 
{
    .main-menu .menu-list .rootitem > a {
        display: block;
        padding: 0 15px;
    }
}

@media (min-width: 1200px) 
{

}

@media (min-width: 1400px) 
{

}




/*@media (max-width:700px)
{
    .divViewTabs 
    {
        text-align: left;
    }

    .main-menu 
    {
        height: 40px;
    }

       

        .main-menu > .pin 
        {
            border-radius: 10px;
            border-color: white;
            border: solid;
            display: block
        }

        .main-menu .menu-list .rootitem:first-child > a 
        {
            padding-left: 10px
        }

        .main-menu .menu-list .rootitem.actived.clear 
        {
            background-color: #57a2a2
        }

            .main-menu .menu-list .rootitem.actived.clear > a 
            {
                border-top: solid 1px #ff002f
            }

        .main-menu .menu-list .rootitem 
        {
            display: block;
            white-space: nowrap;
            border-top: solid 1px ##1868dd;
            background-color: #1868dd;
            border-left: none;
            margin-left: 0;
            min-height: 30px;
            line-height: 30px;
            height: auto
        }

            .main-menu .menu-list .rootitem > a 
            {
                border-top: solid 1px #6cbcbc;
                border-left: none;
                height: 30px;
                line-height: 30px;
                color: #fff
            }

            .main-menu .menu-list .rootitem.haschild > a 
            {
                padding-right: 34px
            }

            .main-menu .menu-list .rootitem.haschild > .menu-icon 
            {
                display: block
            }

            .main-menu .menu-list .rootitem:first-child, .main-menu .menu-list .rootitem:first-child 
            {
                border-top: none
            }

        .main-menu .menu-list {
            padding: 0;
            background-color: #1868dd
        }

            .main-menu .menu-list .rootitem:hover > ul.sub {
                position: inherit;
                border-top: solid 1px #1868dd
            }

        .main-menu .path {
            display: none;
            position: absolute;
            top: 22px;
            left: 60px;
            color: #fff;
            white-space: nowrap;
            text-transform: uppercase;
            font-weight: bold
        }

       
}*/