#menulogo {
	display:none;
	background: white;
	height:50px;
	position: relative;
	z-index: 1;
}


#menulogo .icomenu {
	position: absolute;
	top:10px;
	left:10px;
	color:black;
	z-index:1;
	cursor:pointer;
}

#sidebar {
    position:fixed;
    top:0;
    left:0;
    width:348px;
    height:100%;
    box-shadow:0px 0 12px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0 12px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0 12px rgba(0,0,0,0.5);
    background:white no-repeat;
    overflow: hidden;
    color:black;
	z-index:1;
}

#sidebar .mobileclose {
	display:none;
}

#sidebar .main {
	position:absolute;
	top:0;
	left:0;
	bottom:48px;
	width:inherit;
    background:white no-repeat;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding-right:60px;
	z-index:11;
    box-shadow:0px 0 12px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0 12px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0 12px rgba(0,0,0,0.5);
}

#sidebar .main-inner{
	width:100%;
	height:100%;
	position:relative;
	/*overflow:auto;*/
}

#sidebar  .mainc {
	background-size:100% auto;
    background-repeat:no-repeat;
    width:100%;
}

#sidebar .mainc>*{width:100%;}


/*scrollbar*/
/* Tiny Scrollbar */
.customscrollbar .viewport { width: 100%; height:100%; overflow: hidden; position: relative; }
.customscrollbar .overview { position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:100%; }
.customscrollbar .scrollbar{ 
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
position: absolute; top:10px; bottom:0px; right:3px;  width: 4px; z-index:10;margin-bottom: 10px;
-webkit-border-radius:4px 4px;
-moz-border-radius:4px 4px;
border-radius:4px 4px;
overflow:hidden;
padding:2px;
background:rgba(0, 0, 0, 0.2);
}
.customscrollbar .track { height: 100%; position: relative; padding: 0 1px; }
.customscrollbar .thumb {  height: 20px; width: 2px; cursor: pointer; overflow: hidden; position: absolute; top: 0; background-color:#fff; 
-webkit-border-radius:2px 2px;
-moz-border-radius:2px 2px;
border-radius:2px 2px;
}
.customscrollbar .thumb .end { overflow: hidden; height: 5px; width: 25px; }
.customscrollbar .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.site #sidebar .customscrollbar .scrollbar{height:auto!important;}
.site #sidebar .customscrollbar .main .scrollbar{}
.site #sidebar .customscrollbar .menus .scrollbar{border:1px solid red;}
.site #content.customscrollbar .scrollbar{bottom:48px;height:auto!important;}
.frame #content.customscrollbar .scrollbar{bottom:0;}

/**/


#sidebar .news{overflow:hidden;}

#sidebar .home,
#sidebar .burgericon {
	position:absolute;
	top:0;
	right:0;
	padding:5px 20px;
	cursor:pointer;
	width:auto;
}
#sidebar .burgericon{padding-top:20px;}
#sidebar .home{top:55px;}

#sidebar .close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	color:black;
	z-index:1;
}

#sidebar #logo {
	width:100%;
	text-align:center;
	display:block;
	padding:35px 0 20px 0;
}
#sidebar #logo img{
	width:75%;
	height:auto;
}

#sidebar .links {
	text-align: center;
	font-family: "Dosis";
	font-size:1.5em;
	text-transform: uppercase;
}

#sidebar .links a:hover {
	text-decoration: none;
}

#sidebar .menu ul {
	margin:30px 40px;
	font-family: "Dosis";
	font-size:2em;
	font-weight: 100;
	text-transform: uppercase;
	-webkit-font-smoothing:antialiased;

}

#sidebar .menu ul li {

}

#sidebar .menu ul li a:hover , #sidebar .menu ul li .a:hover {
	cursor:pointer;
	text-decoration: none;
}

#sidebar .menuscontent {
	position: absolute;
	top:0;
	bottom:50px;
	left:60px;
	font-family: "Dosis";
	display:none;
	width:288px;
	overflow: auto;
}

#sidebar .menus .title {
	display:block;
	font-size:2.3em;
	padding:10px 20px;
	-webkit-font-smoothing:antialiased;
	text-transform: uppercase;
	font-weight: 100;
}

#sidebar .sep {
	display:block;
	height:1px;
	background:#CCCCCC;
	margin:5px 0;
}

#sidebar .menus ul.items {
	padding-top:10px;
	font-size:1.8em;
	text-transform: uppercase;
	-webkit-font-smoothing:antialiased;
	font-weight: 100;
}

#sidebar .menus ul.items a , #sidebar .menus ul.items .a {
	display: block;
	padding:0 30px;
}

#sidebar .menus ul.itemslv2 a , #sidebar .menus ul.itemslv2 .a {
	font-size:0.7em;
}

#sidebar .menus ul.items a:hover {
	text-decoration: none;
}

#sidebar h2 {
	padding:0 40px;
}

#social {
	color:black;
	position: absolute;
	right:10px;
	top:5px;
	z-index:10;
}

#social .label{color:#fff;}

#social ul li {
	float:left;
	margin:2px;
	cursor:pointer;
}
#social ul li:first-child{
	cursor: auto;
	height: 34px;
	line-height: 34px;
}

@media screen and (max-width:1500px) {
	#sidebar{width:300px;}
	#sidebar .menuscontent{width:240px;}
	#sidebar .menu ul{font-size:1.6em;}
}

@media screen and (max-width:1000px) {

	#menulogo{display:block;text-align:center}
	.logo-mobile{display:inline-block;vertical-align:middle;}
	.logo-mobile img{width:200px;height:auto;}

	#sidebar {
		z-index:21;
		left:-348px;
	}
	#sidebar .home{display:none;}

	#social .label{color:#000;}

	.site #content.customscrollbar .scrollbar{bottom:0;}

	#sidebar .mobileclose {
		position: absolute;
		right:10px;
		top:10px;
		z-index:50;
		display: block;
	}

	#sidebar .main{
		bottom:0;
	}

	#sidebar .mainc {
		background-position:1000em 1000em;
	}

	#sidebar.mobileopen {
		left:0;
	}

	#sidebar .menu ul{
		font-size:1.6em;
	}

}


@media screen and (max-width:600px){

	.customscrollbar .scrollbar{display:none!important;}
	.customscrollbar .viewport{overflow:auto!important;}

	#sidebar .mobileclose{left:10px;}

	#social .label{display:none;}
	#social li:last-child{display:none;}

	#sidebar .main{padding-right:50px;}

	#sidebar .menus>.close{display:none;}

	
	#sidebar .burgericon{top:25px;right:-2.5px;font-size:0.95em;}
	#sidebar .burgericon .fa-bars:before{content:"\f137";}

	#sidebar .links{margin-top:20px;}

	#sidebar .menuscontent{bottom:0;left:50px;width:250px;}

	#sidebar .menu ul li span{padding:5px 5px 5px 0;display:block;}
	#sidebar .menus .title{font-size:1.6em;padding:10px;}
	#sidebar .menus ul.items{font-size:1.4em;}
	#sidebar .menus ul.items li {margin:0 5px 0 0 ;padding-right:0;padding-left:5px;}
	#sidebar .menus ul.items a, #sidebar .menus ul.items .a{padding:0;}
	#sidebar .menus ul.itemslv2 li a {padding:5px 0;}


	#sidebar .news{display:none;}


}

@media screen and (max-width:400px){
	.logo-mobile img{width:150px;}
}