/*--------------------------------------
 for mobile 
--------------------------------------*/

/* global menu */
.mobi_global .btn {
	position: fixed;
	color:#000;	
	display: block;
	left: 0px;
	bottom: 0px;
	padding: 5px 0 0;	
	z-index: 9999;
	background-color: #fff;
	opacity: 0.9;
	cursor: pointer;
	height: 35px;
	width: 40px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.mobi_global .btn span{
	display: block;
	font-size: 1.4em;
}
.mobi_global .btn .menu-caption{
  font-size: 0.8em;
  position: relative;
}
 
.mobi_global .btn:hover {
   	filter: alpha(opacity=60);
	opacity: .60;
	background: #ccc;
}
 
.mobi_global .cbtn {
	z-index: 99;
	display: none;
	top: 0;
	left: 0;
	position: fixed;
}
 
.mobi_global .check {
    display: none;
}
 
.mobi_global ul {
	position: fixed;
	z-index: 999;
	display: block;
	font-size: 0.9em;
	background-color: #F6F6F6;
	width: 300px;
	top: 0;
	left: -500px;
	margin-right: 2%;
	padding: 25px 5% 40px;
	list-style-type: none;
	height: 100%;
    overflow: auto;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;	
}
 
.mobi_global .check:checked + ul {
	top: 0;
	left: 0px;
	height: 100%;
}
 
.mobi_global .check:checked + ul + .cbtn {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
 
.mobi_global ul li{
	padding-right: 5px;
	padding-left: 5px;
}
 
.mobi_global a {	
	display: block;
	padding: 10px;
	text-align: left;
	color: #000;
	background: url(images/mob_arrow_01.png) right center no-repeat;
	text-decoration: none;
}
 
.mobi_global a:hover {
	color: #FFF;
	background-color: #666;	
}


/* sub menu */
.mobi_global ul>li>ul.sub-menu {
	position: relative;
	z-index: 999;
	display: block;
	font-size: 0.9em;
	background-color: #F6F6F6;
	width: 100%;
	top: 0;
	left: 0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 100%;
	overflow: auto;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;	
}
.mobi_global ul>li>ul.sub-menu li{
	padding-right: 0;
}
.mobi_global ul>li>ul.sub-menu a {	
	display: block;
	padding: 10px 0 10px 10px;
	margin-left: 20px;
}




/* sidebar */
#sideColumn2 {
	overflow: auto;
	padding-bottom: 0px;
}

.mobi_sidebar .btn {
	position: fixed;
	color:#000;	
	display: block;
	right: 0px;
	bottom: 0px;
	padding: 5px 0 0;	
	z-index: 9999;
	background-color: #fff;
	opacity: 0.9;
	cursor: pointer;
	height: 35px;
	width: 40px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.mobi_sidebar .btn span{
	display: block;
	font-size: 1.4em;
}
.mobi_sidebar .btn .menu-caption{
  font-size: 0.8em;
  position: relative;
}
 
.mobi_sidebar .btn:hover {
   	filter: alpha(opacity=60);
	opacity: .60;
	background: #ccc;
}
 
.mobi_sidebar .cbtn {
	z-index: 99;
	display: none;
	top: 0;
	left: 0;
	position: fixed;
}
 
.mobi_sidebar .check {
    display: none;
}
 
.mobi_sidebar>div {
	position: fixed;
	z-index: 999;
	display: block;
	font-size: 0.9em;
	background-color: #F6F6F6;
	width: 300px;
	top: 0;
	right: -500px;
	margin-left: 2%;
	padding: 5%;
	list-style-type: none;
	height: 100%;
    
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;	
}
 
.mobi_sidebar .check:checked + div {
	top: 0;
	right: 0px;
	height: 100%;
}
 
.mobi_sidebar .check:checked + div + .cbtn {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
 
.mobi_sidebar>div ul{
	padding-right: 5px;
	padding-left: 5px;
}
 
.mobi_sidebar a {
	text-align: left;
	color: #000;
	text-decoration: none;
}
 
.mobi_sidebar a:hover {
}