﻿#mobile-menu{}
.dnnform{position:relative;}
#hamburger{display:none;z-index:20;position:absolute;top:8px;right:65px;outline:none;-moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
#Body #hamburger.dnnEditable{top:54px;}
#hamburger:before,
#hamburger:after,
#hamburger span{background: #000;content:'';display: block;width: 30px;height: 5px;position: absolute;left: 20px;}
#hamburger:before{top: 10px;}
#hamburger span{top: 20px;}
#hamburger:after{top: 30px;content:'MENU';font-size:12px;}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    -moz-transition: none 0.5s ease 0.5s;
    -o-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

html.mm-opening nav#mobile-menu{display:block!important;z-index:20;}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;
    content:'';
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    -o-transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
html.mm-opening #hamburger:after {
    -moz-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    -o-transform: rotate( -45deg );
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
}
.mm-list{font-size:17px!important;}


@media only screen and (max-width: 767px) 
{
    .mm-menu{background:#5F6F4D;}
    #hamburger{display:block;}
}
