/* 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: #39b0ff;;

	}



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;

}