﻿.MobileMenu.MobileMenuSkin {
    overflow: hidden;
    background: rgba(254,204,16,1);;
}

.MobileMenu.MobileMenuSkin .dropMenu {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: rgba(254,204,16,1);;
}

div.MobileMenu .MenuClose {
    height: 30px;
}

div.MobileMenu .MenuClose:before {
    position: absolute;
    color:rgba(255,255,255,1);;font-size:14px;font-family:'Montserrat-Regular', Verdana, sans-serif;;
    font-family: 'ego-icon-font';
    content: '\e91d';
    font-size: 16px;
    line-height: 30px;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.MobileMenu.MobileMenuSkin .dropMenu .MenuPanelStrip {
    position: relative;
    left: 0px;
    font-size: 0;
    white-space: nowrap;
}

.MobileMenu.MobileMenuSkin .dropMenu .MenuPanel {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.MobileMenu.MobileMenuSkin .dropMenu ul {
    padding: 0px;
    margin: 5px 0px 0px 0px;
    display: block;
    background: rgba(254,204,16,1);;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level1,
.MobileMenu.MobileMenuSkin .dropMenu.Level2 {
    top: 0%;
    left: 97%;
    display: none;
    opacity: 0;
    padding-left: 5px;
    border: none;
    -webkit-transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    -moz-transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    transition: left .2s linear .1s, opacity .5s ease .1s, top .2s linear .1s;
    background: transparent;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0:hover .dropMenu.Level1,
.MobileMenu.MobileMenuSkin .dropMenu.Level0:hover .dropMenu.Level2 {
    display: block;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level1 ul,
.MobileMenu.MobileMenuSkin .dropMenu.Level2 ul {
    border:1px solid rgba(255,255,255,1);;
    background:rgba(254,204,16,1);;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage {
    position: relative;
    font-size: 12px;
    display: block;
    padding: 10px 10px 10px 0;
    text-align: left;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage .WebLink {
    white-space: normal;
    color:rgba(255,255,255,1);;font-size:14px;font-family:'Montserrat-Regular', Verdana, sans-serif;;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage:hover,
.MobileMenu.MobileMenuSkin .dropMenu .SitePage:active {
    background-color:rgba(254,226,118,1);;
}

.MobileMenu.MobileMenuSkin .dropMenu .SitePage:hover>.WebLink,
.MobileMenu.MobileMenuSkin .dropMenu .SitePage:active>.WebLink {
    color:rgba(255,255,255,1);;
}

.MobileMenu.MobileMenuSkin .SitePage:hover>.dropMenu {
    display: block;
}

.MobileMenu.MobileMenuSkin .SitePage:hover>.dropMenu.Level1,
.MobileMenu.MobileMenuSkin .SitePage:hover>.dropMenu.Level2 {
    top: 15%;
    left: 100%;
    opacity: 1;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage .WebLink {
    display: table;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage .WebLink>.Label {
    display: table-cell;
    padding-left: 10px;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage .WebLink>.ActiveBar {
    display: table-cell;
    width: 2px;
    opacity: 0;
    background:rgba(254,226,118,1);;
}

.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage:hover .WebLink>.ActiveBar,
.MobileMenu.MobileMenuSkin .dropMenu.Level0 .SitePage:active .WebLink>.ActiveBar {
    opacity: 1;
}

.MobileMenu.MobileMenuSkin .MenuPanelSwitch {
    height: 100%;
}

.MobileMenu.MobileMenuSkin .MenuPanelSwitch::after {
    color:rgba(255,255,255,1);;font-size:14px;font-family:'Montserrat-Regular', Verdana, sans-serif; position: absolute;
    font-family: 'ego-icon-font';
    content: '\e920';
    top: 50%;
    transform: translateY(-50%);
}

.MobileMenu.MobileMenuSkin .PanelBackHandle {
    color:rgba(255,255,255,1);;font-size:14px;font-family:'Montserrat-Regular', Verdana, sans-serif;;
    cursor: pointer;
}

.MobileMenu.MobileMenuSkin .PanelBackHandle .handle {
    font-family: 'ego-icon-font';
    font-size: .8em;
    margin-right: 5px;
}

.MobileMenu.MobileMenuSkin .PanelBackHandle .handle::before {
    content: '\e921';
}

.MobileMenu.MobileMenuSkin .PanelHeader {
    padding: 20px 0 0 10px;
    color:rgba(251,189,17,1);;font-size:18px;font-family:'Montserrat-Light', Verdana, sans-serif;;
    border-bottom: 1px solid rgba(255,255,255,1);;
}

.MobileMenu.MobileMenuSkin .PanelHeader .WebLink {
    color: inherit;
}

.MobileMenu.MobileMenuSkin .PanelTitle {
    padding: 20px 0px 10px 0px;
    font-size: 1em;
    cursor: pointer;
}