/*

	jQuery.mmenu toggles addon CSS

*/
input.mm-toggle, input.mm-check {
  position : absolute;
  right : -10000px;
}

label.mm-toggle, label.mm-check {
  margin : 0;
  position : absolute;
  top : 50%;
  z-index : 2;
}
label.mm-toggle:before, label.mm-check:before {
  content : '';
  display : block;
}

label.mm-toggle {
  border-radius : 30px;
  width : 50px;
  height : 30px;
  margin-top : -15px;
}
label.mm-toggle:before {
  border-radius : 30px;
  width : 28px;
  height : 28px;
  margin : 1px;
}

input.mm-toggle:checked ~ label.mm-toggle:before {
  float : left;
}

label.mm-check {
  width : 30px;
  height : 30px;
  margin-top : -15px;
}
label.mm-check:before {
  border-right : 3px solid;
  border-bottom : 3px solid;
  width : 40%;
  height : 20%;
  margin : 25% 20% 0 0;
  opacity : 0.1;
  -webkit-transform : rotate(45deg);
      -ms-transform : rotate(45deg);
          transform : rotate(45deg);
}

input.mm-check:checked ~ label.mm-check:before {
  opacity : 1;
}

li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check {
  bottom : auto;
  margin-top : 0;
}

li.mm-vertical label.mm-toggle {
  top : 5px;
}

li.mm-vertical label.mm-check {
  top : 5px;
}

label.mm-toggle, label.mm-check {
  left : 20px;
}

label.mm-toggle + a, label.mm-toggle + span {
  padding-left : 80px;
}

label.mm-check + a, label.mm-check + span {
  padding-left : 60px;
}

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
  left : 60px;
}
a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
  margin-left : 50px;
}

a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
  padding-left : 70px;
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
  padding-left : 50px;
}

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
  left : 100px;
}
em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span {
  margin-left : 90px;
}

.mm-menu label.mm-toggle {
  background : rgba(0, 0, 0, 0.1);
}
.mm-menu label.mm-toggle:before {
  background : #F3F3F3;
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background : #4BD963;
}

.mm-menu label.mm-check:before {
  border-color : rgba(0, 0, 0, 0.7);
}