/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check
{
    position: absolute;
    right: -10000px;
}

label.mm-toggle,
label.mm-check
{
    position: absolute;
    z-index: 2; 
    top: 50%;

    margin: 0;
}
label.mm-toggle:before,
label.mm-check:before
{
    display: block; 

    content: '';
}

label.mm-toggle
{
    width: 50px;
    height: 30px;
    margin-top: -15px; 

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

    border-radius: 30px;
}

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

label.mm-check
{
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
label.mm-check:before
{
    width: 40%;
    height: 20%;
    margin: 25% 20% 0 0;

    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); 

    opacity: .1;
    border-right: 3px solid;
    border-bottom: 3px solid;
}

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, .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, .7);
}