/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check
{
    position: absolute;
    left: -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: right;
}

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

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

    opacity: .1;
    border-bottom: 3px solid;
    border-left: 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
{
    right: 20px;
}

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

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

a.mm-next + label.mm-toggle,
a.mm-next + label.mm-check
{
    right: 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-right: 50px;
}

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

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

em.mm-counter + a.mm-next + label.mm-toggle,
em.mm-counter + a.mm-next + label.mm-check
{
    right: 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-right: 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);
}
