html,body{width:100%;margin:0;padding:0}
.page{width:100%;min-height:100%;overflow:auto;z-index:1;position:relative}
.mobile-nav{ display:none;}
.mobile-nav ul{margin:0 0 25px; padding:0px;}
.mobile-nav ul li{list-style:none}
.mobile-nav h3{ font-size: 1.05em; }
ul.submenu{ padding-top:10px;}
.hamburger{ position: fixed; display: none; top:2px;float:right;margin:12px 10px;padding:10px 10px 9px;cursor:pointer;z-index:9999;}
.hamburger .hamburger-inner{position:relative;height:21px;width:30px;display:block;margin:0;padding:0}
.hamburger .bar{width:30px;height:2px;background:#888;position:absolute;top:0}
.hamburger .bar.bar2,.hamburger .bar.bar3{top:9px; }
.hamburger .bar.bar4{top:18px; }
.hamburger.open .bar1,.hamburger.open .bar4{display:none}
.hamburger.open .bar2,.hamburger.open .bar3{height:3px}

@media (max-width:960px){.hamburger{ display:block;}}

.mobile-nav{ width:250px !important; background-color:#0b9ebe; z-index:9998;}
.mobile-nav ul.Oneself{ width:100%;}
.mobile-nav ul.Oneself li{}
.mobile-nav ul.Oneself li h3 { border-bottom:1px solid #1db1d1;}
.mobile-nav ul.Oneself li h3 a{ color: #fff; padding: 10px 0; display: block;}
.mobile-nav ul.Oneself li ul.submenu li{ width: 50%; float: left; }
.mobile-nav ul.Oneself li ul.submenu li.title,.mobile-nav ul.Oneself li ul.submenu li.w100 { width: 100%; }
.mobile-nav ul.Oneself li ul.submenu li h4{ color: #fff; padding-bottom: 10px;}
.mobile-nav ul.Oneself li ul.submenu li h4 a{ color: #fff;}
.mobile-nav ul.Oneself li ul.submenu li h4 span{ font-size: 1em; }
.mobile-nav ul.Oneself li ul.submenu li p a{ color:#EBEAEA; width:100%; display:block; padding:6px 0; text-decoration:none;}

.mobile-nav ul.Oneself li.user{ padding:30px 0;}
.mobile-nav ul.Oneself li.user p{ color: #fff;}
.mobile-nav ul.Oneself li.user p a{ color: #fff; font-weight: normal; border-radius: 45px; border: 1px solid #fff; padding:5px 10px; margin-left: 10px;}
