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



    Mobile Menu v1.0



    (c) 2015 George Lieu



    licensed under MIT



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



@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;
}
 [class^="icon-"]:before, [class*=" icon-"]: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'; }
html { }
#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: #1186c2; z-index: 99999; 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: #1186c2; }
.mobile-menu .input-group .form-control:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.mobile-menu .input-group .form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; }
.mobile-menu .input-group-btn { position: relative; font-size: 0; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; }
.mobile-menu .input-group-btn:first-child > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.mobile-menu .input-group-btn > .btn { position: relative; }
.mobile-menu .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; font-size: 15px; line-height: 1.42857; border-radius: 8px; }
.mobile-menu .form-control { height: 18px; padding: 6px 0; font-size: 15px; color: #555555; background-color: #FFF; border-radius: 8px; border: 0; }
.mobile-menu .btn-default { height: 30px; border: 0; padding: 4px 5px; background-color: white; }
.mobile-menu .btn-default:hover { background-color: white; }
.mobile-menu .btn-default:focus { background-color: white; }
.mobile-menu .btn-default:active { background-color: white; }
.mobile-menu .home { background-color: #01c7c5; color: white; height: 43px; overflow: hidden; }
.mobile-menu .expand { right: 0; position: absolute; border-left: 1px solid #1597db; padding: 0 10px; color: #fff; margin-left: 100px; }
.mobile-menu .expand:hover { cursor: pointer; }
.mobile-menu li { display: block; border-top: 1px solid #1597db; width: 100%; float: left; margin-left: 0; padding-left: 0; position: relative; }
.mobile-menu li a { display: block; overflow: hidden; white-space: normal; color: #fff; text-decoration: none; padding: 10px; padding-left: 15px; }
.mobile-menu li a:hover { background: #1375a8; color: #fff; }
.mobile-menu li.current-menu-item a { background: #1375a8; color: #fff; }
.mobile-menu li li { background: #1186c2; }
.mobile-menu li li a { padding-left: 20px; }
.mobile-menu li li li { background: #1186c2; }
.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; }
.hamburger { display:none }
.mm-toggle span {/*float:left; width:100%; height:2px; background:#333; margin-bottom:2px;*/ }
.mm-toggle { position: relative; z-index: 9; width:auto; }
.mm-toggle .toggle { float: left; margin: 0 0; position: relative; width:36px; height:auto; z-index: 9; padding: 6px 5px 4px; border: 1px solid #002d66; border-radius: 4px; }
.mm-toggle span.icon-bar { background: #002d66; float: left; height:4px; width:100%; margin-bottom:4px; border-radius:3px; }
.mm-toggle .toggle:hover span.icon-bar { background:#000 }
.phonenumber { margin:4px 15px 0 0; }
.phonenumber a { color:#28b75c; font-size:30px; line-height:1 }
.phonenumber a:hover { color: #1084c1; }
 @media (max-width: 991px) {
 .top-right {
 display: none
}
 .hamburger {
 flex: 1 1 0%;
 justify-content: flex-end;
 display: flex;
 align-items: center;
 flex-direction: row;
}
 .header .brand-logo {
 flex: 0 0 50%;
 width: auto;
 max-width: none;
 padding: 0;
}
 .mm-toggle {
 display: block;
}
 .mm-toggle .mm-label {
 margin-left: 3px;
}
}
 @media (max-width: 480px) {
 .mm-toggle .mm-label {
 display: none;
}
}
