/**************************  Rad menu   ****************************************/


#menu {
    margin-top: 38px;
    padding: 0;
    width: 60%;
    height: 35px;
    background: #666666 !important;
    float: right;
    position: relative;
    z-index: 999;
}

#menu .RadMenu {
        display: block;
        float: left;
        z-index: 999;
        margin: 0;
        padding: 0;
    }

#menu .RadMenu .rmHorizontal {float: none;}

#menu .RadMenu .rmHorizontal .rmText, #menu .RadMenu .rmText {
       text-transform: uppercase;
       padding: 0;
       margin-left: -8px;
       padding-left: 8px;
            }

#menu .RadMenu li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        background-image: none;
        background-color: #666666;
    }

#menu .RadMenu .rmHorizontal li.rmLast a.rmRootLink {float: left;}

#menu .RadMenu li a:link, #menu .RadMenu li a:visited, #menu .RadMenu li a:active {
       display: block;
       font-family: 'Roboto Condensed', sans-serif;
       text-transform: uppercase;
       font-size: 15px;
       font-weight: 300;
       color: #fff;
       text-decoration: none;
       padding: 0 10px;
       height: 35px;
       line-height: 35px;
        cursor: pointer;
}

#menu .RadMenu li a.rmExpanded:link, #menu .RadMenu li a.rmExpanded:visited, #menu .RadMenu li a.rmExpanded:hover, #menu .RadMenu li a.rmExpanded:active, #menu .RadMenu li a:hover {
       color: #FFF;
       background-color: #42b9e9;}


#menu .RadMenu .rmSlide .rmMultiColumn {background-color: #3aaedd;}

#menu .RadMenu .rmSlide .rmVertical {
                height: auto;
                width: auto;
            }

#menu .RadMenu .rmGroup .rmText {
            padding: 0;
            margin: 0;
            text-transform: none;
            background: none;
        }

#menu .RadMenu .rmItem li {background: none;}

#menu .RadMenu .rmSlide li.rmFirst {background: none;}

#menu .RadMenu .rmSlide .rmMultiColumn li {
            display: block;
            float: left;
            height: auto;
            list-style: none;
            margin: 0;
            padding: 0;
        }

 #menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li {
            float: none;
        }

#menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:link, #menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:visited, #menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:active {
                font-size: 14px;
            }

 #menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li.rmFirst a:link, #menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li.rmFirst a:visited, #menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li.rmFirst a:active {
                border-top: none;
            }

 #menu .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:hover {
                background: none;
                color: #FFFFFF;
                background-color: #42b9e9;
            }

#menu .RadMenu ul ul li img {display: none;}

#menu .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmLevel2ChildList {margin: 0; padding: 0;}

#menu .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmLevel2ChildList .rmLink:hover {color: #FFFFFF;}

#menu .rmRootGroup li a span.rmText {color: #FFFFFF;}

#menu .RadMenu .rmRootCurrent {background-color: #42b9e9;}

#menu .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmItemCurrent {background-color: #42b9e9;}


/******************************************************************/
/******************* Responsive menu ******************************/
/******************************************************************/

#menu .menu-small { display:none; }

#menu div.responsive { background-color: #666666; display: block; }

#menu .RadMenu .rmGroup .rmText {white-space: nowrap}

#barIcon {display: none;}

/********** handles swap between normal menu and icon based on screen size ********/

@media screen and (max-width:601px) {
    /* #menu .RadMenu li:not(:first-child) {display:none;} */
    #menu div.RadMenu {display: none;}

    #barIcon {display: block;}
         #menu {width: 100%;}

 #menu .RadMenu .rmSlide {
        margin-top: -35px;
        margin-left: 140px;
       /* background-color: yellow; */}
}

/* menu style for small screens */

#menu div.responsive {display: block;}

#menu div.responsive {background-color: #666666}