/*
style.css
RedLime-Studio.ru
*/
* { margin: 0px; padding: 0px; }
html, body {overflow-x: hidden;color: #eee;font: 12px/18px Tahoma, Arial, Helvetica, sans-serif;position: relative;
}
a {color:#fff;text-decoration: none;
}
a:hover {
}
p {margin: 0;
}
img {border: none;
}
button{border:0;color:#fff}
input {outline: none;vertical-align: middle;
}
input:focus {
	background:#fff;	
}
@font-face {
    font-family: fonthnb;
    src: url(../font/HNB.otf);
}
@font-face {
    font-family: fonthnl;
    src: url(../font/HNL.otf);
}
.c{clear:both;}
#wrapper{margin:auto;display:table;}
#bg-header{
background:url(../images/header.jpg) 50% 0 no-repeat;
background-size: cover;
width: 100%;
height:930px;
position:fixed;
overflow: hidden;
}
#header{ position: relative;z-index:2;clear:both;  margin: 0 0 -190px;}
#header #logo{text-align:center;margin-top: -15px;}
#header #logo img{max-width: 100%; height: auto;}
#header #logo a{}
#footer{
background:url(../images/footer.jpg) 50% bottom no-repeat;
background-size: cover;
position:relative;
width:100%;
height: 170px;
margin-top: -150px;
}
#content{
background-image:  url("../images/header-c.png"), url("../images/footer-c.png");
background-position: 50% top, 50% bottom;
background-repeat: no-repeat, no-repeat;
padding: 250px 0;
position: relative;
z-index:2;
}
#content-bg{background:url(../images/content-bg.jpg) 50% 0 repeat-y;}
/*Left content*/
#left{width: 35%;float:left}
#left #block{margin-bottom:30px}
#left #block table{color:#75614a;background-color: #fff;border-width:10px 0 8px 0; border-color:#fff;border-style:solid;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius:10px;border-radius: 10px;width:100%;}
#left #block caption{font-family:Myriad Pro; font-size:24px; color:#75614a;text-align:left;padding:0 0 14px 19px;}
#left #block tr {
    background: #fff;
	overflow: hidden;
    -webkit-transition: all 0.2s cubic-bezier(0.6, 0.04, 0.4, 0.98);
    -o-transition: all 0.2s cubic-bezier(0.6, 0.04, 0.4, 0.98);
    -moz-transition: all 0.2s cubic-bezier(0.6, 0.04, 0.4, 0.98);
    transition: all 0.2s cubic-bezier(0.6, 0.04, 0.4, 0.98);
}
#left #block tr:hover {
	background:#f8efe5;
	cursor:pointer;
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    -moz-transform: scale(1.06);
    transform: scale(1.06);
}
#left #block tr:hover > td {
	border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}
