/************************

*************************

    Mobile Menu v1.0

    (c) 2015 George Lieu

    licensed under MIT

************************

************************/

html { }
 @font-face {
 font-family: 'site-icons';
 src: url('../fonts/site-icons.eot?51216790');
 src: url('../fonts/site-icons.eot?51216790#iefix') format('embedded-opentype'),  url('../fonts/site-icons.woff?51216790') format('woff'),  url('../fonts/site-icons.ttf?51216790') format('truetype'),  url('../fonts/site-icons.svg?51216790#site-icons') format('svg');
 font-weight: normal;
 font-style: normal;
}
.expand:before { font-family: "site-icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; }
.icon-plus:before { content: '\e812'; }
.icon-minus:before { content: '\e813'; }
#layout { position: relative; left: 0; }
.overlay { position: fixed; top: 0; left: 0; height: 100%; min-height: 100%; width: 100%; z-index: 9999; background: black; opacity: 0.2; filter: alpha(opacity=20); }
.mmPushBody { width: 100%; height: 100%; overflow-x: hidden; }
#mobile-menu { position:fixed; top: 0; background: #f9f9f9; z-index: 99999; -webkit-box-shadow: 0 1px 8px #555555; -moz-box-shadow: 0 1px 8px #555555; -o-box-shadow: 0 1px 8px #555555; box-shadow: 0 1px 8px #555555; display: none; font-size: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; line-height: 1.42857; height:100% !important; }
.mobile-menu { list-style-type: none; margin: 0; width: 100%; float: left; margin-left: 0; padding-left: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.mobile-menu ul { margin-left: 0; padding-left: 0; }
.mobile-menu ul .expand { background: #eeeeee; position:relative }
.mobile-menu .expand { right: 0; position: absolute; border-left: 1px solid #cccccc; padding: 0 10px; color: #888; margin-left: 100px; min-width: 40px; text-align:center; font-size:14px; }
.mobile-menu .expand:hover { cursor: pointer; }
.mobile-menu li { display: block; border-top: 1px solid #cccccc; width: 100%; float: left; margin-left: 0; padding-left: 0; position: relative; }
.mobile-menu li:before { display:none }
.mobile-menu li a { display: block; overflow: hidden; white-space: normal; color: #222222; text-decoration: none; padding: 10px; padding-left: 15px; text-transform:capitalize; font-weight:400; }
.mobile-menu li a:hover { background: #e1e1e1; color: #000; }
.mobile-menu li.current-menu-parent > a,  .mobile-menu li.current-menu-item > a { background: #e1e1e1; color: #000; }
.mobile-menu li li { background: #eeeeee; }
.mobile-menu li li a { padding-left: 20px; }
.mobile-menu li li li { background: #dddddd; }
.mobile-menu li li li a { padding-left: 35px; }
.mobile-menu .social a { float: left; padding: 0; margin: 10px 0 10px 15px; }
.mobile-menu .social i { font-size: 22px; color: #01c7c5; }
.mobile-menu input.simple:focus { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
 .mobile-menu [class^="icon-"]:before {
 margin-right: 0;
 margin-left: 0;
}
 .mobile-menu [class*=" icon-"]:before {
 margin-right: 0;
 margin-left: 0;
}
.mm-toggle-wrap { color: #fff; width: 100%; height: 35px; background: #333; line-height: 1; overflow: hidden;/*display:none;*/

  

}
.mm-toggle { cursor:pointer; }
.mm-toggle { font-size:16px; font-weight:600; color:#fff; text-transform:uppercase; cursor:pointer; /*width:32px;*/ float:right; text-align:center; display: flex; }
.mm-toggle .toggle { width:100%; max-width:36px; }
.mm-toggle .icon-bar { display:block; width:36px; height:4px; border-radius:2px; background:#fff; margin-bottom:8px; }
.hamburger { display:none; margin-left:15px; }
.mobileMenu button { background: transparent !important;
padding: 0 !important;border-radius: 0 !important;
	}
.lines-button { position: relative; float: right; overflow: hidden; margin: 0; padding: 0; width: 35px; height: 36px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }
.lines-button:focus { outline: none; }
.lines-button span { display: block; position: absolute; left: 0px; width: 35px; height: 3px; background: #fff; border-radius: 0.57143rem; }
 .lines-button span::before,  
 .lines-button span::after {
 position: absolute;
 display: block;
 left: 0;
 width: 100%;
 height: 3px;
 background-color: #fff;
 border-radius: 0.57143rem;
 content: "";
}

.white-header .lines-button span, 
.white-header .lines-button span:before, 
.white-header .lines-button span:after {
  background: #1a344d;
}

 .lines-button span::before {
 top: -11px;
}
 .lines-button span::after {
 bottom: -11px;
}
.lines { background: none; }
.lines span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
 .lines span::before,  .lines span::after {
 -webkit-transition-duration: 0.3s, 0.3s;
 transition-duration: 0.3s, 0.3s;
 -webkit-transition-delay: 0.3s, 0s;
 transition-delay: 0.3s, 0s;
}
 .lines span::before {
 -webkit-transition-property: top, -webkit-transform;
 transition-property: top, transform;
}
 .lines span::after {
 -webkit-transition-property: bottom, -webkit-transform;
 transition-property: bottom, transform;
}
.mmPushBody .lines span { background: none; }
 .mmPushBody .lines span::before {
 top: 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .mmPushBody .lines span::after {
 bottom: 0;
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 .mmPushBody .lines span::before,  .mmPushBody .lines span::after {
 -webkit-transition-delay: 0s, 0.3s;
 transition-delay: 0s, 0.3s;
}
 @media (max-width:1023px) {
 .header .nav {
display: none
}
 .hamburger {
 display: flex;
 align-items: center;
 flex-direction: row;
}
 .header .top-right .contact-info ul li.hamburger {
 justify-content:flex-end;
margin-left:20px;
}
}
 @media (max-width: 480px) {
 .mm-toggle .mm-label {
 display: none;
}
}