/************************
*************************
    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;overflow: hidden; }
.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: #000; z-index: 99999; 
  display: none; font-size: 15px; -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 svg { display:none }
.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 .home { background-color: #01c7c5; color: white; height: 43px; overflow: hidden; }
.mobile-menu .home i { padding-right: 5px; }
.mobile-menu .home a.active { color: #222222 !important; }
.mobile-menu .expand { right: 0; position: absolute; border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 0 10px; color: #fff; 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 rgba(255, 255, 255, 0.1); width: 100%; float: left; margin-left: 0; padding-left: 0; position: relative; font-size: 16px; }
.mobile-menu li:before { display:none }
.mobile-menu li a { display: block; overflow: hidden; white-space: normal; color: #fff; text-decoration: none; padding: 10px; padding-left: 15px; text-transform:capitalize; }
.mobile-menu li a:hover { background: #333; color: #fff; }
.mobile-menu li.current-menu-item > a, 
.mobile-menu li.current-menu-parent > a { background: #333; color: #fff; }
.mobile-menu li li { background: #111; }
.mobile-menu li li a { padding-left: 20px; }
.mobile-menu li li li { background: #222; }
.mobile-menu li li li a { padding-left: 35px; }
 .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; }
.mobileMenu button { /*width: 56px;
		background: linear-gradient(45deg, rgba(72, 171, 213, 1) 0%, rgba(46, 120, 183, 1) 90%);*/
	}
.lines-button { position: relative; float: right; overflow: hidden; margin: 0; padding: 0; width: 56px; height: 56px; 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: 11px; /*right: 18px;*/
    width: 35px; height: 3px; background: #b02216; border-radius: 0.57143rem; }
 .lines-button span::before,  .lines-button span::after {
 position: absolute;
 display: block;
 left: 0;
 width: 100%;
 height: 3px;
 background-color: #b02216;
 border-radius: 0.57143rem;
 content: "";
}
 .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:991px) {
.navigation {
display:none
}

 .hamburger {
 flex: 1 1 0%;
 justify-content:flex-end;
padding: 0;
display: flex;
align-items: center;
}
}
 @media (max-width: 480px) {
 .mm-toggle .mm-label {
 display: none;
}
}