#left #block tr:last-child:hover > td {
	border-bottom:none !important;
}
#left #block .noanim tr:hover {
	background:#fff9f0;
	border-bottom:1px solid #e1e1e1 !important;
	cursor:default;
	-webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
}
#left #block tr > td{  padding: 9px 0 10px 0;border:none;}
#left #block img { width:40px !important; height: 40px !important; border-radius: 5px; }
#left #block .bg tr > td{float:left;}
#left #block .bg tr > td:nth-child(1){width:18%;  text-align: center;}
#left #block .bg tr > td:nth-child(2){border-bottom:1px solid #e1e1e1;width: 78%;float: left;}
#left #block .bg tr:last-child > td:nth-child(2){border:none}
#left #block .top tr > td{font-family:fonthnb;border-bottom:1px solid #e1e1e1;float:left;}
/*#left #block .top tr > td:nth-child(1){width:10%; text-align:center;  padding: 20px 0 21px 0;margin-left:15px;}*/
#left #block .top tr > td:nth-child(1){width:18%; text-align: center; border:none; }
#left #block .top tr > td:nth-child(2){text-transform:uppercase;font-size:14px;color:#444444;font-weight: 700;  padding: 20px 0 21px 0;  width: 43%;}
#left #block .top tr > td:nth-child(3){box-sizing: border-box; text-align: center;width: 35%;color:#b76300;font-size:13px;  padding: 20px 0 21px 30px;}
#left #block .top tr:last-child > td{border:none}
#left #block  .title{text-transform:uppercase;font-family:fonthnb;font-size:14px;color:#444444;font-weight: 700; padding-top: 4px;}
#left #block .info{color:#b18857;font-family:fonthnl;font-size:13px;}
#left #block .info a{text-decoration: underline;color:#b18857;}
/*Right content*/
#right{ width: 62%;float: right;}
#right #news {width:49%; background:#fff;border-radius:5px;float:left;margin-bottom: 10px;}
#right #news:nth-child(odd){margin-right:2%}
#right #news .title{color:#b76300; font-size:24px;font-family:Myriad Pro;padding: 19px 10px 0 19px}
#right #news .title .date{font-size:12px;}
#right #news .text{color:#000;  padding: 10px 20px;}
#right #news .info{padding:0 10px}
#right #news .img {width:100%;height:111px;overflow:hidden;position:relative;z-index:1;border-radius:5px;}
#right #news .img:after {content:'';width:100%;height:100%;position:absolute;left:0;top:0;}
#right #news .img img {position:absolute;vertical-align:top;width:110%;height:110%; min-height:93px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;left:-5%;}
#right #news:hover .img img {width:100%;height:100%;left:0;-webkit-filter:brightness(1.2);-moz-filter:brightness(1.2);-o-filter:brightness(1.2);filter:brightness(1.2);}
#right #news .info {padding: 20px;}
#right #news .info > a{padding: 8px 18px;background: #b76300;border-radius: 5px;}
#right #news .info > a:hover{background:#db9500;}
#right #news .info ul{float:right;}
#right #news .info ul li:nth-child(1){display:none;}
#right #news .info ul li{float:left;color:#555555;font-family:fonthnl;font-size:12px;list-style: none;margin:0 1px;}
#right #news .info ul li > div { margin-top: -5px; }
#right .morenews{width:100%;text-align:center;color:#75614a;background:#fff; border-radius:5px;  float: left;padding: 20px 0; margin-bottom: 30px;}
#right .morenews h2{border-bottom: 1px dashed #75614a;text-transform:uppercase;  display: -webkit-inline-box;}
#right .morenews a{text-decoration: none;color:#75614a;}
#right .morenews a:hover{text-decoration: none;color:#75614a;}
/*Menu*/
#content-bg  #wrapper .menu{
	display: table;
	width: 100%;
	margin: -140px auto 50px;
}
#content-bg  #wrapper .menu a.download{cursor: pointer;display: table; float: left; font-family:fonthnb;font-size:20px;font-weight: 700;color:#fff;background:#b76300;padding: 13px 35px;border-radius: 5px;position: relative;z-index: 5; border: 1px solid #A05700; -webkit-transition: all 0.2s ease-in-out;}
#content-bg  #wrapper .download-f{font-family:fonthnb;font-size:20px;font-weight: 700;color:#fff;background:#b76300;padding: 13px 35px;border-radius: 5px;position: relative;z-index: 5;}
#content-bg  #wrapper .menu a.download i{background:url(../images/ico/cloud.png) no-repeat; width:33px;height:25px;  display: inline-block;vertical-align: middle;  margin: -5px 6px 0 -25px; -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
#content-bg  #wrapper .menu a.reg i{background:url(../images/ico/user-acc.png) no-repeat; width:25px;height:25px;  display: inline-block;vertical-align: middle;  margin: -5px 6px 0 -25px; -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);}
#content-bg  #wrapper .menu a.reg{cursor: pointer;display: table; float: left; font-family:fonthnl;font-size:20px;color:#444444;background:#e8d890;  padding: 13px 30px 13px 45px; border-radius: 0 5px 5px 0;position: relative;z-index: 1;margin-left: -5px; border: 1px solid #CCBC76; -webkit-transition: all 0.2s ease-in-out;}
#content-bg  #wrapper .menu a.lk{cursor:pointer;}
#content-bg  #wrapper .menu ul{
	display: table;
	float: right;
}
#content-bg  #wrapper .menu ul li{font-size:20px;font-family:Myriad Pro;float:left;list-style: none; margin:0 10px; line-height: 49px;}
#content-bg  #wrapper .menu ul li a{text-decoration: underline;color:#444444;}
#content-bg  #wrapper .menu ul li a:hover{color:#b79a76;text-decoration: none;}
#content-bg  #wrapper .menu a.download:hover{background: #db9500;}
#content-bg  #wrapper .menu a.download:hover i,
#content-bg  #wrapper .menu a.reg:hover i {
	-webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
