@charset "UTF-8";
/* CSS Document */


#main-slidebar{
	
	width:100%;
	height:100%;
	position:fixed;
	z-index:0;
	background-color:#000;
	color:#FFF;
	
	display:none;
	
}



#main-slidebar .side_mm_ul{
	
	display:inline-block;
	width:260px;
	float:right;
	
	padding-top:40px;
	margin:0;
	
	
}



#main-slidebar .side_mm_ul .col00{
	display:inline;
    float:left;
	width:100%;
	margin:0 0 30px 0;
	padding:0;
}
#main-slidebar .side_mm_ul .col01{
	display:inline;
    float:left;
	width:100%;
	margin:0 0 30px 0;
	padding:0;
}
#main-slidebar .side_mm_ul .col02{
	display:inline;
    float:left;
	width:100%;
	margin:0 0 60px 0;
	padding:0;
}
#main-slidebar .side_mm_ul .col03{
	display:inline;
    float:left;
	width:100%;
	padding:0;
}




#main-slidebar .side_mm_ul ul{
	list-style:none;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#main-slidebar .side_mm_ul .heading{
	
	font-size:20px;
	font-weight:500;
	
	line-height:45px;
	letter-spacing:1px;
	height:45px;
	vertical-align:middle;
	
}

#main-slidebar .side_mm_ul .heading a {
	color:#FFF;
}



#main-slidebar .side_mm_ul .menu li {
	
	/* older webkit */
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-justify-content: left;

    /* older firefox */
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: left;

    /* IE10*/
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: left;

    /* newer webkit */
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-box-pack: left;

    /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
    display: flex;
    align-items: center;
    justify-content: left;
	
	
	
	font-size:16px;
	font-weight:300;
	
	line-height:28px;
	letter-spacing:1px;
	text-decoration:none;
	
	padding:0;
	margin:0;
	vertical-align:middle;
	
	color:#FFF;
	/*font-weight: bold;*/
}

#main-slidebar .side_mm_ul .menu li a {
	color:#FFF;
	height:28px;
}


#main-slidebar .side_lang_bar{
	display:inline-block;
	width:70%;
	color:#FFF;
	font-weight:300;
	margin:0;
	padding:5px 0 5px 0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	
}

#main-slidebar .side_lang_bar a {
	color:#FFF;
}

#main-slidebar .side_lang_bar .c00,
#main-slidebar .side_lang_bar .c01,
#main-slidebar .side_lang_bar .c02,
#main-slidebar .side_lang_bar .c03{
	display:inline;
    float:left;
	width:25%;
	text-align:center;
	margin:0;
	padding:0;
}




/*@media only screen and (min-width: 768px) and (max-width: 1024px) {*/

@media only screen and (max-width: 767px) and (orientation:landscape) {
	
	
	#main-slidebar .side_mm_ul{
		width:70%;
		padding-top:20px;
	}
	
		
	#main-slidebar .side_mm_ul .col00{
		width:32%;
		margin-right:3%;
		margin-bottom:20px;
		padding:0;
	}
	
	#main-slidebar .side_mm_ul .col01{
		width:32%;
		margin-right:3%;
		margin-bottom:50px;
		padding:0;
	}
	#main-slidebar .side_mm_ul .col02{
		width:30%;
		margin-bottom:60px;
		padding:0;
	}
	#main-slidebar .side_mm_ul .col03{
		width:100%;
		margin:0;
		padding:0;
	}
	
	#main-slidebar .side_lang_bar{
		width:91%;
	}
	
	#main-slidebar .side_mm_ul .heading{
	
		font-size:19px;
		font-weight:500;
		
		line-height:43px;
		letter-spacing:0px;
		
		vertical-align:middle;
		
		height:43px;
		
	}
	
	#main-slidebar .side_mm_ul .menu li {
		
		font-size:15px;
		font-weight:300;
		
		line-height:26px;
		letter-spacing:0px;
		
	}
	
}

@media only screen and (max-width: 767px)  and (orientation:portrait) {
	

	#main-slidebar .side_mm_ul{
		width:70%;
	}
	
		
	#main-slidebar .side_mm_ul .col00{
		width:48%;
		margin-right:5%;
		margin-bottom:20px;
		padding:0;
	}
	
	#main-slidebar .side_mm_ul .col01{
		width:47%;
		margin-bottom:50px;
		padding:0;
	}
	#main-slidebar .side_mm_ul .col02{
		width:50%;
		margin-bottom:60px;
		padding:0;
	}
	#main-slidebar .side_mm_ul .col03{
		width:100%;
		margin:0;
		padding:0;
	}
	
	#main-slidebar .side_lang_bar{
		width:91%;
	}
	
	#main-slidebar .side_mm_ul .heading li{
	
		font-size:18px;
		font-weight:500;
		
		line-height:42px;
		letter-spacing:0px;
		
		height:42px;
		
		vertical-align:middle;
		
	}
	
	#main-slidebar .side_mm_ul .menu li {
		
		font-size:15px;
		font-weight:300;
		
		line-height:26px;
		letter-spacing:0px;
		
		height:26px;
		
	}
	
}