/* Import font.css */
@import url("fonts/fonts.css");
* {
	margin: 0;
	padding: 0;

	-webkit-font-smoothing: antialiased;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
	background: #bfa57c;
	color: #fff;
}

body {
	color: #000;
	font: 14px/23px "orbitronlight", proxima-nova-alt, "Proxima Nova Alt", sans-serif;
}

h1, h2, h3, h4, b {
	font-weight: 300;
	font-family: "orbitronregular", bree-web, Bree, sans-serif,Arial, Helvetica, sans-serif;
}
	h2 {
		font-size: 28px;
		padding-bottom: 60px;
	}
	b {
		font-weight: 500;
		font-size: 16px;

		color: #c3522f;
	}

img{
	max-width: 100%;
	height: auto;
}
.clear-fix{
	clear: both;
}
/***********************************banner样式表********************************************/


.banner {
	position: relative;
	width: 100%;
	overflow: hidden;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	/*text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);*/

	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
	margin-top:0px;
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height: 350px;

		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	.banner .inner {
		padding: 110px 0 110px;
	}

	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;
		color: #a7d456;
	}

	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;

		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;

		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #a7d456;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
			background-color:#a7d456;
		}
			.banner .dots li.active {
				background: #a7d456;
				opacity: 1;
			}

	.banner .arrows {
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}

.features {
	overflow: hidden;
	padding: 50px 0;

	background: #f7f7f6;
	box-shadow: inset 0 -1px 3px rgba(0,0,0,.03);
}
	.features li {
		position: relative;
		padding: 0 25px 0 40px;
		list-style: none;

		width: 25%;
		float: left;
	}
		.features li:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;

			display: block;
			width: 24px;
			height: 22px;

			background: url('img/icons.png');
		}
			.features li.browser:before { background-position: 0 -44px; }
			.features li.height:before { background-position: 0 -22px; }
			.features li.responsive:before { background-position: 0 -66px; }
	.features b {
		display: block;
		padding-bottom: 6px;
	}

.how {
	padding: 60px 0;
}
	.how h2 {
		color: #7c6853;
	}
	.how h3 {
		padding-bottom: 8px;

		color: #7b6b53;
		font-size: 20px;
		line-height: 10px;
	}
	.how li {
		position: relative;
		width: 375px;
		margin: 0 0 40px 15px;
		padding-left: 10px;
	}
	.how pre {
		position: absolute;
		left: 450px;
		top: 0;

		width: 495px;
		padding: 20px 25px;

		background: #f8f5f0;
		color: #8a785d;

		font-size: 12px;
		line-height: 18px;

		border-radius: 5px;
		box-shadow: inset 0 2px 2px rgba(180,157,125,.15), inset 0 0 1px rgba(0,0,0,.2);
	}
	.how p {
		padding-bottom: 15px;
	}

.options {
	padding: 60px 0;

	background: #39342d;
	color: #7b7368;

	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	/*text-shadow: 0 1px 1px rgba(0,0,0,.2);*/
}
	.options a {
		opacity: .7;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-decoration: none;
	}
		.options a:hover {
			opacity: 1;
			border-bottom-color: rgba(255,255,255,.3);
		}
	.options p {
		font-size: 16px;
		line-height: 25px;

		padding-bottom: 20px;
	}
	.options h2 {
		color: #fff;
		padding-bottom: 15px;
	}
	.options pre {
		padding: 20px 25px;

		background: #342f29;
		color: #988f81;

		font-size: 13px;
		line-height: 19px;

		box-shadow: inset 0 2px 2px rgba(0,0,0,.15), inset 0 0 1px rgba(0,0,0,.1);
		border-radius: 5px;
	}
		.options pre span {
			color: #706657;
		}


