html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { position: relative; overflow-x: hidden; }

body { width: 100%; background: url(/img/top-fon-home.jpg) center top no-repeat, url(/img/bottom-fon-home.jpg) center bottom no-repeat; background-color: #010507; font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; font-size: 14px; color: #ffffff; }

a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; color: #71d5fd; }

a:hover { color: #fff; text-decoration: none; }

p { margin-bottom: 20px; }

h1, h2, h3, h4 { color: #fff; margin-bottom: 20px; line-height: 1.3; }

h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

table { width: 100%; background: #09171e; }
table thead td { color: #34fab6; border-bottom: 2px solid #234451; }
table thead th { color: #34fab6; border-bottom: 2px solid #234451; }
table td, th { border-collapse: collapse; padding: 10px; border: 1px solid #234451; color: #9bdeff; text-align: center; }

img { max-width: 100%; }

caption { margin-bottom: 15px; }

select { background: #0a1419; border: 1px solid #1c3640; color: #71d5fd; min-width: 350px; width: 100%; padding: 0px 30px; height: 45px; position: relative; background-image: url(/img/select-bg.jpg); background-position: right; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; cursor: pointer; display: block; margin: 0 auto; margin-bottom: 30px; }

input, textarea { background: none; border: 1px solid #1d3944; color: #71d5fd; padding: 12px 20px; position: relative; text-align: center; font-size: 15px; min-width: 220px; font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; }

button, .button { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; background-image: url(/img/button.jpg); background-repeat: no-repeat; background-size: cover; padding: 25px 50px; border: none; color: #fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; text-align: center; text-transform: uppercase; font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; font-size: 15px; font-weight: bold; -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.2); }
button:hover, .button:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.button { display: inline-block; text-decoration: none; }

.button-green { padding: 18px 35px; background-image: url(/img/button-green.jpg); }

.button-small { font-size: 12; text-transform: none; padding: 16px 28px; }

.button-big { padding: 25px 100px; -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.4); background-image: url(/img/button-big.jpg); }

.button-green-big { padding: 25px 60px; background-image: url(/img/button-green--big.jpg); }

.button-green-medium { padding: 23px 75px; background-image: url(/img/button-green--big.jpg); }

.button-disabled { opacity: 0.4; cursor: not-allowed; }

:focus { outline: none; }

::-webkit-input-placeholder { color: #00aac3; }

::-moz-placeholder { color: #00aac3; }

:-moz-placeholder { color: #00aac3; }

:-ms-input-placeholder { color: #00aac3; }

.wrapper { max-width: 1200px; width: 100%; margin: 0 auto; position: relative; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-c-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bright:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.smoke { position: absolute; left: 0; right: 0; top: 600px; height: 484px; width: 100%; background-image: url(/img/smoke.png); background-position: left top; background-repeat: repeat-x; -webkit-animation: smoke 20s linear infinite; animation: smoke 20s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-webkit-keyframes smoke { 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }

@keyframes smoke { 0% { background-position: left -1920px top; }
  100% { background-position: left 1920px top; } }
.highlight { width: 731px; height: 480px; position: absolute; left: 232px; top: 438px; text-align: center; -webkit-animation: highlight 10s infinite linear; animation: highlight 10s infinite linear; z-index: 17; }

.highlight1 { background: url(/img/highlight1.png) no-repeat; width: 731px; height: 282px; position: absolute; top: 50%; margin-top: -141px; z-index: 2; }

.highlight2 { background: url(/img/highlight2.png) no-repeat; background-size: 300px 300px; height: 300px; width: 300px; position: absolute; top: 50%; margin-top: -150px; left: 50%; margin-left: -150px; z-index: 1; -webkit-animation: highlight2 10s infinite linear; animation: highlight2 10s infinite linear; opacity: 0.5; }

@-webkit-keyframes highlight { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); }
  25% { -webkit-transform: scale(0.1); transform: scale(0.1); }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  75% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(0.1); transform: scale(0.1); } }

@keyframes highlight { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); }
  25% { -webkit-transform: scale(0.1); transform: scale(0.1); }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  75% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { -webkit-transform: scale(0.1); transform: scale(0.1); } }
@-webkit-keyframes highlight2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes highlight2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.topPanel { border-bottom: 1px solid rgba(0, 199, 213, 0.2); padding: 5px 0px; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 20; }
.topPanel-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; position: relative; }

.or { margin: 0px 40px; color: #b0c3d1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }

.logo-mini { margin: 0px 20px 0px 30px; }

.menu li { padding: 0px 10px; }
.menu li a { color: #fff; font-size: 16px; text-transform: uppercase; padding: 0px 10px; display: block; }
.menu li a:hover { color: #34dfed; }
.menu li.active a { color: #34dfed; }

.sign-in { color: #fff; font-size: 15px; text-decoration: underline; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.sign-in:hover { text-decoration: none; }

header { height: 920px; position: relative; }

.logo { position: absolute; top: 290px; left: 10px; }

.headerBlock { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; }

.headerButtons { margin-bottom: 30px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.radial-stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: url(/img/server-bg.png) no-repeat; width: 308px; height: 227px; position: relative; }

.circle-online { width: 150px; height: 150px; text-align: center; position: relative; display: inline-block; z-index: 2; }

.stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
.stats input { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }
.stats .increment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; width: 30px; background: #1f3b47; border-radius: 50%; position: absolute; z-index: 3; font-size: 20px; color: #fff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }
.stats .increment:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }
.stats .minus { left: 10px; }
.stats .plus { right: 10px; }

.serverInfo { position: absolute; width: 110px; height: 110px; left: 20px; padding-top: 40px; }

.serverInfo span { display: block; width: 100%; text-align: center; position: relative; }

.serverInfo__name { font-size: 18px; color: #fff; text-transform: uppercase; margin-bottom: 3px; }

.serverInfo__x { color: #96b0bc; font-size: 12px; margin-bottom: 10px; }

.serverInfo__online { color: #1fedb6; font-size: 30px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; }

.h-button { width: 451px; height: 183px; background-repeat: no-repeat; background-position: center; text-align: right; padding-top: 67px; padding-right: 50px; }
.h-button:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }
.h-button p { font-size: 36px; font-weight: bold; font-style: italic; text-transform: uppercase; margin-bottom: 5px; }
.h-button span { font-size: 14px; text-shadow: 2px 2px 2px rgba(248, 34, 34, 0.3); }
.h-button.download { background-image: url(/img/download-button.png); }
.h-button.download p { background: -webkit-gradient(linear, left top, left bottom, from(#6ddbea), to(#fffefc)); background: linear-gradient(#6ddbea, #fffefc); -webkit-background-clip: text; color: transparent; }
.h-button.download span { color: #1bcdff; }
.h-button.registration { background-image: url(/img/registration-button.png); }
.h-button.registration p { background: -webkit-gradient(linear, left top, left bottom, from(#faa7a0), to(#fffdfd)); background: linear-gradient(#faa7a0, #fffdfd); -webkit-background-clip: text; color: transparent; }
.h-button.registration span { color: #240404; }

.h-button.characters { background-image: url(/img/characterpanel-button.png); }
.h-button.characters p { background: -webkit-gradient(linear, left top, left bottom, from(#faa7a0), to(#fffdfd)); background: linear-gradient(#faa7a0, #fffdfd); -webkit-background-clip: text; color: transparent; }
.h-button.characters span { color: #240404; }

.log { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.sign-up { color: #fff; cursor: pointer; }
.sign-up span { font-size: 18px; }
.sign-up:hover { color: #71d5fd; }
.sign-up:hover img { border: 1px solid rgba(255, 255, 255, 0.6); }

.sign-up.active .nickname:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.log .nickname { position: relative; display: block; padding-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 180px; padding-bottom: 2px; }

.nickname:after { content: ""; position: absolute; background: url(/img/row-icon.png) no-repeat; width: 12px; height: 8px; right: 0px; top: 50%; margin-top: -3px; opacity: 0.3; -webkit-transition: 0.3s; transition: 0.3s; }

.log img { margin-left: 20px; border-radius: 50%; height: 45px; width: 45px; padding: 4px; -webkit-transition: 0.3s; transition: 0.3s; border: 1px solid rgba(255, 255, 255, 0.3); }

.cpMenu { position: absolute; background: rgba(0, 0, 0, 0.8); padding: 15px 0px 10px 0px; width: 180px; top: 60px; left: 50%; margin-left: -90px; display: none; }

.cpMenu:after { content: ''; position: absolute; left: 50px; bottom: 100%; border: 10px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.8); }

.cpMenu ul li a { display: block; padding: 9px 27px; }
.cpMenu ul li a:hover { background-color: rgba(255, 255, 255, 0.1); }

.cpMenu .settings a { padding: 15px 27px 15px 50px; border-top: 1px solid rgba(255, 255, 255, 0.1); background: url(/img/setting-icon.png) left 28px center no-repeat; }

.cpMenu .logout a { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 27px 15px 50px; background: url(/img/logout-icon.png) left 28px center no-repeat; }

.headerInfo { margin-bottom: 20px; }
.headerInfo-slider { width: calc(100% - 400px); height: 363px; }
.headerInfo-buttons a { display: block; width: 398px; height: 90px; margin-bottom: 1px; padding: 26px 0px 0px 155px; }
.headerInfo-buttons a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); padding: 26px 0px 0px 170px; }
.headerInfo-buttons a p { color: #fff; font-size: 20px; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; margin-bottom: 10px; }
.headerInfo-buttons a span { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.headerInfo-buttons .b-donate { background: url(/img/button_1.jpg) no-repeat; }
.headerInfo-buttons .b-vote { background: url(/img/button_2.jpg) no-repeat; }
.headerInfo-buttons .b-cabal { background: url(/img/button_3.jpg) no-repeat; }
.headerInfo-buttons .b-shop { background: url(/img/button_4.jpg) no-repeat; }

.color-blue { color: #5dbde4; }

.color-green { color: #85e77a; }

.color-red { color: #ef5151; }

.color-yellow { color: #f0de74; }

.color-tur { color: #1fedb6; }

.slider { width: 100%; height: 100%; }
.slider .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: cover; }
.slider .swiper-slide a { display: block; height: 100%; width: 100%; }
.slider .swiper-slide a:after { content: ""; position: absolute; left: 0px; width: 100%; height: 40%; bottom: 65px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(16, 13, 13, 0.6)), to(rgba(16, 13, 13, 0))); background: linear-gradient(to top, rgba(16, 13, 13, 0.6), rgba(16, 13, 13, 0)); z-index: 1; }

.slider .swiper-button-next, .slider .swiper-button-prev { width: 55px; height: 55px; top: 50%; margin-top: -25px; }
.slider .swiper-button-next:after, .slider .swiper-button-prev:after { display: none; }

.slider .swiper-button-next { background: url(/img/arrow-next.jpg) no-repeat; right: 1px; }

.slider .swiper-button-prev { background: url(/img/arrow-prev.jpg) no-repeat; left: 1px; }

.slider .swiper-pagination { background: rgba(1, 5, 7, 0.7); bottom: 0px; height: 65px; }

.slider .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 0px; margin: 0px 8px !important; background: #9c9793; opacity: 1; }
.slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff5a9e; }

.homeTitle { border-bottom: 1px solid rgba(113, 213, 253, 0.3); padding-left: 40px; margin-bottom: 25px; }
.homeTitle h2 { margin-bottom: 10px; font-size: 32px; }
.homeTitle h2 span { font-size: 52px; margin-right: 5px; }

.newsTabs { margin-bottom: 90px; position: relative; z-index: 3; }

.tabs-n { width: 100%; }

.news-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

.news-tabs:after { content: ''; display: table; clear: both; }

.news-tabs li { padding: 30px 17px; margin: 0px 20px; font-size: 16px; color: #fff; position: relative; }
.news-tabs li:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #71d5fd; -webkit-transition: 0.3s; transition: 0.3s; width: 0px; }

.news-tabs li:not(.active) { cursor: pointer; }

.news-tabs .active:after { width: 100%; }

.tabs-content { display: none; }

.tabs-content.active { display: block; }

.container-home { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px -2px; position: relative; }

.block-4 { width: 33%; margin: 0px 2px; -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.5); }

.news { background: url(/img/block-top-fon.png) top center no-repeat, url(/img/block-bottom-fon.png) bottom center no-repeat; background-color: #0a1419; position: relative; padding: 30px 40px 100px 40px; }
.news h3 { font-size: 18px; font-weight: normal; margin-bottom: 30px; }
.news-img { margin-bottom: 30px; text-align: center; }
.news-img img { -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2); }
.news-text { line-height: 1.3; }
.news-info { position: absolute; width: calc(100% - 80px); bottom: 25px; left: 40px; }
.news-date { font-size: 15px; color: #5a676f; }
.news-date span { color: #98e0e5; font-size: 20px; }

.stat-block { background: url(/img/stat-block-bg.jpg) center no-repeat; height: 534px; position: relative; padding: 50px 40px; }
.stat-block h3 { text-align: center; color: #71d5fd; font-size: 18px; text-transform: uppercase; margin-bottom: 35px; }
.stat-block.top { padding: 50px 0px; }
.stat-block.server:before { content: ""; position: absolute; background: url(/img/server-status-bg.png) center no-repeat; width: 444px; height: 812px; left: -230px; top: -60px; }
.stat-block.event:before { content: ""; position: absolute; background: url(/img/events-bg.png) center no-repeat; width: 439px; height: 589px; right: -230px; top: -60px; }
.stat-block.top:before { content: ""; position: absolute; background: url(/img/top-player-bg.png) center no-repeat; width: 399px; height: 620px; left: 50%; margin-left: -200px; top: -90px; }

.server-table { background: rgba(113, 213, 253, 0.05); position: relative; z-index: 1; }
.server-table tr:nth-child(odd) { background: rgba(113, 213, 253, 0.2); }
.server-table tr td { text-align: center; }
.server-table tr td:nth-child(2n) { border-left: 1px solid #000; }
.server-table td { text-align: left; border: none; color: #fff; padding: 9px 20px; line-height: 1.3; font-size: 15px; }

.online { color: #1fedb6; }

.top-table { background: none; position: relative; z-index: 1; }
.top-table tr { -webkit-transition: 0.3s; transition: 0.3s; }
.top-table tr td { padding: 12px 5px; -webkit-transition: 0.3s; transition: 0.3s; }
.top-table tr td:first-child { padding: 12px 5px 12px 40px; }
.top-table tr td:last-child { padding: 12px 40px 12px 5px; text-align: right; }
.top-table tr:hover { background: #203d49; -webkit-box-shadow: 0px 20px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 20px 10px 0px rgba(0, 0, 0, 0.2); }
.top-table tr:hover td { color: #34fab6; }
.top-table tr:hover td:first-child { padding: 12px 5px 12px 30px; }
.top-table tr:hover td:last-child { padding: 12px 50px 12px 5px; }
.top-table td { text-align: left; border: none; color: #fff; }

.more-top { text-align: center; padding-top: 20px; }

.links { margin-bottom: 30px; }
.links li a { color: #ffffff; font-size: 15px; display: block; position: relative; padding: 9px 20px; }
.links li a:before { content: "-"; margin-right: 5px; }
.links li a:hover { background: rgba(113, 213, 253, 0.25); color: #34fab6; }

.event-table { background: none; }
.event-table td { border: none; padding: 13px 5px; }
.event-table td:first-child { color: #fff; text-align: left; }
.event-table td:last-child { color: #34fab6; }

.blockStat { margin-bottom: 20px; }

.video a { display: block; position: relative; height: 100%; width: 100%; }
.video a:before { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(10, 20, 25, 0.5); left: 0px; top: 0px; -webkit-transition: 0.3s; transition: 0.3s; }
.video a:after { content: ""; background: url(/img/play-icon.png) no-repeat; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; }
.video a img { display: block; }
.video a:hover:before { background: rgba(10, 20, 25, 0.1); }

.toTopBlock { background: url(/img/top.png) center no-repeat; height: 40px; width: 100%; margin-bottom: 40px; }
.toTopBlock span { width: 40px; height: 40px; display: block; margin: 0 auto; cursor: pointer; }

footer { padding: 40px 0px; }

.footerMenuBlock { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.footerMenu { margin: 0px 100px; }
.footerMenu p { color: #90c4de; }
.footerMenu li { margin-bottom: 18px; }
.footerMenu li a { position: relative; color: #4c6673; }
.footerMenu li a:hover { color: #fff; }
.footerMenu li a:before { content: "-"; margin-right: 4px; }

.footerLogos { margin-bottom: 40px; }
.footerLogos img { margin: 10px 50px; -webkit-transition: 0.3s; transition: 0.3s; }
.footerLogos img:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.copyright { text-align: center; color: #90c4de; }

.modal_div { max-width: 480px; width: 100%; min-height: 300px; background: #0f212a; position: fixed; top: 5%; left: 50%; margin-left: -240px; margin-top: -50px; display: none; opacity: 0; z-index: 999; padding: 40px 0px 40px 0px; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.2); }
.modal_div h1 { font-size: 20px; margin-bottom: 30px; font-weight: normal; letter-spacing: 2px; border-bottom: 1px solid rgba(113, 213, 253, 0.3); padding-bottom: 30px; color: #71d5fd; text-align: center; }
.modal_div input { background: #0f212a; border: 1px solid #1d3a45; }

.modal_div .modal_close { position: absolute; top: 15px; right: 15px; cursor: pointer; display: block; }
.modal_div .modal_close span { display: block; position: relative; background: #636e74; width: 15px; height: 2px; }
.modal_div .modal_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -2px; }
.modal_div .modal_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal-v { width: 300px; height: 100%; overflow-y: auto; margin: 0 auto; }

#overlay { z-index: 998; position: fixed; background-color: rgba(1, 5, 7, 0.9); opacity: 0.9; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }

.formGroup { margin-bottom: 20px; }
.formGroup p { text-align: center; color: #00aac3; margin-bottom: 10px; }
.formGroup input { width: 100%; }

.formCaptcha input { width: 60%; min-width: auto; }
.formCaptcha img { width: 40%; }

.formGroup-button { padding-top: 20px; text-align: center; }

.btn { display: block; -webkit-transition: 0.3s; transition: 0.3s; left: 10px; }
.btn span { width: 30px; height: 4px; display: block; margin: 6px 0px; background: #fff; -webkit-transition: 0.3s; transition: 0.3s; position: relative; }

.main-content h1 { text-transform: uppercase; font-size: 32px; font-weight: normal; border-bottom: 1px solid rgba(113, 213, 252, 0.3); margin-bottom: 30px; padding-bottom: 20px; }
.main-content h1 span { font-size: 52px; }

.content { background: url(/img/content-top-bg.jpg) top center no-repeat, url(/img/content-bottom-bg.jpg) bottom center no-repeat; background-color: #0a1419; padding: 50px 40px; line-height: 1.4; position: relative; color: #9bdeff; min-height: 1300px; }
.content h2 { font-size: 20px; margin-bottom: 40px; font-weight: normal; }
.content h3 { color: #2ef9b9; font-size: 18px; margin-bottom: 40px; font-weight: normal; }
.content.page h2 { color: #2ef9b9; font-size: 18px; text-align: center; margin-bottom: 40px; font-weight: normal; }
.content.page a { color: #fff; text-decoration: underline; }
.content.page a:hover { text-decoration: none; }

.center { text-align: center; }

.upper { text-transform: uppercase; }

.bottom { margin-bottom: 20px; }

.paySelect { margin-bottom: 80px; }

.color-white { color: #fff; }

.char-tabs { background: #0f212a; padding: 25px 0px; -webkit-box-shadow: -20px 20px 40px 0px rgba(0, 0, 0, 0.3); box-shadow: -20px 20px 40px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px; }
.char-tabs li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 35px; cursor: pointer; margin: 5px 0px; -webkit-transition: 0.3s; transition: 0.3s; }
.char-tabs li img { margin-right: 25px; display: block; }
.char-tabs li:hover { background: #213d49; color: #34fab6; }
.char-tabs li.active { background: #213d49; color: #34fab6; }

.charInfoBlock { margin-bottom: 50px; }

.charInfoTable { background: #0f1e25; }
.charInfoTable tr:nth-child(even) { background: #1f3b47; }
.charInfoTable tr td:nth-child(1) { text-align: left; color: #2ef9b9; }
.charInfoTable tr td:nth-child(2) { color: #fff; }
.charInfoTable td { border: none; padding: 8px 30px; }

.char-buttons button, .char-buttons .button { margin: 16px 8px; }

.charBlock > div { background: #0f1e25; text-align: center; }
.charBlock > div h2 { color: #71d5fd; font-size: 20px; text-transform: uppercase; }
.charBlock > div p { font-size: 15px; }

.charUpdate { padding: 50px 40px 20px 40px; width: 45%; }

.charEquip { width: 53%; padding: 50px 0px 10px 0px; }

.items-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.itemsBlock > div { border: 1px solid #1d3944; background-position: center center; background-repeat: no-repeat; }
.itemsBlock .item-small { width: 115px; height: 75px; }
.itemsBlock .item-big { width: 115px; height: 190px; }
.itemsBlock .item_1 { background-position: top 4px center; background-image: url(/img/item-bg_1.jpg); }
.itemsBlock .item_2 { background-image: url(/img/item-bg_2.jpg); }
.itemsBlock .item_3 { background-position: top 4px center; background-image: url(/img/item-bg_3.jpg); }
.itemsBlock .item_4 { background-image: url(/img/item-bg_4.jpg); }
.itemsBlock .item_5 { background-image: url(/img/item-bg_5.jpg); }
.itemsBlock .item_6 { background-image: url(/img/item-bg_6.jpg); }
.itemsBlock .item_7 { background-image: url(/img/item-bg_7.jpg); }
.itemsBlock .item_8 { background-image: url(/img/item-bg_8.jpg); }

.milestone { background: url(/img/mlestone.jpg) center no-repeat; background-size: cover; -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

.milstoneBlock { padding: 40px; text-align: center; width: 100%; }
.milstoneBlock p { color: #fff; font-size: 20px; }
.milstoneBlock .milBarProgress { height: 30px; width: 100%; padding: 0px 6px; background: #0a1419; margin-bottom: 24px; padding-top: 6px; }
.milstoneBlock .milBarProgress span { display: block; background-image: url(/img/bar.png); background-repeat: repeat-x; background-position: left center; height: 18px; -webkit-animation: bar 50s linear infinite; animation: bar 50s linear infinite; }

@-webkit-keyframes bar { 0% { background-position: left -999px center; }
  100% { background-position: left 999px center; } }

@keyframes bar { 0% { background-position: left -999px center; }
  100% { background-position: left 999px center; } }
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pagination li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #1f3b47; color: #366579; font-size: 15px; font-weight: bold; margin: 0px 2px; }
.pagination li a:hover { background-color: #1f3b47; color: #64bde1; }
.pagination li.active a { background-color: #1f3b47; color: #64bde1; -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3); }
.pagination li.arrow a { background-color: #1e3a45; background-position: center; background-repeat: no-repeat; }
.pagination li.arrow.next a { background-image: url(/img/pag-next.png); }
.pagination li.arrow.prev a { background-image: url(/img/pag-prev.png); }
.pagination li.arrow-not-active { opacity: 0.6; }
.pagination li.arrow-not-active a { cursor: default; }

.modal-char { width: 100%; max-width: 940px; margin-left: -470px; padding: 40px; text-align: left; }
.modal-char h1 { font-size: 32px; color: #fff; text-align: left; }

.suit p { font-size: 18px; }

.suitButtons button, .suitButtons .button { margin: 20px 20px; }

.userBlock { width: 100%; max-width: 820px; margin: 0 auto; margin-bottom: 40px; }

.userAvatar img { width: 120px; height: 120px; display: block; border-radius: 50%; margin: 0 auto; margin-bottom: 15px; }

.userName { margin-bottom: 30px; font-size: 15px; color: #fff; }

.userButtons .button { width: 100%; margin-bottom: 15px; padding: 21px 10px; }

.userTable { margin-bottom: 20px; }
.userTable td { padding: 14px 30px; }

.userUpdateBlock { width: 100%; max-width: 960px; margin: 0 auto; }

.blockForm { background: #0f1e25; padding: 50px 90px; }
.blockForm h2 { color: #71d5fd; text-transform: uppercase; text-align: center; }

.col-f { padding-left: 5px; padding-right: 5px; }

.container-check { display: inline; position: relative; padding-left: 20px; bottom: -3px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.container-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.container-check .checkmark { position: absolute; top: 0; left: 0; height: 12px; width: 12px; border: 1px solid #858a8c; }

.container-check .checkmark:after { content: ""; position: absolute; display: none; }

.container-check input:checked ~ .checkmark:after { display: block; }

.container-check .checkmark:after { left: 3px; top: -2px; width: 4px; height: 8px; border: solid #2ef9b9; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.checkBlock { text-align: center; color: #fff; padding: 20px 0px 40px 0px; }
.checkBlock a { text-decoration: underline; }
.checkBlock a:hover { text-decoration: none; }

.container-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; }

.container-radio input { position: absolute; opacity: 0; cursor: pointer; width: 0px; }

.checkmark-radio { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #0d242f; border-radius: 50%; }

.container-radio:hover input ~ .checkmark-radio { background-color: #ccc; }

.container-radio input:checked ~ .checkmark-radio { background-color: #01aac2; }

.checkmark-radio:after { content: ""; position: absolute; display: none; }

.container-radio input:checked ~ .checkmark-radio:after { display: block; }

.container-radio .checkmark-radio:after { top: 7px; left: 7px; width: 8px; height: 8px; border-radius: 50%; background: white; }

.p-tabs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.p-tabs input { text-align: left; padding: 14px 30px; min-width: 300px; }

.page-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.page-tabs li { color: #1d674d; font-size: 18px; padding: 15px 40px; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; }
.page-tabs li.active { color: #34fab6; background: #1e3844; -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.4); }
.page-tabs li:hover { color: #34fab6; background: #1e3844; }

.webMenu { margin-top: 20px; background-color: #0f212a; padding: 15px 0px; -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2); margin-bottom: 20px; }
.webMenu li:first-child { /**padding: 15px 35px; color: #fff; margin-bottom: 10px;**/ }
.webMenu li a { color: #9bdeff; display: block; padding: 15px 35px; }
.webMenu li a:hover { background-color: #213d49; color: #2ef9b9; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); }
.webMenu li a.active { background-color: #213d49; color: #2ef9b9; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); }
.webMenu li a.hot { color: #90ff01; font-size: 16px; text-shadow: 0px 0px 10px #90ff01; }

.webBlock { padding: 30px; }
.webBlock h3 { font-size: 20px; color: #fff; margin-bottom: 20px; }

.webInfo { margin-bottom: 30px; }

.webImg { position: relative; margin-right: 24px; }
.webImg div { display: block; position: absolute; background: #000; -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3); color: #2ef9b9; padding: 12px; border-radius: 8px; z-index: 2; width: 260px; margin-left: -130px; left: 50%; bottom: 100%; text-align: center; margin-bottom: 10px; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; }
.webImg div:after { content: ""; position: absolute; border: 8px solid transparent; border-top: 8px solid #000; top: 100%; left: 50%; margin-left: -7px; }
.webImg:hover div { opacity: 1; visibility: visible; }

.webText p { margin-bottom: 10px; }

.tabs-rankings li { padding: 15px; }

.rankSerach input, select { padding: 13px 20px; min-width: 370px; text-align: left; }

.table-scroll { padding-top: 40px; -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3); }

.downloadBlock { padding-bottom: 45px; margin-bottom: 40px; }

.d-bottom { border-bottom: 1px solid #0e2b29; }

.fileBlock { background: url(/img/file-bg.jpg) center no-repeat; background-size: cover; padding: 40px 0px 0px 0px; height: 245px; width: 100%; text-align: center; }
.fileBlock h4 { font-size: 24px; margin-bottom: 20px; color: #fff; font-weight: normal; text-align: center; }
.fileBlock h4 span { color: #6e8794; font-size: 18px; }
.fileBlock .fileBlock-download-button { display: block; padding-top: 14px; width: 160px; height: 100px; background: rgba(15, 30, 37, 0.4); border: 1px solid #1f3c47; }
.fileBlock .fileBlock-download-button p { margin-top: 4px; }
.fileBlock .fileBlock-download-button:hover { background: #0f1e25; }

.form-page { max-width: 350px; margin: auto; margin-bottom: 30px; }

.install-list { padding-left: 100px; }

.list { position: relative; }
.list li { position: relative; padding: 5px 0px 5px 25px; }
.list li:before { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -3px; background: #34fab5; width: 6px; height: 6px; border-radius: 50%; }
.list li:after { content: ""; position: absolute; left: -8px; top: 50%; margin-top: -11px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(52, 250, 181, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(52, 250, 181, 0.2); box-shadow: 0px 0px 10px 0px rgba(52, 250, 181, 0.2); }

main { position: relative; z-index: 2; }

.sparks { position: absolute; width: 1200px; left: 50%; bottom: -40px; }
.sparks > div { position: absolute; }
.sparks .spark_1 { background: url(/img/spark_1.png) no-repeat; width: 764px; height: 313px; right: 0; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }
.sparks .spark_2 { background: url(/img/spark_2.png) no-repeat; width: 179px; height: 335px; right: 230px; bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-1 4s linear infinite; animation: spark-1 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks .spark_3 { background: url(/img/spark_3.png) no-repeat; width: 128px; height: 165px; right: 280px; bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-3 4s linear infinite; animation: spark-3 4s linear infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks .spark-big { background: url(/img/spark_4.png) no-repeat; width: 794px; height: 176px; right: 0; bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: spark-5 4s linear infinite; animation: spark-5 4s linear infinite; }
.sparks .spark_5 { -webkit-animation-delay: 2s; animation-delay: 2s; right: 40px; }

.sparks_1 { margin-left: -1200px; }
.sparks_1 .spark_1 { background: url(/img/spark-l_1.png) no-repeat; -webkit-animation-delay: 2s; animation-delay: 2s; }
.sparks_1 .spark_2 { background: url(/img/spark-l_2.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }
.sparks_1 .spark_3 { background: url(/img/spark-l_3.png) no-repeat; -webkit-animation-delay: 3s; animation-delay: 3s; }
.sparks_1 .spark-big { background: url(/img/spark-l_4.png) no-repeat; }
.sparks_1 .spark_5 { -webkit-animation-delay: 3s; animation-delay: 3s; }

.sparks_2 { margin-left: -400px; }

@-webkit-keyframes spark-1 { 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }

@keyframes spark-1 { 0% { bottom: -320px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -240px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -160px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: -80px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 0px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@-webkit-keyframes spark-3 { 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes spark-3 { 0% { bottom: -140px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -80px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -20px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 40px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 100px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@-webkit-keyframes spark-5 { 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@keyframes spark-5 { 0% { bottom: -180px; -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0; }
  25% { bottom: -120px; -webkit-transform: scale(0.7); transform: scale(0.7); opacity: 1; }
  50% { bottom: -60px; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; }
  75% { bottom: 0px; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.5; }
  100% { bottom: 60px; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } }
@media (max-width: 1200px) { .sparks { display: none; }
  .wrapper { padding: 0px 10px; }
  .topPanel-wrapper_right { padding-right: 10px; }
  .headerButtons { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .logo { top: 170px; }
  .menu li { padding: 0px 5px; }
  .menu li a { padding: 0px 5px; font-size: 14px; }
  .news { padding: 20px 20px 100px 20px; }
  .stat-block { padding: 30px 20px; }
  .content { min-height: auto; }
  .charUpdate, .charEquip { width: 100%; margin-bottom: 10px; } }
@media (max-width: 940px) { .topPanel { background: rgba(0, 0, 0, 0.7); position: fixed; }
  .log-in { padding: 15px 50px; }
  .btn { display: block !important; position: relative; z-index: 14; }
  .btn.active { left: 250px; }
  .btn.active span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: -9px; }
  .btn.active span:nth-child(2) { display: block; }
  .btn.active span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .topPanel-wrapper_left { position: fixed; width: 320px; height: 100%; background: rgba(0, 0, 0, 0.8); left: -320px; top: 0px; z-index: 12; display: block; padding: 140px 20px 40px 20px; -webkit-transition: 0.3s; transition: 0.3s; }
  .topPanel-wrapper_left.active { left: 0px; }
  .logo-mini { position: absolute; top: 20px; left: 10px; }
  .menu { display: block; overflow-y: auto; height: 100%; }
  .menu li { padding: 5px 0px; }
  .menu li a { width: 100%; font-size: 20px; padding: 10px 20px; }
  .logo, .headerBlock { position: relative; top: auto; left: auto; }
  .logo { padding-top: 100px; }
  header { height: auto; }
  .headerInfo-slider { width: 100%; margin-bottom: 20px; }
  .headerInfo-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .container-home { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .block-4 { width: 49%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 5px; }
  .stat-block:before { display: none; }
  .modal-char { margin-left: 0px; left: 10px; max-width: 100%; width: calc(100% - 20px); } }
@media (max-width: 769px) { .logo { width: 100%; text-align: center; }
  .headerButtons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .content { padding: 30px 20px; }
  .webImg div { margin-left: 0px; left: 0px; }
  .webImg div:after { left: 10px; } }
@media (max-width: 640px) { .block-4 { width: 100%; }
  .stat-block table { width: 320px; margin: 0 auto; }
  .stat-block ul { width: 320px; margin: 0 auto; }
  .video a img { margin: 0 auto; }
  .footerMenu { margin: 10px 20px; } }
@media (max-width: 575px) { .h-button { width: 300px; height: 122px; background-size: 300px 122px; padding-top: 31px; padding-right: 23px; }
  .headerInfo-slider { height: 280px; }
  .headerInfo-buttons a { width: 300px; height: 68px; background-size: 300px 68px; padding: 15px 0px 0px 100px; }
  .headerInfo-buttons a p { font-size: 16px; }
  .news-tabs li { padding: 15px 10px; margin: 0px 10px; }
  .stat-block table { width: 300px; }
  .stat-block { padding: 30px 0px; }
  .homeTitle { padding-left: 10px; }
  .or { margin: 0px 10px; }
  .modal_div { margin-left: 0px; left: 10px; max-width: 100%; width: calc(100% - 20px); }
  .modal-v { width: 280px; }
  select { min-width: 270px; }
  .button-big { padding: 25px 30px; }
  .blockForm { background: #0f1e25; padding: 30px 20px; }
  .userTable td { padding: 14px 10px; }
  .page-tabs li { padding: 12px 15px; }
  .p-tabs input { min-width: 220px; }
  .table-scroll { overflow: hidden; overflow-x: auto; position: relative; }
  .table-scroll table { min-width: 550px; }
  .rankSerach input { min-width: 250px; }
  .install-list { padding-left: 10px; }
  .fileBlock { padding: 40px 0px 40px 0px; height: auto; }
  .charUpdate { padding: 20px 10px; } }
@media (max-height: 790px) { #modal-register { height: 100%; }
  .modal-v { height: calc(100% - 120px); } }

.inferno-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(10, 10, 10, 0.56);
  display: none;
}

.inferno-loader img {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 64px;
}

.form-group {
  color: #00aac3;
}

.form-control {
  color: #71d5fd;
}

.control-label {
  margin-bottom: 5px;
}

.bootbox-body {
  color: black;
}

.bootbox-accept {
  float: right;
  margin-right: 5px;
}

.modal-title {
  color: black;
}

.modal-body {
  color: black;
}

.modal-body h4 {
  color: black;
}

/*# sourceMappingURL=style.css.map */