/*Mobile Header*/
body {overflow-x: hidden;}
#header-mobile {
	backface-visibility: hidden;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	right: 0px;
	height: 60px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	padding: 0 0;
	width: 100%;
	margin-bottom: 0;
   -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: -webkit-transform 200ms ease;
	-moz-transition: -moz-transform 200ms ease;
	-o-transition: -o-transform 200ms ease;
	transition: transform 200ms ease;
}
#logo-mobile {
  float: left;
  margin: 20px auto;
  width: 80%;
  text-align: left;
  padding: 0 0 0 25px;
}
#logo-mobile b {color:#f57a28;}
#logo-mobile img { height: auto;width: 200px;}


#mobile-menu-wrapper {
	display: block;
	height: 100%;
	top: 0;
	padding:20px 10px;
	width: 220px;
	background: none repeat scroll 0 0 #fafafa;
	box-shadow: -5px 0 10px -8px rgba(0, 0, 0, 0.4) inset;
	float: right;
	z-index: 9999;
	  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform 200ms ease;
	-moz-transition: -moz-transform 200ms ease;
	-o-transition: -o-transform 200ms ease;
	transition: transform 200ms ease;
	overflow-x: hidden;
	position: fixed;

}
.right-menu { right: -220px;}
.left-menu { left: -220px;}

/**/#mobile-menu-wrapper p {width:100%;float:right;}

/*Mobile Menu Button*/
.mobile-btn { border-radius: 2px; cursor: pointer; height: 28px; margin: 0; position: absolute; top: 20px; width: 28px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.mobile-btn.right { right: 25px;}
.mobile-btn.left { left: 25px;}
.mobile-btn:before { border-bottom: 11px double #f57a28; border-top: 4px solid #f57a28; content: ""; height: 3px; position: relative; top: 6px; width: 100%; float: right; cursor: pointer; box-sizing: initial;}

/*Mobile Menu*/
.mobile-menu  a {color:#fff;}
.mobile-menu  ul, .mobile-menu  li, .mobile-menu  a { width:100%;}
.mobile-menu  { height: auto;}
.right-menu .mobile-menu  ul, .right-menu .mobile-menu  li, .right-menu .mobile-menu  a {float: right;}
.left-menu .mobile-menu  ul, .left-menu .mobile-menu  li,  .left-menu .mobile-menu  a  { float: left;}

.mobile-menu  li {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-bottom:1px solid #fff;
}
.mobile-menu  li a {
	padding: 10px;
	background:#1c6083;
	position: relative;
	z-index: 99999;
	font-size: 1.2em;
	line-height: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mobile-menu  li a:hover,
.mobile-menu  li a:active,
.mobile-menu .current-menu-ancestor a,
.mobile-menu .current-menu-ancestor li a,
.mobile-menu .current-menu-item li a ,
.mobile-menu .current-menu-ancestor li.current-menu-item a,
.mobile-menu .current-menu-item a {
	color: #f57a28;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*Sub Menu*/
.mobile-menu .menu-item-has-children {
position:relative;

}
.mobile-menu .menu-item-has-children i {
	background:#222;
	cursor: pointer;
	position:absolute;
	left:0;
	top:0;
	padding: 18px;
	z-index:2;
}
.mobile-menu .menu-item-has-children i:after {
	width: 0;
	height: 0;
	content: " ";
	top:16px;
	left:9px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
	position:absolute;
	z-index:999;
	transition: all 0.3s;
}
.mobile-menu .menu-item-has-children.open_menu i:after {
    transform: rotate(180deg);
	}
.mobile-menu .menu-item-has-children  a {
	position: relative;
	z-index: 1;
	background:#444;
	padding: 10px 10px 10px 44px;
}

.mobile-menu  .sub-menu {
	display: none;
	opacity: 0;
	padding:0;
	background:#666;
	width:100%;

}
.mobile-menu .menu-item-has-children.open_menu .sub-menu{ display:block; opacity: 1;}
.mobile-menu  .sub-menu li:last-child {border:none;}
.mobile-menu  .sub-menu a {
	position: relative;
	background:none;
	z-index: 2;
	box-sizing: border-box;

}