#content-bg  #wrapper .download-f:hover{background: #db9500;}
#content-bg  #wrapper .menu a.reg:hover{background:#f3eac4;}
/*Status server*/
#server-list{height: 115px; margin:0 auto;width: 416px;  position: relative; top: -250px; text-align: center;}
#server-list .progress{height: 115px;display: inline-block;font-family:Myriad Pro;font-size: 36px;font-weight: 700;line-height: 115px;color: #fff;text-align: center;position: relative;margin: 0 10px;}
#server-list .progress > span{position: absolute;width: 100%;height: 100%;left: 0;}
#server-list .progress > svg{height: 100%;display: block;}
#server-list .progress:after {
	content:attr(data-online);
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #fff;
	top: -20px;
	left: -70px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	opacity: 0;
	visibility: hidden;
}
#server-list .progress:hover:after {
	top: -80px;
	left: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
	visibility: visible;
}
/*Footer*/
#footer .copu{margin-top: 55px;}
#footer #wrapper{position:relative;z-index:10}
#footer .copu .info{width:340px;margin:auto; text-align: left;}
#footer .copu ul{display:table; margin: auto;padding-top: 10px;}
#footer .copu ul li{float:left;margin:0 3px;text-transform:uppercase;text-transform:uppercase;font-size:14px;list-style: none;}
#footer .copu ul li a{color:#fff;text-decoration: underline;}
#footer .copu ul li a:hover{text-decoration: none;color:#e8d890;}
.bottom {background:#b76300;color:#fff;font-family:Myriad Pro; font-size:24px;  border-radius: 5px;padding: 12px 76px 10px}
/*modal*/
.box-modal {
	position: relative;
	background: #fff;
	border-radius: 6px;
	width: 600px;
	padding: 25px;
	box-sizing: border-box;
}
.box-modal table{font-family:fonthnb;font-weight:700;color:#423d3d;width:100%;}
.box-modal table caption{font-size:36px;color:#b76300;padding: 5px 0 20px 0;font-family:Myriad Pro;  text-align: left;}
.box-modal table input{border:1px solid #b9b8b7;background:#ecebeb;width:372px;float:right;padding:10px 10px}
.box-modal table input.captcha{padding:10px 10px 10px 80px;width:302px;}
.box-modal .download-f {
	background: #b76300;
	color: #fff;
	font-family: fonthnb;
	font-size: 16px;
	line-height: 18px;
	border-radius: 5px;
	padding: 10px 40px;
	width: 90%;
	display: block;
	text-align: center;
	margin: 8px auto;
	box-sizing: border-box;
}
.box-modal table tr td img{position:absolute;  margin: 9px 100px;}
.box-modal table tr{padding:5px 0;}
.box-modal a {
	color:#C1B063;
}
.box-modal a:hover {
	color:#88751F;
}
a:hover.download-f {
    color: #FFE179;
}
.box-modal_close {width:13px;height:13px; position: absolute; right: 12px; top: 12px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer; background:url(../images/close.png)}
.g-hidden { display: none; }
.g-line { zoom: 1; }
.g-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*stats*/
#right #stat {background:#fff;border-radius:5px;width:100%;color:#000; font-family:fonthnl;width: 95%;padding: 10px 20px;}
#stat h1,
.box-modal h1 {color:#b76300;font-family: Myriad Pro;font-size:28px;font-weight: 100;line-height:40px; margin-bottom: 5px;}
#stat h2,
.box-modal h2 {color:#b76300;font-family: Myriad Pro;font-size:18px;font-weight: 400;line-height:30px;}
#right #stat .form{width: 100%; margin-bottom:30px;} 
#right #stat .form input{border:1px solid #b9b8b7;background:#ecebeb;width:372px;margin-left:20px;padding:10px 10px;}
#right #stat .form select{border:1px solid #b9b8b7;background:#ecebeb;width:394px;margin-left:20px;padding:10px 10px;}
#right #stat .form textarea{width:95%;min-height:210px;margin-left:20px;border:1px solid #b9b8b7;background:#ecebeb;padding:10px 10px;resize: none;}
#right #stat .form tr td:nth-child(1){color:#000;font-family:fonthnb;font-size:16px;}
#right #stat .form tr:last-child td {padding: 25px 20px 15px}
#right #stat .table{width:100%;  border-spacing: 0 2px;font-family:Myriad Pro;color:#444444;}
#right #stat .table tr td{background:#f8f3dd;padding: 15px 10px;}
#right #stat .table tr:nth-child(1) td{background:#e9d0b2;font-weight:700;font-size:18px}
#right #stat .table tr td:nth-child(1) {border-radius:5px 0 0 5px;}
#right #stat .table tr td:last-child{border-radius:0px 5px 5px 0px}
h1,h2,h3,h4,h5 {
    line-height: 1.3em;
}
#stat {
    color: #444;
}
@media (max-width: 840px){
	#left {
		width: 100%;
		float: none;
	}
	#right {
		width: 100%;
		float: none;
	}
	#right #news {
		width: 100%;
		float: none;
	}
	#right #news:nth-child(odd){
		margin-right: 0;
	}
	#right #news:hover .img img,
	#right #news .img img	{
		height: auto;
	}
	#right .morenews {
		float: none;
	}
	#server-list {
		display: none;
		width: 80%;
		text-align: center;
	}
	#content-bg #wrapper .menu {
		margin: 0 auto 50px;
	}
	#content-bg #wrapper .menu ul {
		margin: 10px auto;
		float: none;
	}
	#content-bg #wrapper .menu a.download,
	#content-bg #wrapper .menu a.reg {
		width: 70%;
		margin: 10px auto;
		float: none;
		text-align: center;
		padding: 13px 35px;
		border-radius: 5px;
	}
	#footer{
		background-size: auto 170px;
	}
	#footer .copu .info {
		width: 90%;
	}
	#bg-header {
		background-size: auto 443px;
	}
	
	#content {
		background-position: 50% 2.5%, 50% 98%;
		background-size: 960px auto, 960px auto;
	}
	#content-bg {
		background-size: 960px auto;
	}
	.box-modal {
		width: 100%;
	}
}
@media (max-width: 980px){
	#wrapper{
		width: 94%;
		margin: auto 3%;
	}
}
@media (min-width: 980px){
  #wrapper{width: 960px;}
  #right #news .img{height:142px!important;}
  #header #server-list{top: 55%;}
  #content-bg  #wrapper .menu ul li{margin:0 8px !important;font-size:18px !important;}

}
@media (min-width: 1260px) {
  #wrapper {width: 1240px;}
  #right #news .img{height:196px !important;}
  #right #news .info ul li:nth-child(1){display:block !important;}
  #content-bg  #wrapper .menu ul li{margin:0 20px !important; font-size:20px !important}
  #header #server-list{top: 70%;}
  #content-bg #wrapper .menu a.download{padding: 13px 35px!important;}
  #content-bg #wrapper .download-f{padding: 5px 35px!important;}
  #content-bg #wrapper .menu a.reg{padding: 13px 30px 13px 45px !important;}
}

