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

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

    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;
}
.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: 999; 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; }
#mobile-menu .mm-search { height: 50px; background-color: #555555; color: #555555; padding: 10px 15px; box-sizing: border-box; }
#mobile-menu #searchform { position: relative; display: table; border-collapse: separate; width:100%; background:#fff; border-radius:5px; }
.product-search-text { background:#fff; border:none; font-size:13px; color:#333; padding:8px; }
#searchsubmit.product-search-btn { background:url(../images/search-icons.png) no-repeat center center; box-shadow: none; float: right; padding: 6px 20px; top: 0; }
.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: #b62934; 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 #cccccc; padding: 0 10px; color: #000; margin-left: 100px; }
.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 a { display: block; overflow: hidden; white-space: normal; color: #222222; text-decoration: none; padding: 10px; padding-left: 15px; }
.mobile-menu li a:hover { background: #e1e1e1; color: #000; }
.mobile-menu li.current-menu-item a,
.mobile-menu li.current-menu-parent >a { background: #e1e1e1; color: #000; }
.mobile-menu li.current-menu-parent a .mobile-menu li.current-menu-item a{}
.mobile-menu li li { background: #eeeeee; }
.mobile-menu li li a { padding-left: 25px; }
.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: #b62934; }
.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; }
 @media (max-width: 991px) {
 .hamburger {
display:flex;
flex: 1 1 0%;
justify-content: flex-end;align-items: center
}
 .brand-logo {
order: inherit;flex: 0 0 250px;justify-content: flex-start;
}
 .is-sticky .brand-logo {
padding:15px 0
}
 .mm-toggle .mm-label {
margin-left: 3px;
}
 .header-meta {

}
 .get-quote {
display:none
}

.panel1 .item .content-box{display:none}
}
 @media (max-width: 480px) {
 .mm-toggle .mm-label {
 display: none;
}
}