@import url('https://fonts.googleapis.com/css?family=Play:400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700');
@import url('https://fonts.googleapis.com/css?family=Russo+One&subset=cyrillic');

* {  }
a { color:#fff;text-decoration:none;transition:0.2s all; }
a img { border:0; }
a:hover { text-decoration:underline; }
strong, .strong { font-weight:700;font-family:Play; }
b { font-weight:700; font-family:Play; }
body { font-family:Play, Tahoma, Arial;
	background:url(/i/bg.jpg) no-repeat #323e47; background-position: center bottom; background-attachment: fixed; background-size:cover; height: 100%;
    box-sizing:border-box; 
	font-size:14px;
	transition:background 0.2s;
}
body, html, h1, h2 { margin:0;padding:0; }
.fh { min-height:100vh !important; }
/* ================================================= */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.h20 { height:20px; }
.h40 { height:40px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.p40 { padding:40px; }
.green { color:#3dda4f; }
.green2 { color:#26a935; }
.white { color:#ffffff; }
.grey { color:#ccc; }
.grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);
	-webkit-pointer-events: none; pointer-events: none;
	opacity:0.5;
}
/* ================================================= */
.links { position:absolute;right:40px;z-index:17; text-align:right; color:#ccc !important; }
/* ================================================= */
.hr { display:none;position:relative;margin:10px 0;height:1px;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%); }
.hr:after { content:' ';height:1px;position:absolute;left:0;right:0;top:-1px;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); }
.alpha { cursor:pointer;position:fixed;z-index:10;height:30px;line-height:30px;background:rgba(255,0,0,0.5);color:#fff;font-size:14px;text-align:center;left:0;right:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; 
background-image: repeating-linear-gradient(-50deg, transparent, transparent 10px, rgba(0, 0, 0, .05) 10px, rgba(0, 0, 0, .05) 20px);
}
.news { width:40%; border:1px solid #0E151A;font-size:14px;border-radius:0px;position:absolute;right:30px;top:140px;bottom:90px;background:rgba(19,30,36,0.8); }
.news:hover {  }
.news:after { content:' ';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom, transparent, rgba(19,30,36,0.9));-webkit-pointer-events: none; pointer-events: none; }
.news-title { font-family:'Russo One';position:absolute;top:-35px;font-size:18px;left:-20px;right:-20px;height:30px;line-height:30px;padding:0 20px;color:#fff;text-transform:uppercase;text-shadow:1px 1px rgba(0,0,0,0.4); }
.news-title a { font-size:14px; float:right; color:#A5E6E1;  }
.news-cont { position:absolute;bottom:0;top:0;left:0;right:0;padding:0px;font-size:14px;line-height:18px; }
.one-new { padding:20px;border-bottom:1px solid #0E151A;box-shadow:inset 0 0 1px rgba(167,199,196,0.5); }
.one-new:nth-child(even) { background:rgba(255,255,255,0.1); }
.one-new-title { margin-bottom:7px;color:#ccc;font-size:14px; }
.one-new-title a { color:#A5E6E1; }
.pf-line { display:inline-block; background:#A5E6E1;height:13px;width:5px; margin-right:4px;transform2:skew(-15deg); }
strong, .strong { font-family:'Play';font-weight:700;font-size:24px;letter-spacing:0.5px;font-weight:400;text-overflow:ellipsis; }
.wrapper { min-height:100%; max-width:1600px; padding:0 40px; margin:0 auto;position:relative; }
.head { font-size:22px;height:60px;line-height:60px;color:#fff;background:rgba(0,0,0,0.5); position:fixed;z-index:10; top: 0; left:0; right:0; padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.5);  }
.logo { cursor:pointer;float:left;font-size:26px;font-weight:400;font-family:Russo One !important;padding:0px;transition:0.3s all; letter-spacing:0.5px; }
.menu { color:#f0f0f0;font-weight:700;font-family:Play !important; }
.menu a { float:left;color:#f0f0f0;font-size:18px;font-weight:700;font-family:Play !important;border-right:0px solid #555;padding:0 15px 0 15px;text-decoration:none;transition:0.3s all;  }
.menu a:hover { color:#fff; }
.dot { margin:0 5px; font-size:4px; color:#ccc;opacity:0.5; display:inline-block; }
.dot i { position:relative;top:-1px; }
.footer { height:40px;line-height:40px;background:rgba(0,0,0,0.5); font-size:12px; position:fixed;z-index:2; bottom:0; left:0; right:0; overflow:hidden; padding: 0 20px; color:#ccc; border-top:1px solid rgba(0,0,0,0.5); }
.footer .wrapper {  }
.footer a { color:#ebebeb; text-decoration:underline;transition:0.2s all; }
.footer a:hover { color:#fff; text-decoration:none; }
.loader { width:300px;height:30px;position:fixed;z-index:99999;left:50%;top:50%;margin-left:-150px;margin-top:-15px;text-align:center; }
.loader-text { display: block;margin:0 auto;text-align:center;color:#fff;font-size:20px;font-family:'Play';	font-weight:700; }
.content { min-height:500px; font-size:18px; color:#fff !important; font-family:Play; text-align:center; line-height:30px;text-shadow:0px 0px #000; text-align:left; vertical-align: middle; width:100%; position:relative;   }
.content .wrapper { vertical-align: middle; }
.main-text { position:absolute;top:50%;height:250px;margin-top:-125px;transition:0.1s all; }
.slogan { text-align:left;line-height:40px;font-weight:400;font-family:Russo One;font-size:20px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,0.5); }
.sl1 { font-size:50px; }
.sl2 { font-size:30px;margin:20px 0 25px 0;color:#f4f4f4; }
.sl3 { font-size:55px; }
.zero { opacity:0.5;background:url(/i/zero-plus.png);background-size:cover;height:50px;width:50px;position:absolute;top:110px;left:20px;z-index:11; }
.version { position:absolute;left:50%;width:300px;margin-left:-150px;text-align:center; }
.online { color:#fff;position:absolute;z-index:4;color:#fff;left:40px; }
.online .fa-users { font-size:11px !important;margin-left:5px; }
#online { -webkit-animation: mig 2s infinite ease-in-out;animation: mig 2s infinite ease-in-out; }
@keyframes mig {
from { opacity:0 }
50% { opacity:1 }
to { opacity:0 }
}
/* ================================================= */
.btn-wrapper { margin-top:50px; }
a.play-btn { color:#3dda4f;border:2px solid #3dda4f;height:36px; border-radius:4px; line-height:36px; margin-top:10px; float:right;transition:0.3s all;margin-left:10px; background:rgba(18,150,33,0.1); }
a.play-btn:hover { background:rgba(18,150,33,0.3);box-shadow:none; }
.btn-big-play { width:240px;font-family:'Play'; font-weight:700; position:relative;float:left; transition:0.2s all;cursor:pointer;background:rgba(18,150,33,0.1);border-radius:10px; height:54px; margin-right:5px;text-align:center;font-size:26px;line-height:54px; border:2px solid #3dda4f; color:#3dda4f; }
.btn-big-play:hover { background:rgba(18,150,33,0.3);color:#fff; }
.btn-big-play:active { top:1px; }
.btn-soc { width:210px;float:left;margin-left:20px; }
.link-soc { text-align:center; font-size: 30px; margin:0 5px;float:left;display:block;position:relative;max-width:150px;border-radius:10px;height:54px;width:54px;line-height:54px; border:2px solid rgba(255,255,255,0.5); color:#fff; font-weight:700;transition:0.5s all; }
.link-soc:hover { text-decoration:none; }
.link-soc:active { top:1px; }
.link-vk { background:rgba(59,93,130,0.1); color:#578cc4; border-color:#578cc4; }
.link-vk:hover { background:rgba(59,93,130,0.5); }
.link-ok { background:rgba(204,109,27,0.1); color:#f28931; border-color:#f28931; }
.link-ok:hover { background:rgba(204,109,27,0.5); }
.link-mm { background:rgba(18,103,164,0.1); color:#43a9f3; border-color:#43a9f3; }
.link-mm:hover { background:rgba(18,103,164,0.5); }
.link-fb { background:rgba(59,93,130,0.1); color:#578cc4; border-color:#578cc4; }
.link-fb:hover { background:rgba(59,93,130,0.5); }
/* ================================================= */
.login-btns { padding:50px 0; text-align:center; background:url(/i/login-bg.jpg) no-repeat; background-position:center bottom; background-size: cover;box-shadow:inset 0 0 10px rgba(0,0,0,0.4);vertical-align:middle; align-items: center; width:100%; }
.wait { background:url(/i/popup/wait10.png);width:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999; }
.popup { position:absolute;z-index:99998; width:auto; height:auto;background-color:rgba(0,0,0,0.95);  background:#273041; border:1px solid #000; }
#popup-title { float:left;width:100%;text-align:center; }
.popup-body { top:72px;position:absolute; bottom:0; left:0; right:0; width:auto; margin:0 5px 5px 5px; color:#ccc; font-size:14px; line-height:20px; margin:0; background:#1d222c; border:1px solid #38404d; border-top:0; overflow-y: auto;  }
.popup-btn { opacity:0.5;color:#57647a;position:absolute;right:5px;top:5px;height:20px;width:20px;line-height:20px;cursor:pointer;text-align:center;text-shadow:none;transition:0.3s all;  }
.popup-btn:hover { opacity:1;color:#8da9d8;border-color:#8da9d8 !important; }
.popup-btn.popup-close { background:url(/i/popup/popup-close.png) no-repeat;background-position:center center; }
.popup-btn.popup-minimize { background:url(/i/popup/popup-minimize.png) no-repeat;background-position:center center;right:30px; }
.popup-btn.popup-normalize { display:none;background:url(/i/popup/popup-normalize.png) no-repeat;background-position:center center;right:30px; }
.popup-title-head { height:7px;position:absolute;left:0;right:0;background:#424b5d;right:100px;left:100px;border-bottom:1px solid #4e5666; }
.popup-angle-left, .popup-angle-right { position:absolute;width:7px;height:8px; }
.popup-angle-left { left:-7px;top:0;background:url(/i/popup/popup-angle-left.png); }
.popup-angle-right { right:-7px;top:0;background:url(/i/popup/popup-angle-right.png); }
.popup-title { position:relative;background: linear-gradient(to top, rgba(0,0,0,0.1), transparent);margin:0;height:70px;line-height:78px;border:1px solid #38404d;overflow:hidden;font-size:16px;text-align:center;color:#fff;font-family:'Play';font-weight:700; }
.popup-play-btn { position:relative;font-size:30px; transition:0.2s all; display:inline-block; width:80px;height:80px; border-radius:50%; border-width:3px; border-style:solid; text-align:center; line-height:80px; margin:5px 5px; vertical-align: middle; }
.popup-play-btn:active { top:1px; }
.popup-play-btn i { line-height:80px;color:#fff !important; }
.popup-footer { left:0;right:0;position:absolute;bottom:0;border-top:1px solid #4e5666;padding:20px;background:#273041 linear-gradient(to top, transparent, rgba(0,0,0,0.2)); text-align:center;color:#ccc;font-size:12px; line-height:18px; }
.popup-footer a { font-weight:700; }

/* ================================================= */	
@media (max-width:1380px) {
	.ne1ws { width:600px; }
}
@media (max-width:1280px) {
	.n1ews { width:500px; }
}
@media (max-width:1200px) {
	div.sl1 { font-size:2em; }
	div.sl2 { font-size:1em;margin:10px 0; }
	div.sl3 { font-size:2.1em; }	
}
@media (max-width:1080px) {
	.footer .left, .footer .right { float:none; }
	.footer { height:auto;line-height:18px;text-align:center;padding:10px; }
	.alpha { font-size:12px; }
}
@media (max-width:900px) {
	.news { display:none; }
}
@media (max-width:800px) {
	.news { display:none; }
	div.version { display:none; }
	div.main-text { float:none;width:auto;left:0;right:0;margin-left:10px;margin-right:10px; }	
	div.slogan { text-align:center;line-height:35px;font-size:22px !important;width:100%; }		
	div.btn-big-play, div.btn-soc { float:none;margin:0 auto; }	
	div.btn-big-play { max-width:230px;width:auto; }	
	div.btn-soc { margin-top:20px; }
	div.btn-wrapper { margin-top:40px; }
	div.login-btns { height:auto; }
}
@media (max-width:600px) {
	div.logo, div.menu a { font-size:18px; }
	div.head { height:auto;padding:15px;line-height:18px; }
	div.menu a { padding:0 10px; font-size:16px; margin-left:0; }
	div.slogan { font-size:20px !important; }
	div.online { left:20px; }
	div.links { right:20px; }
	.news-link, .menu a.play-btn, div.version, .zero { display:none; }
	.wrapper { padding:0 20px !important; }
	.clear.h40 { height:20px !important; }
	div.btn-wrapper { margin-top:20px; }	
	div.popup { left:10px !important;right:10px !important;margin:0 !important;top:10px !important; width:auto !important; }
	.popup-play-btn  { width:60px;height:60px;line-height:60px;font-size: 26px }
	.popup-play-btn i { line-height:60px; }
}
@media (max-width:400px) {
    1div.main-text { margin:0;top:90px; }
	div.slogan { font-size:16px !important; line-height:24px !important;padding:0 10px; box-sizing: border-box; }
	.popup-play-btn  { width:40px;height:40px;line-height:40px;font-size: 20px; margin:2px; }
	.popup-play-btn i { line-height:40px; }	
	.btn-soc { display:none; }
}
@media (max-height:600px) {
	.btn-soc { display:none; }
	.zero { display:none;left:auto;right:20px; }
}
@media (max-height:450px) {
	.zero { display:none; }
	div.btn-wrapper { margin-top:30px; }
	div.main-text { margin:0; top:100px; }
}
@media (max-height:400px) {
  div.alpha, div.head, div.main-text, div.footer { position:relative;top:auto !important;bottom:auto !important;height:auto !important; }
  div.main-text { margin:0; box-sizing:border-box; padding:20px 0; height:270px !important; }
  div.btn-wrapper { margin-top:20px; }
  div.news { position:absolute;top:40px;bottom:20px; }
  .fh { height:auto !important;min-height:auto !important; }
}