.text20{font-size: 20px}
.text18c{font-size: 14px; color:#AD7600;}
.text18{font-size: 18px}
.text16{font-size: 16px}
.text14{font-size: 14px}
.text12{font-size: 12px}

.pointer{cursor:pointer}

#progressbar .ui-progressbar-value {
	background-color: #E7D78F;
}
.ui-widget-content {
	border: none !important;
	box-shadow: 0 0 0 2px rgba(174, 162, 107, 0.3);
}
.ui-progressbar .ui-progressbar-overlay {
	opacity: 0.2;
}


progress {
    display: block !important;
	position: relative;
    margin: 0 auto !important;
	background-color: #f3f3f3;
	border: 0;
	width: 316px;
	height: 18px !important;
	border-radius: 4px;
	box-shadow: 0 0 0 2px rgba(174, 162, 107, 0.3);
}
progress::-webkit-progress-bar {
	background-color: #f3f3f3;
	border-radius: 4px;
}
progress::-webkit-progress-value {
	background: #E7D78F;
	border-radius: 4px;
}
progress::-moz-progress-bar {
	background: #E7D78F;
	border-radius: 4px;
}
.progress-value {
	right: 0;
	top: 0;
	line-height: 18px;
	position: absolute;
	font-size: 16px;
	color: #f3f3f3;
	width: 50px;
	height: 18px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
	
#l2top {
position: absolute;
left: 0;
top: 0;
z-index: 11;
margin: 7px;
}
#l2top img {
padding: 4px;
-webkit-box-shadow: 0 0 0 1px rgba(183, 99, 1, 0.3), 0 0 3px 5px rgba(231, 215, 143, 0.3);
box-shadow: 0 0 0 1px rgba(183, 99, 1, 0.3), 0 0 3px 5px rgba(231, 215, 143, 0.3);
}
#l2top a {
display: block;
}