/*
	jQuery.mmenu CSS
*/


/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel { -webkit-transition: left 0.4s ease; -moz-transition: left 0.4s ease; -ms-transition: left 0.4s ease; -o-transition: left 0.4s ease; transition: left 0.4s ease; }

.mm-menu .mm-hidden { display: none; }

.mm-wrapper { overflow-x: hidden; position: relative; }

.mm-menu { background: inherit; display: block; overflow: hidden; width: 100%; height: 100%; padding: 0; position: absolute; left: 0; top: 0; z-index: 0; }
  .mm-menu > .mm-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; }
    .mm-menu > .mm-panel.mm-opened { left: 0%; }
    .mm-menu > .mm-panel.mm-subopened { left: -40%; }
    .mm-menu > .mm-panel.mm-highest { z-index: 1; }
  .mm-menu .mm-list { padding: 20px 0; }
  .mm-menu > .mm-list { padding: 20px 0 40px 0; }

.mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; }
  .mm-panel > .mm-list:first-child { padding-top: 0; }

.mm-list,
.mm-list > li { list-style: none; display: block; padding: 0; margin: 0; }

.mm-list { font: inherit; font-size: 16px; }
  .mm-list a,
  .mm-list a:hover { text-decoration: none; }
  .mm-list > li { position: relative; }
    .mm-list > li > a,
    .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit;line-height: 20px; display: block;  margin: 0; }
	.mm-list > li > a{padding: 10px 10px 10px 20px;}
	.mm-list > li > span { padding-left:26px; font-size:14px;color: rgba(255, 255, 255, 0.6)}
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; }
  .mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }
    .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen { background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; }
  .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; }
  .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 13px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; }
  .mm-list > li.mm-spacer { padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label { padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; }
  .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; }

html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-ismenu { background:#333333; color:#a5d32d; }

.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); }
#tips { margin:20px; font-size:13px; color: #999; }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-search {
  background: inherit;
  width: 100%;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 20px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }


/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; }

.mm-page,
#mm-blocker { margin: 0; top: 0; right: 0; bottom: 0; left: 0; }

.mm-page { border: 0px solid rgba(0, 0, 0, 0); }

html.mm-opening .mm-page { border: 0px solid rgba(1, 1, 1, 0); }

.mm-fixed-top,
.mm-fixed-bottom { position: fixed; left: 0; }

.mm-fixed-top { top: 0; }

.mm-fixed-bottom { bottom: 0; }

html.mm-opened { overflow: hidden; position: relative; }
  html.mm-opened body { overflow: hidden; }

html.mm-opened .mm-page { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; }

html.mm-background .mm-page { background: inherit; }

#mm-blocker {display: none; width: 100%; height: 100%; position: fixed; z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker { display: block; }

.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom { left: 30%; }

.mm-menu { width: 30%; }


@media all and (max-width: 175px) {
  .mm-menu { width: 140px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom { left: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu { width: 360px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom { left: 360px; } }