.wrap {
	margin: 0 auto;
	width: 960px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	.wrap {
		width: 100%;
	}
	#logo {
		left: 50px;
		top: 30px;
	}

	.banner h1, .banner h2 {
		font-size: 24px;
		line-height: 30px;
		font-family: "orbitronregular", Tahoma,Arial, Helvetica, sans-serif;
		color:#a7d456;
	}
	.banner ul li {
		height: 240px;
	}
	.banner .inner {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.banner p {
		font-size: 15px;
		width: 100%;
		margin: 0 auto;
	}
	pre {
		overflow: auto;
	}
	.features li {
		width: 100%;
		margin-left: 10px;
		margin-bottom: 30px;
	}
	.how li {
		width: 100%;
	}
	.how pre {
		position: static;
		width: 100%;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.features li:before {
		background: url('img/icons@2x.png');
		background-size: 100%;
	}
}
/***************************角色样式布局*********************************/

.character { top:0px; position:relative;}
.arrows { position:absolute; width:100%;z-index:100;}
.arrows .prev{ float:left; margin-top:160px; }
.arrows .next{ float:right;margin-top:160px;}
.character .inner { width:450px; float:right; margin-right:100px;}
.character h1,.character .job,.character p,.character .crossline { text-align:center; padding-right:100px; padding-bottom:0; margin:0px;}
.character h1 span { font-family:'orbitronregular',Utsaah,Arial, Helvetica, sans-serif; font-size:32px;}
.character p { color:#a7d456;}
.character .characterbody { float:left; width:390px; padding-left:100px;}

/***************************首页样式表***********************************/

.menu .title { background-color:#3190bc;font-family:'orbitronregular', avalonbold,Arial, Helvetica, sans-serif, Univers, bree-web, Bree, sans-serif;  text-align:center; padding-bottom:10px; padding-top:10px; color:#FFFFFF;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; height:auto; font-size:18px;}
.menu {position: fixed; z-index:3; text-align:center; width:100%; line-height:60px;}
.menu .logo { line-height:40px; }
.vedio {position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;}
.vedio iframe{
	display: none;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
    width: 100%;
    height: 100%;
}
.vedio .poster{
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 2;
	top: 0;
	left: 0;
	cursor: pointer;
}
.vedio .play-button{
	font-size: 4em;
	line-height: 1.5em;
	height: 1.5em;
	width: 3em;
	display: block;
	position: absolute;
	z-index: 3;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	border: .06666em solid #fff;
	background-color: #2B333F;
	background-color: rgba(43,51,63,.7);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	top: 50%;
	left: 50%;
	margin-top: -.75em;
	margin-left: -1.5em;
}
.vedio .play-button span{
	color: #FFFFFF;
	font-size: 35px;
	display: block;
	margin-top: -3px;
}
.vedio:hover .play-button, .vedio .play-button:hover{
	outline: 0;
	border-color: #fff;
	background-color: #73859f;
	background-color: rgba(115,133,159,.5);
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
.menu .vedio vedio { background-image:url(img/headbg.jpg); background-position:center;background-color: #205e7a; }
.menu ul { padding-left:30px; padding-right:30px; margin-bottom:0px;}
.menu ul li{ list-style:none; display:block; float:left;}
.menu ul li a{ padding-top:14px; display:block; color:#FFF; padding-left:10px; padding-right:10px;text-decoration: none;}
.menu .sm_hotkey img { width:20px; height:17px;}
.menu .sm_hotkey a:hover img {width:25px; height:24px;}
.menu a { color:#FFF; text-decoration: none;}
.menu #lm_menu ul{padding: 0;}
.menu #lm_menu a {width:100%; display:block; font-size:16px;}
.menu #lm_menu a:hover{border-bottom:3px #205e7a solid;}
.menu .home a {background:transparent url(img/ico_home.png) no-repeat 10px 20px; border-bottom:3px #205e7a solid; padding-left: 35px !important;}
.menu ul li a:hover {border-bottom:#205e7a solid;}
.menu .buy a{width:100%; display:block; background-color:#58bcfe;} 
.menu .steam a{width:100%; display:block; background-color:#3da0bf;} 
.submenulist {padding-left: 17px; background:transparent url(img/downarr.png) no-repeat 10px 23px; text-indent:1em;}
.submenulist a{border-bottom:3px #205e7a solid;}
.submenulist a:hover {border-bottom:0px;}
.submenulist .row{ position:absolute; padding-left:0px; text-align:left;background:#205e7a; display:none; width:300px;}
.submenulist ul li { float:none;}
.submenulist .row a {background:#205e7a; padding-left:20px; padding-right:20px; display:block; width:100%;}
.submenulist .row a:hover {background:#2a6e88;}
.submenulist:hover .row { display:block;}
.sm_open { position:relative;}
.sm_close {  position:relative;}
.sm_open a {padding-left: 5px; width:100%; display:block;}
.sm_close a {padding-left: 5px; display:block; width:100%; background-color:#82fea1;}

.submenu{
	display: none;
	position: absolute;
	z-index: 100000;
	padding-left: 0px;
	text-align: left;
	background: #205e7a;
}
@media (min-width: 992px) {
	.submenulist:hover .submenu{
		display: block;
	}
}
.submenulist .submenu a:hover{
	background: #2a6e88;
}
.submenu.open{
	display: block;
}

#header-socials{
	text-align: center;
	display: inline-block;
	float: right;
}
#header-socials li{
	height: auto;
	display: inline-block;
	float: none;
	width: 30px;
}
#header-socials li a{
	padding: 0;
	height: auto;
}
#header-socials li a:hover{
	height: auto;
	border: none;
}
@media (max-width: 1199px){
	#header-socials{
		float: none;
		display: block;
	}
}

.middlebox {padding:3%; background-color:#f5f5f5; margin-top:50px; margin-bottom:50px;}
.middlebox:before{display: none}
.middlebox .comment {height:400px; background-color:#207a71; background-image:url(img/comment.jpg); background-position:center; padding:10%; font-size:20px; color:#FFF;}
.middlebox .comment p a { color:#86d9ff;}
.middlebox .gamepic_small {height:300px; background-color:#787264; background-image:url(img/gamepic_small.jpg);background-position:center;}
.middlebox .news {height:500px; background:#fdfdfd; font-size:16px; background:transparent url(img/comment.jpg) repeat-x center;}
.middlebox .news a {width:100%; height:300px; text-align: center; display:block; background-image:url(img/news.png); background-position: bottom left; background-repeat:no-repeat;}
.middlebox .mov {height:200px; background-color:#574556; background-image:url(img/mov.jpg);background-position:center;}
.middlebox .camp {height:200px; background-color:#315a76; background-image: url(img/camp.jpg);background-position:center;}
.middlebox .gamepic_big {height:500px; background-color:#49553f; background-image:url(img/gamepic_big.jpg);background-position:center;}
.middlebox .mov a { width:100%; height:200px; text-align: center; display:block;  background-image:url(img/mov.png); background-position:center; background-repeat:no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background-color:#1c8ac9;}
.middlebox .mov a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent;}
.middlebox .gamepic_small a {width:100%; height:300px; text-align: center; display:block; background-position: bottom right; background-repeat:no-repeat; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;background-color:#1c8ac9;}
.middlebox .gamepic_small a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent; background-image:url(img/pic.png);}
.middlebox .gamepic_big a {width:100%; height:500px; text-align: center; display:block;  background-position: bottom right; background-repeat:no-repeat;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;background-color:#1c8ac9;}
.middlebox .gamepic_big a:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent;background-image:url(img/pic.png);}
.middlebox .test { padding:30px; text-indent:2em;}
.middlebox .test h1{ margin-bottom:30px;}
.middlebox .newsmore {height:100px; background:#dedede; font-size:18px;}
.middlebox .newsmore a{ width:100%; height:100px; text-align:right; display:block; line-height:100px; padding-right:40px;}
.middlebox .newsmore a:hover {background:transparent url(img/news.jpg) no-repeat center; color:#FFF;}
.middlebox .othernews a{ color:#FFF;}
#show_menu { display:none;} 
#hidden_menu { display:none;}
.news_facebook{background-color:#58bcfe;}
.news_facebook .test {background:transparent url(img/news_facebook.png) no-repeat bottom right;height:217px;}
.news_twitter{background-color:#3da0bf;}
.news_twitter .test {background:transparent url(img/news_twitter.png) no-repeat bottom right;height:217px; }
.news_bord{background-color:#2f89b2;}
.news_bord .test {background:transparent url(img/news_bord.jpg) no-repeat bottom right;height:217px;}
.middlebox .aboutgame {height:600px; background:#3F6; background:transparent url(img/aboutgame.jpg) no-repeat center;}
.aboutgametest .test {background:transparent url(img/more.png) no-repeat bottom right;}


.backers h1 { color:#39b0ff;}
.backerslist li{ display:block; width:33.3%; float:left; text-align:center; list-style:none;  border-left:#205e7a solid;  border-right:#205e7a solid; line-height:40px;}
.backerslist li:hover { background-color:#ddd;}



.foot {background-color:#3190bc; text-align:center; padding: 50px 15px; height:400px; clear:both;}
.foot ul { display:block; height:35px;}
.foot ul li { list-style:none; display:inline-block; margin-right:20px;}
.foot ul li:last-child{margin-right: 0;}
.foot img { margin-top:40px;}
.foot .copyright { color:#FFF; font-size:16px; padding-top:20px; clear:both;}
.foot ul{ height:85px; display:block;}
.foot .icolink img:hover { width:120%; height:120%;}

#feedHeader { background-color:#09F !important;}
.menugame .gamebutton { width:100%; background-color:transparent; border:0;}
.menugame .gamebutton:hover{border-bottom:#205e7a solid;}

.pic{ margin-top:0px; padding-top:110px;}
.pic img { width:18.8%; margin:5px; text-align:center;}
.vjs-big-play-button{ margin-left:45%; margin-top:25%;}
/**************************html5动画***********************************/
.middlebox .mov a:hover{-moz-animation:mova 0.5s; /* Firefox */-webkit-animation:mova 0.5s; /* Safari and Chrome */-o-animation:mova 0.5s; /* Opera */}
@keyframes mova{from { background-image:url(img/mov.png); background-position:center; background-repeat:no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background-color:#1c8ac9;}to {background:filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent;}}
@-webkit-keyframes mova{from { background-image:url(img/mov.png); background-position:center; background-repeat:no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background-color:#1c8ac9;}to {background:filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent;}}
@-o-keyframes mova{from { background-image:url(img/mov.png); background-position:center; background-repeat:no-repeat; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background-color:#1c8ac9;}to {background:filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent;}}

.middlebox .gamepic_small a:hover,.middlebox .gamepic_big a:hover {animation: gamepic_smalla 0.5s;-moz-animation:gamepic_smalla 0.5s; /* Firefox */-webkit-animation:gamepic_smalla 0.5s; /* Safari and Chrome */-o-animation:gamepic_smalla 0.5s; /* Opera */}
@keyframes gamepic_smalla{from { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;background-color:#1c8ac9;}to {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent; background-image:url(img/pic.png);}}
@-webkit-keyframes gamepic_smalla{from { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;background-color:#1c8ac9;}to {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent; background-image:url(img/pic.png);}}
@-o-keyframes gamepic_smalla{from { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;background-color:#1c8ac9;}to {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color: transparent; background-image:url(img/pic.png);}}

.menu #lm_menu a:hover,.menugame .gamebutton:hover  {animation: menua 0.5s;-moz-animation:menua 0.5s; /* Firefox */-webkit-animation:menua 0.5s; /* Safari and Chrome */-o-animation:menua 0.5s; /* Opera */}
@keyframes menua{from {border-bottom:#82fea1 solid; background-color:#09F;}to { border-bottom:#205e7a solid; background-color:transparent;}}
@-webkit-keyframes menua{from {border-bottom:#82fea1 solid; background-color:#09F;}to { border-bottom:#205e7a solid;background-color:transparent;}}
@-o-keyframes menua{from {border-bottom:#82fea1 solid; background-color:#09F;}to { border-bottom:#205e7a solid;background-color:transparent;}}
.menu .buy a:hover,.menu .steam a:hover {animation: buya 0.5s;-moz-animation:buya 0.5s; /* Firefox */-webkit-animation:buya 0.5s; /* Safari and Chrome */-o-animation:buya 0.5s; /* Opera */}
@keyframes buya{from {background-color:#82fea1;}to {background-color:#6fc5b1;}}
@-webkit-keyframes buya{from {background-color:#82fea1;}to {background-color:#6fc5b1;}}
@-o-keyframes buya{from {background-color:#82fea1;}to {background-color:#6fc5b1;}}

.sm_close a:hover {animation: closea 0.5s;-moz-animation:closea 0.5s; /* Firefox */-webkit-animation:closea 0.5s; /* Safari and Chrome */-o-animation:closea 0.5s; /* Opera */}
@keyframes closea{from {background-color:#fff;}to {background-color:#82fea1;}}
@-webkit-keyframes closea{from {background-color:#fff;}to {background-color:#82fea1;}}
@-o-keyframes closea{from {background-color:#fff;}to {background-color:#82fea1;}}
.sm_open a:hover {animation: opena 0.5s;-moz-animation:opena 0.5s; /* Firefox */-webkit-animation:opena 0.5s; /* Safari and Chrome */-o-animation:opena 0.5s; /* Opera */}
@keyframes opena{from {background-color:#fff;}to {background-color: transparent;}}
@-webkit-keyframes opena{from {background-color:#fff;}to {background-color: transparent;}}
@-o-keyframes opena{from {background-color:#fff;}to {background-color: transparent;}}


.middlebox .newsmore a:hover {animation: newsmorea 0.5s;-moz-animation:newsmorea 0.5s; /* Firefox */-webkit-animation:newsmorea 0.5s; /* Safari and Chrome */-o-animation:newsmorea 0.5s; /* Opera */}
@keyframes newsmorea{from { background:transparent url(img/news.jpg) no-repeat -1000px 0px;}to { background:transparent url(img/news.jpg) no-repeat center; color:#FFF;}}
@-webkit-keyframes newsmorea{from {background:none;}to {background:transparent url(img/news.jpg) no-repeat center; color:#FFF;}}
@-o-keyframes newsmorea{from {background:none;}to {background:transparent url(img/news.jpg) no-repeat center; color:#FFF;}}



/*******************************************************************/
@media screen and (max-width: 991px) {
	.submenulist .row { position:static;display:block; width:130%;}
	.menu .logo { margin-bottom:20px;}
	#lm_menu {display:none; padding: 0;}
	.menu #lm_menu a {border-right:1px solid #205e7a; border-top:1px solid #205e7a; border-bottom: 1px solid #205e7a;}
	#lm_menu .submenulist .row a {background:#205e7a; padding-left:20px; padding-right:20px; display:block; width:100%;}
	.menu .home a {background:transparent url(img/ico_home.png) no-repeat 40px 20px;border-bottom:0px;}
	.submenulist { background:transparent url(img/downarr.png) no-repeat 40px 23px; text-indent:3em;}
	.menu #lm_menu a:hover{     border-bottom: 1px solid #205e7a !important;}
	.submenulist a{border-bottom:0px;}
	#openid { display:block;}
	.menumedia a{
		border-right:none;
	}
}
@media screen and (min-width:992px) {
	#lm_menu ul li a{
		padding: 0 20px;
	}
	#openid { display:none;}
}
@media screen and (max-width:991px) {
	.menuhome { width:25%;}
	.menugame { width:25%;}
	.menunews { width:25%;}
	.menumedia {width:25%;}
	.cummunity {width:100%;}
	.menusupport {width:100%;}
	.logo { width:100%;}
	.menu .home a{
		background-position: 40px 33px;
	}
}

@media (max-width: 991px) {
	.menu{
		position: relative;
	}
	.menu.sticky-menu{
		position: fixed;
	}
	.menu .logo{
		text-indent: 0;
	}
	.logo .left{
		width: 15%;
		float: left;
	}
	.logo .right{
		text-align: center;
		width: 70%;
		float: left;
	}
	.logo .right img{
		margin-top: -10px;
	}
	.sm_close, .sm_open{
		margin-left: -25px;
	}
	.submenu{
		position: relative;
		width: 100%;
		z-index: 100;
		max-height: 200px;
		overflow-y: scroll;
	}
	.submenulist{
		padding-left: 0;
		text-indent: 0;
		position: relative;
	}
}
@media (max-width: 767px) {
	.menu .home a{
		background-image: none;
		padding-left: 10px !important;
	}
}
@media (max-width: 1199px) {
	.sm_hotkey {background-color:#58bcfe;}
}

@media (min-width: 1309px) and (max-width: 1471px) {
	.menu #lm_menu a{
		padding: 0 15px;
		font-size: 15px;
	}
	.menu #lm_menu li{
		font-size: 15px;
	}
}
@media (min-width: 1200px) and (max-width: 1308px) {
	.menu #lm_menu a{
		padding: 0 10px;
		font-size: 15px;
	}
	.menu #lm_menu li{
		font-size: 15px;
	}
	#header-socials li{
		width: 26px;
	}
}

/* TWITTER */
.tweet{
	margin-bottom: 20px;
	padding-bottom: 20px;
	direction: ltr;
}
.tweet:last-child{
	border-bottom: none;
}
.tweet .image img{
	float: left;
	max-width: 100%;
	height: auto;
	width: 48px;
	height: 48px;
	border-radius: 5px;
	overflow: hidden;
}
.tweet .text{
	text-indent: 0;
	color: #FFFFFF;
}
.tweet .text a{

}
.tweet .user{
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 0;
	float: left;
}
.tweet .screen-name{
	margin-left: -15px;
	color: #555 !important;
}
.tweet .middot{
	font-size: 11px;
	margin-left: 2px;
	font-weight: 900;
}
.tweet .date{
	color: #555;
	margin-left: 2px;
}
.tweet .actions{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: 0;
}
.tweet .actions li{
	text-indent: 0;
	display: inline-block;
	margin-left: 0;
	padding-left: 0;
	margin-right: 3px;
}
.tweet .actions li a{
	font-size: 11px;
}
.tweet .left{
	width: 10%;
	float: left;
}
.tweet .right{
	width: 80%;
	margin-left: 2%;
	float: left;
}

/* Blog */
.blog-container{}
.blog-container h2{
	padding-bottom: 10px;
	margin-top: 0;
	position: relative;
}
.blog-container .header{
	position: relative;
}
.blog-container .header .shadow{
	position: absolute;
	bottom: -16px;
	width: 100%;
	height: 10px;
	background: -moz-linear-gradient(top,  rgba(20,20,20,0) 3%, rgba(19,19,19,0) 7%, rgba(17,17,17,0) 21%, rgba(5,5,5,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(20,20,20,0) 3%,rgba(19,19,19,0) 7%,rgba(17,17,17,0) 21%,rgba(5,5,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(20,20,20,0) 3%,rgba(19,19,19,0) 7%,rgba(17,17,17,0) 21%,rgba(5,5,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00141414', endColorstr='#050505',GradientType=0 ); /* IE6-9 */

}
.blog-wrapper{
	padding: 15px;
	background: #FFFFFF;
	position: relative;
	min-height: 550px;
}
.blog-scroll{
	position: relative;
	overflow-y: auto;
	height: auto;
}
.blog-article{
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}
.blog-article:last-child{
	border-bottom: 0;
}
.blog-article h3{
	margin-bottom: 0;
}
.blog-article h3 a{
	color: #39b0ff;
	margin-bottom: 0;
}
.blog-article .date{
	font-family: "orbitronregular", Arial, Helvetica, sans-serif;
}
.blog-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.blog-scroll::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.blog-scroll::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	color-stop(.5, rgba(255, 255, 255, .2)),
	color-stop(.5, transparent), to(transparent));
}

/* Forum */
.forum-container{}

.thread{
	direction: ltr;
	margin: 0;
	padding: 15px 0;
}
.thread h3{
	margin: 0;
	color: #FFFFFF;
	text-indent: 0;
}
.thread h3 a{
	font-size: 14px;
	font-family: "orbitronregular", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.thread .date{
	color: #58BCFE;

}

.thread:first-child{
	padding-top: 0;
}

/* Generic Feed CSS */
.news_facebook .test, .news_twitter .test, .news_bord .test{
	height: auto;
}
.test .scroll{
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	direction: rtl;
	padding-left: 0px;
}
/*.test .scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #8CE6FF;
}

.test .scroll::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.test .scroll::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	color-stop(.5, rgba(255, 255, 255, .2)),
	color-stop(.5, transparent), to(transparent));
} This is not used, only used before the jQuery Scrollbar plugin was introduced*/

/* PE-THEME Scrollbar */
.mCS-pe-theme.mCSB_scrollTools{ opacity: 1;}
.mCS-pe-theme.mCSB_scrollTools .mCSB_draggerContainer{  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background-color: #8CE6FF; width: 10px; overflow: hidden; opacity: 1
}

.mCS-pe-theme.mCSB_scrollTools .mCSB_draggerRail{  display: none;}

.mCS-pe-theme.mCSB_scrollTools .mCSB_dragger { background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	color-stop(.5, rgba(255, 255, 255, .2)),
	color-stop(.5, transparent), to(transparent)); opacity: 1
}

.mCS-pe-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	color-stop(.5, rgba(255, 255, 255, .2)),
	color-stop(.5, transparent), to(transparent)); opacity: 1
}

.mCS-pe-theme.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: inherit;
}
.mCS-pe-theme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-pe-theme.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: inherit;
}