.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 15px;
  background: #28383e;
  color: #fff;
}
.sidr .sidr-inner { padding: 0; }
.sidr.right { left: auto; right: -260px; }
.sidr.left { left: -260px; right: auto; }

.sidr ul { margin: 0; padding: 0; }
.sidr ul li { }
.sidr ul li a, .sidr ul li a:visited { padding: 7px 30px; font-size: 17px; }
.sidr ul li a:hover, .sidr ul li a:focus { background: transparent; color: #fff; }

.sidr .sidr-inner h2 { color: #fff; font-size: 26px; padding: 15px 30px 0; height: 59px; background: rgba(0,0,0,0.2); border-bottom: 1px solid #df7724; margin: 0 0 20px; }

#dim-overlay { display: block; display: none; position: absolute; width: 100%; height: 100%; background: rgba(241,123,29,0.7); z-index: 1050; }
a#menu-close, a#menu-close:visited { opacity: 0.2; font-size: 22px; background: url(../../../images/icon-close.png) no-repeat center center / 22px auto; position: absolute; top: 0; right: 0; width: 60px; height: 60px; line-height: 50px; background: translate; color: #fff; text-align: center; }
a#menu-close:hover, a#menu-close:focus { opacity: 1; }


#mobile-langs { margin: 10px 30px 10px; padding-top: 15px; border-top: 1px solid #444; }
#mobile-langs a { color: #fff; padding: 5px 7px; border: 1px solid #555; display: inline-block; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#mobile-langs a:hover, #mobile-langs a:focus { background: rgba(0,0,0,0.2); }
#mobile-langs a.active, #mobile-langs a.active:hover, #mobile-langs a.active:focus { background: #df7724; color: #fff; border: none; }