/*
jQuery.mmenu CSS
*/
/*
jQuery.mmenu panels CSS
*/

.mm-menu.mm-horizontal > .mm-panel {-webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease;}

.mm-menu .mm-hidden {display: none;}

.mm-wrapper {overflow-x: hidden; position: relative;}

.mm-menu,
.mm-menu > .mm-panel {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}

.mm-menu {background: inherit; display: block; overflow: hidden; padding: 0;}

.mm-menu > .mm-panel {
background: inherit;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 20px 0;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0); }

.mm-menu > .mm-panel.mm-opened {
-webkit-transform: translate(0%, 0);
-moz-transform: translate(0%, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate(0%, 0);
transform: translate(0%, 0); }

.mm-menu > .mm-panel.mm-subopened {
-webkit-transform: translate(-30%, 0);
-moz-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
-o-transform: translate(-30%, 0);
transform: translate(-30%, 0); }

.mm-menu > .mm-panel.mm-highest {z-index: 1;}

.mm-menu .mm-list {padding: 20px 0;}

.mm-menu > .mm-list {padding-bottom: 0;}

.mm-menu > .mm-list:after {content: ''; display: block; height: 40px;}

.mm-panel > .mm-list:first-child {padding-top: 0;}

.mm-list,
.mm-list > li {list-style: none; display: block; padding: 0; margin: 0;}

.mm-list {font: inherit; font-size: 14px;}

.mm-list a,.mm-list a:hover {text-decoration: none;}

.mm-list a:hover {text-decoration: none; background:#e4701e;} /*tab background color*/

.mm-list > li {position: relative;}

.mm-list > li > a, .mm-list > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
line-height: 20px;
display: block;
padding: 10px 10px 10px 20px;
margin: 0; }

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0; }

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {width: auto; position: relative; left: auto;}

.mm-list a.mm-subopen {
background: rgba(3, 2, 1, 0);
width: 40px;
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2; }

.mm-list a.mm-subopen:before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0; }

.mm-list a.mm-subopen.mm-fullsubopen {width: 100%;}

.mm-list a.mm-subopen.mm-fullsubopen:before {border-left: none;}

.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {padding-right: 5px; margin-right: 40px;}

.mm-list > li.mm-selected > a.mm-subopen {background: transparent;}

.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {padding-right: 45px; margin-right: 0;}

.mm-list a.mm-subclose {text-indent: 20px; padding-top: 30px; margin-top: -20px;}

.mm-list > li.mm-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px;
padding-right: 5px;}

.mm-list > li.mm-spacer {padding-top: 40px;}

.mm-list > li.mm-spacer.mm-label {padding-top: 25px;}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-bottom: -5px;
position: absolute;
bottom: 50%; }

.mm-list a.mm-subopen:after {border-top: none; border-left: none; right: 18px;}

.mm-list a.mm-subclose:before {
border-right: none;
border-bottom: none;
margin-bottom: -15px;
left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {display: none; padding: 10px 0 10px 10px;}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {border-color: transparent;}

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {display: block;}

.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {height: 40px;}

.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {top: 16px; bottom: auto;}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {height: 25px;}

html.mm-opened .mm-page {box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}

.mm-menu {background: black; /* background color */ color:#ffffff;  font-weight:700;}

.mm-menu .mm-list > li:after {border-color:#fff;}

.mm-menu .mm-list > li > a.mm-subclose {background: #ee2c26; color:#fff;}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border-color: rgba(255, 255, 255, 0.3);}

.mm-menu .mm-list > li > a.mm-subopen:before {border-color: rgba(0, 0, 0, 0.15);}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {background: rgba(0, 0, 0, 0.1);}

.mm-menu .mm-list > li.mm-label {background: rgba(255, 255, 255, 0.05);}

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {background: rgba(255, 255, 255, 0.05);}

/*jQuery.mmenu offcanvas addon CSS*/
.mm-page {box-sizing: border-box; position: relative;}

.mm-slideout {-webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease;}

html.mm-opened {overflow: hidden; position: relative;}
html.mm-opened body {overflow: hidden;}

html.mm-background .mm-page {background: inherit;}

#mm-blocker {background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {display: block;}

.mm-menu.mm-offcanvas {display: none; position: fixed;}
.mm-menu.mm-current {display: block; margin: 0 0 0 0;}

.mm-menu {width: 80%; min-width: 140px; max-width: 440px;}

html.mm-opening .mm-slideout {
-webkit-transform: translate(80%, 0);
-moz-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
-o-transform: translate(80%, 0);
transform: translate(80%, 0); }

@media all and (max-width: 175px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(440px, 0);
-moz-transform: translate(440px, 0);
-ms-transform: translate(440px, 0);
-o-transform: translate(440px, 0);
transform: translate(440px, 0); } }