body{ /* CSS for BODY transition when menu is set to push BODY content. */ 
	-moz-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	-webkit-transition: left 200ms ease-in-out, right 200ms ease-in-out;
	transition: left 200ms ease-in-out, right 200ms ease-in-out;
	margin:0; width:100%; /* overflow-x:hidden; */
}


.sideviewtoggle{ display: none; font-weight:bold; text-decoration:none; font-size:30px; color:#000; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; padding:0 10px; float:left; position:relative; z-index:10;}
#menu li{ border:1px solid #000; width:100px; float:left; display:block;}
.sidetogglemenu{ /* shared class for side toggle menus */
	background-color: white;
	width: 260px; /* default menu width */
	height: 100%;
	position: fixed;
	overflow-y:auto;
	top: -100%;
	clear: both;
	display: block;
	visibility: 'hidden';
	-moz-transition: all 200ms ease-in-out; /* change 200ms to slide in animation time */
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}


@media screen and (max-width: 767px){
  .sideviewtoggle{ display: block;}
  #menu{ display:none;}
}


.mobilemenu-css{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222;}
.mobilemenu-css h1,
.mobilemenu-css h2,
.mobilemenu-css h3,
.mobilemenu-css h4,
.mobilemenu-css h5,
.mobilemenu-css h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);}
.mobilemenu-css p{font-size:13px;margin:0 0 12px;}
.mobilemenu-css p a{color:rgba(255,255,255,0.9);}
.mobilemenu-css>p{margin-left:15px;margin-right:15px;}
.mobilemenu-css ul{display:block;margin:0;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d;}
.mobilemenu-css ul li{display:block;margin:0;line-height:30px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a;}
.mobilemenu-css ul li:hover,
.mobilemenu-css ul li.active,
.mobilemenu-css ul li.mobilemenu-css-class-active{border-top:none;line-height:31px;}
.mobilemenu-css ul li:hover>a,
.mobilemenu-css ul li:hover>span,
.mobilemenu-css ul li.active>a,
.mobilemenu-css ul li.active>span,
.mobilemenu-css ul li.mobilemenu-css-class-active>a,
.mobilemenu-css ul li.mobilemenu-css-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222;}
.mobilemenu-css ul li a,
.mobilemenu-css ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff;}
.mobilemenu-css ul li ul{border-bottom:none;margin:0;}
.mobilemenu-css ul li ul li{line-height:30px;font-size:13px;}
.mobilemenu-css ul li ul li:last-child{border-bottom:none;}
.mobilemenu-css ul li ul li:hover,
.mobilemenu-css ul li ul li.active,
.mobilemenu-css ul li ul li.mobilemenu-css-class-active{border-top:none;line-height:31px;}
.mobilemenu-css ul li ul li:hover>a,
.mobilemenu-css ul li ul li:hover>span,
.mobilemenu-css ul li ul li.active>a,
.mobilemenu-css ul li ul li.active>span,
.mobilemenu-css ul li ul li.mobilemenu-css-class-active>a,
.mobilemenu-css ul li ul li.mobilemenu-css-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222;}
.mobilemenu-css ul li ul li a,
.mobilemenu-css ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px;}
.mobilemenu-css ul li ul li ul li a{padding-left:50px; font-size:11px;}
.mobilemenu-css form{margin:0 15px;}
.mobilemenu-css label{font-size:13px;}
.mobilemenu-css input[type="text"],
.mobilemenu-css input[type="password"],
.mobilemenu-css input[type="date"],
.mobilemenu-css input[type="datetime"],
.mobilemenu-css input[type="email"],
.mobilemenu-css input[type="number"],
.mobilemenu-css input[type="search"],
.mobilemenu-css input[type="tel"],
.mobilemenu-css input[type="time"],
.mobilemenu-css input[type="url"],
.mobilemenu-css textarea,
.mobilemenu-css select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both;}
.mobilemenu-css input[type=checkbox]{width:auto;display:inline;clear:none;}
.mobilemenu-css input[type=button],
.mobilemenu-css input[type=submit]{color:#333;background:#fff;}
.mobilemenu-css input[type=button]:hover,
.mobilemenu-css input[type=submit]:hover{background:rgba(255,255,255,0.9);}



/*Light Version*/
.mobilemenu-css-light{font-size:15px;background:#d3d3d3;color:#333;}
.mobilemenu-css-light h1,
.mobilemenu-css-light h2,
.mobilemenu-css-light h3,
.mobilemenu-css-light h4,
.mobilemenu-css-light h5,
.mobilemenu-css-light h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}
.mobilemenu-css-light p{font-size:13px;margin:0 0 12px}
.mobilemenu-css-light p a{color:rgba(51,51,51,0.9);}
.mobilemenu-css-light>p{margin-left:15px;margin-right:15px}
.mobilemenu-css-light ul{display:block;margin:0;padding:0;border-top:1px solid #a9a9a9;border-bottom:1px solid #f4f4f4}
.mobilemenu-css-light ul li{display:block;margin:0;line-height:30px;border-top:1px solid #f4f4f4;border-bottom:1px solid #a9a9a9}
.mobilemenu-css-light ul li:hover,
.mobilemenu-css-light ul li.active,
.mobilemenu-css-light ul li.mobilemenu-css-light-class-active{border-top:none;line-height:31px}
.mobilemenu-css-light ul li:hover>a,
.mobilemenu-css-light ul li:hover>span,
.mobilemenu-css-light ul li.active>a,
.mobilemenu-css-light ul li.active>span,
.mobilemenu-css-light ul li.mobilemenu-css-light-class-active>a,
.mobilemenu-css-light ul li.current-menu-ancestor > a,
.mobilemenu-css-light ul li.current-menu-item > a,
.mobilemenu-css-light ul li.mobilemenu-css-light-class-active>span{ color:#c41230;-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}
.mobilemenu-css-light ul li a,
.mobilemenu-css-light ul li span{ font-weight:600;padding:0 15px;display:block;text-decoration:none;color:#2d292a}

.mobilemenu-css-light ul li ul{border-bottom:none;margin:0; height:0; overflow:hidden; opacity:0;}
.mobilemenu-css-light ul li:hover ul,
.mobilemenu-css-light ul li.current-menu-item ul,
.mobilemenu-css-light ul li.current-menu-ancestor ul,
.mobilemenu-css-light ul li:focus ul{ height:auto; opacity:1;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}

.mobilemenu-css-light ul li ul li{line-height:30px;font-size:13px}
.mobilemenu-css-light ul li ul li:last-child{border-bottom:none}
.mobilemenu-css-light ul li ul li:hover,
.mobilemenu-css-light ul li ul li.active,
.mobilemenu-css-light ul li ul li.mobilemenu-css-light-class-active{border-top:none;line-height:31px}
.mobilemenu-css-light ul li ul li:hover>a,
.mobilemenu-css-light ul li ul li:hover>span,
.mobilemenu-css-light ul li ul li.active>a,
.mobilemenu-css-light ul li ul li.active>span,
.mobilemenu-css-light ul li ul li.mobilemenu-css-light-class-active>a,
.mobilemenu-css-light ul li ul li.mobilemenu-css-light-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}
.mobilemenu-css-light ul li ul li a,
.mobilemenu-css-light ul li ul li span{color:#2d292a;padding-left:30px}
.mobilemenu-css-light ul li ul li ul li a{padding-left:50px; font-size:11px;}
.mobilemenu-css-light form{margin:0 15px}
.mobilemenu-css-light label{font-size:13px}
.mobilemenu-css-light input[type="text"],
.mobilemenu-css-light input[type="password"],
.mobilemenu-css-light input[type="date"],
.mobilemenu-css-light input[type="datetime"],
.mobilemenu-css-light input[type="email"],
.mobilemenu-css-light input[type="number"],
.mobilemenu-css-light input[type="search"],
.mobilemenu-css-light input[type="tel"],
.mobilemenu-css-light input[type="time"],
.mobilemenu-css-light input[type="url"],
.mobilemenu-css-light textarea,
.mobilemenu-css-light select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}
.mobilemenu-css-light input[type=checkbox]{width:auto;display:inline;clear:none}
.mobilemenu-css-light input[type=button],
.mobilemenu-css-light input[type=submit]{color:#f8f8f8;background:#333}
.mobilemenu-css-light input[type=button]:hover,
.mobilemenu-css-light input[type=submit]:hover{background:rgba(51,51,51,0.9)}

.sidetogglemenu .heading{ background:#fff;}
.admin-bar .sidetogglemenu .heading{ padding:33px 0 0}
.sidetogglemenu .heading a{ display:block;}
.sidetogglemenu .heading a #mobile-logo{ padding:10px 0px 0; max-width:60%; margin:10px;}
.sidetogglemenu .heading h2{ background:#c41230; color:#fff; font-weight:bold !important; font-size:13px; padding:5px 0; text-indent:9px; font-size:15px; margin-bottom:-1px; position:relative; z-index:10;}