@import url(https://apps.realtime.io/404u/kufinakch.css);
@font-face {
	font-family: "HelveticaNeueLTW20";
	font-weight: 100;
	src: url("fonts/1.eot?iefix") format("eot");
}
@font-face {
	font-family: "HelveticaNeueLTW20";
	font-weight: 100;
	src: url("fonts/2.woff") format("woff"), url("fonts/2.ttf") format("truetype"), url("fonts/2.svg#e953f49c-15a9-4394-97dd-a3f230e12e0b") format("svg");
}
@font-face {
	font-family: "HelveticaNeueLTW20";
	font-weight: normal;
	src: url("helveticaheueltw20normal") format("eot");
}
@font-face {
	font-family: "HelveticaNeueLTW20";
	font-weight: normal;
	src: url("fonts/3.woff") format("woff"), url("fonts/3.ttf") format("truetype"), url("fonts/3.svg#88820c1d-bb1c-4797-ae48-3d3a36fb5c10") format("svg");
}
@font-face {
	font-family: "HelveticaNeueLTW20";
	font-weight: bold;
	src: url("fonts/4.eot?iefix") format("eot");
}
@font-face {
	font-family: "HelveticaNeueLTW20";
	font-weight: bold;
	src: url("fonts/5.woff") format("woff"), url("fonts/5.ttf") format("truetype"), url("fonts/5.svg#27d196fc-66d6-4630-a928-d8127601c243") format("svg");
}
html{width:99.9%\0/}
body{margin:0px;padding:0px;background-color:#f6f6f6}
a{text-decoration:none}
a img,img{border:0px}
a {
 -webkit-transition: color 0.5s;
 -moz-transition: color 0.5s;
 -o-transition: color 0.5s;
 transition: color 0.5s;
}
ul{margin:0px;padding:0px;list-style-type:none}
.clr {clear: both;height: 0px;}
img{
	-moz-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
img:hover{opacity:0.6}
#hdr{
    background: #0A2640;
    border-top: 9px solid #1abc9c;
}
            #hdr {
                -webkit-animation: wentrance 2s;
                animation: wentrance 2s;
            }

            @-webkit-keyframes wentrance {
                0% {margin-top:-130px; opacity: 0;}
                100% {margin-top: 0; opacity: 1;}
            }

            @keyframes wentrance {
                0% {margin-top:-130px; opacity: 0;}
                100% {margin-top: 0; opacity: 1;}
            }
.hdr{
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: right top;
	height: 134px;
	width: 1155px;
	margin: 0px auto 0px auto;
}
.nav0{;background: #1abc9c;height: 53px;margin:0px auto;padding: 0 136px;}

.nav0 ul li{

	float: right;
	*width: 150px;
}
.nav0 ul li a{line-height: 11px;
    font: bold 14px/50px "HelveticaNeueLTW20", Tahoma, Geneva;	padding: 0 18px;
	color:#fff;
}
.nav0 ul li:first-child a{width: 94px;}
.nav0 ul li a i{padding-left:5px;line-height:47px;margin-top:1px;float:right}
.nav0 ul li a.current{color:#fff;}
.nav0 ul li a:hover,.nav0 ul li a.current:hover{color: #2c3e50;background-image:none}
.nav0 ul li a#nav-link_rules{color:#fff;}
.nav0 ul li a#nav-link_rules:hover{color: #2c3e50;}
.nav0 ul li a#nav-link_guide{color:#fff;}
.nav0 ul li a#nav-link_guide:hover{color: #2c3e50;}
.nav0 ul li a#nav-link_stats{color:#fff;}
.nav0 ul li a#nav-link_stats:hover{color: #2c3e50;}
.hd-banner{float:left;margin:40px 0px 0px 120px}
#top-bar{height:50px;background-color:#000;width:100%;z-index:999}
.f-nav{position:fixed;}
#top-bar div{margin:0px auto;width:960px}
span.up-txt{
    display: block;
    width: 118px;
    height: 29px;
    color: white;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: normal;
    float: right;
    margin: 0px 97px 0px 0px;
    text-align: center;
    /* text-shadow: 0px 1px 0px #c0392b; */
    background: #1abc9c;
    line-height: 24px;
    background-repeat: no-repeat;
    font-weight: bold;
}
#foot{border-top: 9px solid #1abc9c;background-color: #2c3e50;}
.foot{margin:0px auto;width:960px;padding-top:22px}
.foot .e33{float:right;width:222px}
.foot .e33 p{font-family:"Droid Arabic Kufi";font-size:15px;font-weight:bold;color:#111;padding:0px;margin:0px 0px 6px}
.foot .e33 p i{padding-left:5px}
.foot .e33 ul{margin:0px 14px 0px 0px}
.foot .e33 ul li{line-height: 26px;font-family: "droid Arabic Kufi";font-size: 13px;}
.foot .e33 ul li i{padding-left:3px}
.foot .e33 ul li a:hover{color:#111}
.up-file-box{background-color: #1abc9c;margin:0px 0px 11px;padding:4px;/* border-radius:5px; */}
.thumb-file-{
	padding: 1px;
	border: 1px solid #E1E1E1;
	float: left;
	background-color: #FFFFFF;
	width:48px;height:48px;display:block
}
.thumb-file- img{
	width:48px;height:48px
	
}
.up-file-box input[type=file]{
	opacity: 0;
	width: 82px;
	height: 46px;
	cursor:pointer;
	filter: alpha(Opacity=0);     
	}
	
.butt-up {
	background-image: url('../img/butt_up.png');
	width: 86px;
	height: 46px;
	display: block;
	float:right;
	cursor:pointer;
	overflow:hidden
	
}
.butt-up:hover{opacity:0.7}


#top-menu{float:right;width:720px;}
#top-menu li{
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #333333;
	float: right;
	position: relative;
}
#top-menu li a i,.slicknav_nav i{padding-left:4px}
#top-menu li a{display:block;float:right;padding:0px 6px;line-height:50px;font-family:"Droid Arabic Kufi";font-size:13px;font-weight:normal;color:white}
#top-menu ul{display:none;position:absolute;top:45px;padding:5px;right:-5px;width:170px;}
#top-menu ul li{background-color:#000;float:none;padding:0px 0px 5px}
#top-menu ul li a{line-height:25px;float:none}
#top-menu{}
#rightcont{width:100%;float:right;margin:0px 0px 0px -155px}
#rightcont-in{margin-left:165px}
#advleft{float:left;width:150px;
}
#advleft { -webkit-animation: wentrance 2s;
 animation: wentrance 2s;
}
 
@-webkit-keyframes wentrance {
 0% {margin-left:-200px; opacity: 0;}
 100% {margin-left: 0; opacity: 1;}
}
 
@keyframes wentrance {
 0% {margin-left:-130px; opacity: 0;}
 100% {margin-left: 0; opacity: 1;}
}
.slicknav_menu {display:none;}
.soc-icon{
	background-color: #fff;
	position: fixed; z-index:99999;
	left: 0px;
	top: 50%;
	margin: -120px 0px 0px;
	-webkit-box-shadow: 3px 1px 6px 1px #b6b6b6;
	box-shadow: 3px 1px 6px 1px #b6b6b6;}
.soc-icon li a i{
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.soc-icon li a{
	color: #8c8c8c;
	font-size: 40px;
	padding: 3px;
	width: 40px;
	height: 40px;
	display: block;
	text-align:center;
}
.soc-icon li a:hover i.fa-facebook-square{color:#3B5998}
.soc-icon li a:hover i.fa-twitter-square{color:#47BFF5}
.soc-icon li a:hover i.fa-youtube-square{color:#CC181E}
.soc-icon li a:hover i.fa-google-plus-square{color:#53A93F}
.soc-icon li a:hover i.fa-instagram{color:#AA8167}
.menu3{margin:0px;padding:0px;list-style-type:none;}
.menu3 li{float: right;margin-left:5px}
.menu3 li a{
	padding: 3px;
	height: 30px;
	line-height: 28px;
	display: block;
	font-family: "HelveticaNeueLTW20";
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
	margin-left: 5px;
    color:#1abc9c
}
.menu3 li a:hover{color:#2c3e50;}
.menu3 li i{font-size:20px;margin-left:5px;margin-top:6px;float:right}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -215px;
	width: 400px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 15px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	} 
input[type=text],input[type=password],textarea,select{
	border-radius: 0px;
	border: 1px solid #1abc9c;
	padding: 6px;
	-webkit-box-shadow: inset 0 1px 0 #1abc9c;
	-moz-box-shadow: inset 0 1px 0 #1abc9c;
	box-shadow: inset 0 1px 0 #1abc9c;
	background: #1abc9c; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1abc9c), color-stop(100%,#1abc9c)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #1abc9c 0%,#1abc9c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #1abc9c 0%,#1abc9c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
input[type=submit]{	
	height: 39px;
	background:#1abc9c;
	color:#fff;
	cursor: pointer;
	padding:4px 20px;
	border: 1px solid #1abc9c;
	font-family: "HelveticaNeueLTW20";
	font-size: 14px;
	font-weight: bold;
	-webkit-box-shadow: inset 0 1px 0 #1abc9c;
	-moz-box-shadow: inset 0 1px 0 #1abc9c;
	box-shadow: inset 0 1px 0 #1abc9c;
	 -webkit-transition: color 0.5s;
 -moz-transition: color 0.5s;
 -o-transition: color 0.5s;
 transition: color 0.5s;
}
input[type=submit]:hover{
	color:#2c3e50;
}
.reveal-modal input[type=submit]{
	width:160px;display:block;margin:0px auto
}
.reveal-modal p.explain,.reveal-modal label{
	font-size:10pt
}
label.e4e{
	display: inline-block;
	width: 100px;
	font-family: "HelveticaNeueLTW20";
	font-size: 13px;
	font-weight: normal;
}
.title_login2{
	font-family: "HelveticaNeueLTW20";
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 12px;
}
.reveal-modal .username,.reveal-modal .password{width:190px}
.forget_pass2{
margin:-20px 0px 6px 0px;text-align:left; font-size:10pt
	
}
.fileinfo{
	margin:0px 8px 0px 0px;padding:0px;
	list-style-type:none;overflow:hidden
;
	text-align: center;
}
.fileinfo strong { color:#fff;}
.fileinfo span,.fileinfo strong{
	display:block;white-space:nowrap;
	font-size:8pt;line-height:14px
;
	/* color: #2c3e50; */
}

.fList {
width: 380px;
float: right;
margin: -18px auto 0 1px;
}
.ftitle {
height: 50px;
}
.ftitle h3 {
font: bold 14px HelveticaNeueLTW20, Tahoma, Geneva, sans-serif;
color: #1abc9c;
}
.fList ul {
direction: rtl;
margin: 0 0 0 0;
}
.fList ul li {
float: right;
width: 105px;
margin: 0 0 18px 5px;
}

.fList ul li a {
display: block;
height: 15px;
font: normal 11px/12px Tahoma, Geneva, sans-serif;
color: #fff;
text-indent: 15px;
background: url(http://hmp.me/c0m) right center no-repeat;
}

.fList ul li a:hover{
	color:#1abc9c;
}

#foot-bar{
	background-color: #16a085;
	line-height: 40px;
	color: #DFDFDF;
}
#foot-bar div{
	margin:0px auto	;width:900px
}
#foot-bar div a{
	color:white;
	font-weight:bold;
}
#foot-bar div a:hover {
	color:#223241;
}

.admin_cp_link span:hover {
color: #1abc9c;
}

a.mtwer{
	color: #E1E1E1;
	float: left;
	display: inline-block;
	margin-left: 12px;
}
{}
.bu-panel a{
	display: inline-block;
	width: 120px;
	height: 40px;
	text-align: center;
	margin-right: 100px;
	background-color: #2c3e50;
}

body #profile .boxdata2{
	width:auto;height: 70px;margin-left:24px;float:none
}
h1.title{
	white-space:nowrap
}
@media screen and (max-width: 1180px) {
a.mtwer{
	margin-left:122px	
}
}
@media screen and (max-width: 960px) {
#main,#top-bar div,.nav0,.hdr,.foot,#footer .footer_inner{width: auto}
.hd-banner{margin-left:11px}
.foot .e33{width:32%}
#foot-bar div{width:100%}

}
@media screen and (max-width: 768px) {
.js #top-menu {display:none;}
.js .slicknav_menu {display:block;}
#profile .boxdata,body #profile .boxdata2{
	float:none;width:98%
}
}

@media screen and (max-width: 666px){
.hd-banner{display:none}
.hdr{background-position:center top}
#rightcont{margin:0px 0px 0px -95px}
#rightcont-in{margin-left:100px}
#advleft{width:90px}
#main{margin:0px 5px}
#u_index{position:absolute;top:0px;right:0px;border:0px !important}
#u_index a{color:white}
body #profile .boxdata2{
	height: 100px;
}

}
@media screen and (max-width: 500px){
.nav0 ul li#u_rules a{width:110px}
.nav0 ul li#u_stats a{width:125px}
.reveal-modal{margin-left: -185px;width: 350px;}
}
@media screen and (max-width: 450px){
.nav0 ul li a{width:70px !important;padding-right:0px;text-align:center}
.nav0 ul li a span{display:none}
#u_index{position: relative;top:0px;right:0px;border:0px !important}
#u_index a{color:#474747}
#u_index a.current{color:white}
.nav0 ul li a i{margin:1px auto 0px;padding:0px; float:none}
.soc-icon{ padding-top:8px; position:absolute;
top:0px;margin:0px;right:0px;left:auto;background-color:transparent;
-webkit-box-shadow: 0px 0px 0px 0px #666666;
box-shadow: 0px 0px 0px 0px #666666;
}
.soc-icon li{float:right}
.soc-icon li a{font-size:30px;color:#ebebeb}
.foot .e33{width:90%;float:none;margin:0px auto}
.reveal-modal{margin-left: -140px;width: 250px;}
.reveal-modal .username,.reveal-modal .password{width:120px}
a.joker4{
	display:block;text-align:right;float:none;padding-right:12px;clear:both
}
}
@media screen and (max-width: 372px){
.soc-icon{ padding-top:8px; position:absolute;top:46px;margin:0px;right:0px;left:auto;background-color:transparent;}
.soc-icon li{float: none}
.soc-icon li a{font-size:24px;color:#fff;width:30px;height:26px;padding:0px}

}
@media screen and (max-width: 320px){
#rightcont,#rightcont-in{margin:0px}
#advleft{display:none}
.reveal-modal{margin-left: -130px;width: 230px;}
.reveal-modal .username,.reveal-modal .password{width:100px}
}

::selection {
	background: #e74c3c;
	color: #FFF;
}
::-moz-selection {
 	background: #e74c3c;
	color: #FFF;
}