.sidr {
  /*text-transform: uppercase;*/
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  max-height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
  font: normal normal normal 1em/1em "RobotoCondRegular", Arial, Helvetica, sans-serif;
  color: #fff;
  background: #ffffff;
  padding: .5em 1em 5em;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

.overlay {
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3; }

.sidr-open {
  /*position: relative !important;*/ }

.sidr .sidr-inner {
  padding: 0 0; }

.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px; }

.sidr.right {
  top: 59px;
  left: auto;
  right: -260px; }

.sidr.left {
  left: -260px;
  right: auto; }

/* Custom look */
li.sidr-class-fl {
  font-family: 'RobotoCondensed-Regular', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  float: none;
  list-style-type: none;
  position: relative; }

.sidr-class-main-nav-link, .sidr-class-main-nav-link:active, .sidr-class-main-nav-link:focus {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  padding: 12px 0;
  display: block;
  text-transform: uppercase;
  border: 0;
  border-bottom: 1px solid #3ebf87; }

.sidr-class-main-nav-link:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #3ebd86;
  position: absolute;
  top: 34px;
  left: 8px; }

.sidr-class-sub-nav {
  margin: 0;
  padding: 0;
  margin-bottom: 1em; }

.sidr-class-sub-nav a {
  font-size: .85em;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
  color: #808080;
  padding: .8em 0 .5em .8em; }

.sidr-class-pl1p {
  padding-left: 1.5em;
  padding-right: 0;
  font-size: .8em; }

.sidr-class-pl1p:before {
  content: '-';
  padding-right: .5em; }