html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html, body {
  height: 100%;
}

th {
  text-align: left;
}

.notice {
  display: block;
  text-align: right;
  color: rgb(148, 148, 148);
  font-size: 8pt;
  padding-right: 30px;
}

.showToNextDay {
  font-weight: normal;
  font-size: 8pt;
}

/*поиск*/
#find {
  background-color: #223033;
  -moz-border-radius: 0;
  border-radius: 0;
  border-color: #525c5e;
  color: #ffffff;
}

h3.fleft > span {
  color: #c1331f;
  font-size: 13pt;
}

body {
  color: #cfcfcf !important;
}

.bg-modal-wnd {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.7);
  zoom: 1;
  z-index: 100;
  display: none;
}

.reg_messager {
  position: absolute;
  margin: 310px 1px 1px 319px;
  background: rgba(0, 0, 0, 0.7);
  padding: 0px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 3px 3px 7px #000;
  box-shadow: 3px 3px 7px #000;
  clear: both;
}

.reg_messager > span, .reg_messager > span > div {
  font-weight: bold !important;
  color: rgb(224, 74, 74) !important;
}

.reg_messager > span > div {
  margin: 10px;
  max-width: 520px;
}

.loader_gspb {
  background: url('/i/modern/ajax-loader3.gif');
  width: 32px;
  height: 32px;
  display: none;
}

body.simplepage table {
  height: 100%;
}

.corner {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 8px;
  z-index: 31;
  border-left: 8px solid #131c1d;
}

a.noscript {
  cursor: pointer;
}

a.top-reg-link, a.top-reg-link.en {
  width: 230px;
  height: 80px;
  display: block;
  float: right;
  background-image: url('/i/modern/play_free_en.png?v=1');
  background-repeat: no-repeat;
  background-position: 0 0;
}

a.top-reg-link.cz {
  background-image: url('/i/modern/play_free_cz.png?v=1');
}

a.top-reg-link.de {
  background-image: url('/i/modern/play_free_de.png?v=1');
}

a.top-reg-link.es {
  background-image: url('/i/modern/play_free_es.png?v=1');
}

a.top-reg-link.fr {
  background-image: url('/i/modern/play_free_fr.png?v=1');
}

a.top-reg-link.it {
  background-image: url('/i/modern/play_free_it.png?v=1');
}

a.top-reg-link.pl {
  background-image: url('/i/modern/play_free_pl.png?v=1');
}

a.top-reg-link.ru {
  background-image: url('/i/modern/play_free_ru.png?v=1');
}

a.top-reg-link.tr {
  background-image: url('/i/modern/play_free_tr.png?v=1');
}

a.top-reg-link.pt {
  background-image: url('/i/modern/play_free_pt.png?v=1');
}

.gray {
  color: #656565;
  border-bottom: none;
}

.gray2 {
  font-size: 10pt;
  color: #bbb;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                  флаги/языки

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.lang {
  float: right;
  margin-left: 20px;
  cursor: pointer;
}

.lang div {
  display: none;
}

.lang:hover div {
  display: block;
  position: absolute;
  width: 100px;
  background-color: #D23A1E;
  border-bottom: 2px solid #1D2B2E;
  -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.4);
}

.lang:hover div a {
  display: block;
  float: none;
}

.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 0 5px 0 0;
  position: relative;
  top: 1px;
}

.ru2 {
  background-position: -57px -197px;
}

.ru {
  background-position: -57px -184px;
}

.gb {
  background-position: -57px -66px;
}

.jp {
  background-position: -57px -53px;
}

/*.en{background-position:-57px -66px;}*/
.it {
  background-position: -57px -157px;
}

.es {
  background-position: -57px -118px;
}

.cz {
  background-position: -57px -92px;
}

.pl {
  background-position: -57px -144px;
}

.tr {
  background-position: -57px -79px;
}

.fr {
  background-position: -57px -131px;
}

.de {
  background-position: -57px -105px;
}

.en {
  background-position: -57px -40px;
}

.pt {
  background-position: -57px -210px;
}

.arrow-down {
  display: inline-block;
  width: 13px;
  height: 6px;
  margin: 0 0 0 7px;
  background-position: -19px -191px;
  position: relative;
  top: -2px;
}

.download {
  margin: 16px 0 0 auto;
  width: 175px;
  padding: 10px 0 12px 0;
  text-align: center;
  font: 18px Roboto, Helvetica, Arial, sans-serif;
  text-shadow: #106276 1px 1px 0px, #56eaf8 0 0 3px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

.search {
  float: left;
  width: auto;
  margin: 6px 0 6px 18px;
}

.search td {
  vertical-align: middle;
  font-size: 13px;
}

.search input[type=text] {
  background-color: transparent;
  width: 220px;
  height: 20px;
  border: 1px solid #676867;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 0 6px;
  margin: 0 5px 0 15px;
  color: #9d9d9d;
  font: 13px Tahoma, Arial, sans-serif;
}

.search input[type="submit"] {
  float: left;
  width: 13px;
  height: 13px;
  background-position: -1px -192px;
  margin: 0px 5px 0 0;
  border: 0;
  cursor: pointer;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                   Контент

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.title {
  text-decoration: none;
  display: block;
  /*float:left;*/
}

.goto {
  margin-left: 5px;
  white-space: nowrap;
}

.goto span {
  display: inline-block;
  background-position: left -212px;
  width: 6px;
  height: 11px;
  margin-left: 6px;
  position: relative;
  top: 2px;
}

.like {
  padding: 5px 0;
}

.flike {
  margin-left: 10px;
}

/*фикс фейсбук фреймворка*/
.fb_box {
  position: relative;
  height: 163px;
  overflow: hidden;
}

.fb_box div {
  position: absolute;
}

.tip {
  width: auto;
  position: absolute;
  z-index: 500;
  display: none;
}

.inside {
  padding: 20px;
}

.view {
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 7px;
}

.block220 .view, .block220 .view .content {
  width: 220px;
  height: 125px;
}

.block280 .view, .block280 .view .content {
  width: 280px;
  height: 157px;
}

.block334 .view, .block334 .view .content {
  width: 334px;
  height: 191px;
  margin-bottom: 3px;
}

.view .mask, .view .content {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view img {
  display: block;
  position: relative;
}

.view a.info {
  display: block;
  text-decoration: none;
  border: 3px solid #CE341C;
  position: relative;
  z-index: 10;
}

/*кнопка play*/
.view a.info span {
  color: #CE341C;
  font: 30px/30px Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}

#media {
  width: 974px;
}

.slider-paging td {
  padding: 4px 0;
}

.mat-slider {
  position: relative;
}

.mat-slider .slider-paging table {
  width: auto !important;
  margin: auto;
}

.mat-slider .slider-paging td {
  padding: 5px;
}

.mat-slider .disabled, .mat-slider .disabled {
  opacity: 0.4;
  cursor: default;
}

.mat-slider .date, .shop-preview .date {
  display: block;
  font-size: 12px;
  color: #5c7d7d;
  padding-left: 5px;
}

.mat-slider .preview.block220 {
  width: 220px;
}

.mat-slider .preview.block280 {
  width: 280px;
  height: 243px;
}

.mat-slider .preview.block334 {
  height: auto;
}

.view .play {
  position: absolute;
  top: 42%;
  left: 47%;
  width: 37px;
  height: 42px;
  background-position: -420px -212px;
  opacity: .5;
  z-index: 3;
}

.view:hover .play {
  display: none;
}

.block280 .view .play {
  top: 35%;
}

.nosc-preview span {
  color: #dc4228;
  font: 20px/20px Roboto, Helvetica, Arial, sans-serif;
  position: relative;
  top: 39%;
  left: 14%;
  display: block;
  text-align: center;
  width: 155px;
}

#mat-screens .mat-slider .slider-preview .nosc-preview, #mat-others .mat-slider .slider-preview .nosc-preview {
  border: 1px solid #DC4228;
  display: block;
  width: 218px;
  height: 123px;
  position: relative;
}

.sort td {
  padding: 7px;
  color: #cb321b;
}

.sort td .list {
  background-position: -37px -250px;
  width: 14px;
  height: 14px;
  background-color: #ffffff !important;
  float: right;
  margin: 0 0 0 10px;
  padding: 0 !important;
}

.sort td .grid {
  background-position: -55px -250px;
  width: 14px;
  height: 14px;
  background-color: #ffffff !important;
  float: right;
  margin: 0 0 0 10px;
  padding: 0 !important;
}

.sort td .select,
.sort td .list:hover,
.sort td .grid:hover {
  background-color: #D32F2F !important;
}

.sort td a {
  color: #fff;
  text-decoration: none;
  padding: 2px 5px;
  margin: 2px;
  float: left;
}

.sort td a:hover {
  background-color: #1e2b2f;
}

.brokenNewsAlert {
  display: flex;
  align-items: center;
  padding: 2px 5px 2px 0;
  background-color: #ffa000;
  color: black;
  font-size: 14px;
  line-height: 1.5;
}

.brokenNewsAlert:before {
  content: '';
  display: block;
  width: 34px;
  height: 35px;
  margin-right: 15px;
  background-image: url('/i/modern/icon_wt_warn.png');
  background-repeat: no-repeat;
}

.brokenNewsAlert__att {
  text-transform: uppercase;
}

.news-item .nw {
  padding-left: 20px;
  width: 120px;
  white-space: normal;
  text-align: left !important;
}

.news-item .nw span {
  color: #5C7D7D;
}

.news-item iframe {
  display: inline-block;
}

/* ya-share fix */
.news-item .social iframe {
  display: none;
}

.list .found {
  margin: 0 0 5px 7px;
}

.grid {
  width: 973px;
  overflow: hidden;
}

.grid img {
  width: 133px;
  height: 133px;
}

.grid .block-inner {
  margin-right: 7px;
}

.grid .block-inner span {
  display: block;
  padding-left: 10px;
  font: 14px Roboto, Helvetica, Arial, sans-serif;
  margin-bottom: 0.5em;
  color: #5C7D7D;
}

.com_prev td .block-inner {
  width: 220px;
}

.com_prev img {
  margin-bottom: -6px;
}

.com_prev .title {
  color: #DC4228;
  display: block;
  float: none;
  font: 20px Roboto, Helvetica, Arial, sans-serif;
  padding-left: 5px;
  margin-bottom: 8px;
}

/**регистрация*/
.popup .signup-table {
  width: 500px;
}

.signup-table input[type=text], .signup-table input[type=password], .signup-table input[type=email], .signup-table textarea {
  font: 16px Tahoma, Arial, sans-serif;
  float: left;
}

.star, .element, #search_block .error div {
  margin: 3px 0 0 5px;
  color: #D32F2F;
}

#search_block {
  padding: 2em;
  text-align: center;
}

.signup-table input[type=submit], .signup-table input[type=button], a.but {
  padding: 3px 15px 5px 15px;
  border: 2px solid #243337;
  border-width: 0 2px 2px 0;
  font: 19px/20px Roboto, Helvetica, Arial, sans-serif;
}

#search_block .signup-table input[type="submit"] {
  padding: 4px 15px;
}

#search_block .signup-table input[type="text"] {
  width: 90%;
}

.signature {
  color: #314347;
  font-size: 12px;
}

/**попапы после регистрации и возможно чего-то ещё*/
.modal.popup {
  width: 500px;
  z-index: 17;
  opacity: 1;
}

.modal h1 {
  color: #fff;
  margin: 0;
  width: 95%;
}

#notifier {
  padding: 20px 0;
  border-radius: 5px;
  z-index: 99;
}

.error div {
  line-height: 15px;
  margin-bottom: 10px;
}

a.exit {
  position: relative;
  width: 23px;
  height: 34px;
}

a.exit span {
  background-position: -60px -293px;
  width: 9px;
  height: 9px;
  opacity: 0.7;
  margin: 0 auto;
  display: inline-block;
}

a.exit:hover span {
  opacity: 1;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				spring land

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.lock {
  overflow: hidden;
  background-image: none;
}

.white {
  color: #ffffff;
}

.shim {
  position: fixed;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.5);
  zoom: 1;
  z-index: 11000;
}

.modal .loginform label {
  cursor: pointer;
  color: #fff;
}

.signup-table input[type="text"], .signup-table input[type="password"], .signup-table input[type="email"] {
  width: 270px;
  background-color: #FFF;
  color: #000;
  height: 19px;
  margin-bottom: 3px;
}

.rf {
  margin: 0 0 0 100px;
  background-position: right 0;
  width: 121px;
  height: 48px;
}

.signup-table .load-div {
  position: absolute;
  margin: 0 -10px;
  margin-top: -75px;
}

.landing-links a {
  margin-right: 20px;
}

#registration-container .but-reg {
  margin: auto;
  position: relative
}

.que div i {
  white-space: normal !important;
}

#landing .error div {
  float: none;
  margin-bottom: 5px;
}

#iframe_download {
  height: 1px;
  position: absolute;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				 landing

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
#landing .logo.en {
  background: url('/i/modern/logo-en.png?v=1') no-repeat center 0;
}

#landing .logo.ru {
  background: url('/i/modern/logo-ru.png?v=1') no-repeat 0 0;
}

.spring .signup-table {
  margin-left: 20px;
  width: 290px;
}

.spring .signup-table input[type="text"], .spring .signup-table input[type="password"], .spring .signup-table input[type="email"] {
  width: 250px;
  background-color: #FFF;
  color: #000;
  border: 1px solid #000000;
  -moz-box-shadow: 0 0 2px #c36762, inset 0 2px 2px 0px #888;
  box-shadow: 0 0 2px #c36762, inset 0 2px 2px 0px #888;
}

.spring .signup-table input[type="text"], .spring .signup-table input[type="password"], .spring .signup-table input[type="email"], .spring .signup-table textarea {
  font-size: 12px;
  padding: 5px;
}

.spring .signup-table b, .spring .signup-table div, .spring .signup-table p {
  color: #ffffff;
}

.spring .signup-table td {
  padding: 0 0 2px 0;
}

.spring .signup-table .helper {
  padding-right: 30px;
  text-align: right;
  text-shadow: 0px 2px rgba(0, 0, 0, 0.75);
  line-height: 14px;
}

.spring .small {
  text-shadow: 0px 2px rgba(0, 0, 0, 0.75);
  line-height: 14px;
}

.spring .captcha .capt {
  width: 102px !important;
  margin: 2px 20px 0 0;
  vertical-align: baseline;
  bottom: 0;
}

.spring .captcha {
  float: left;
  height: 55px;
}

.spring .captcha_bg {
  width: 128px;
  height: 55px;
  float: left;
  background: #000000;
}

.spring .head .social_sign {
  height: 28px;
  margin: 0;
  display: inline-block;
}

.spring .head .social_sign .small {
  margin-top: 2px;
  line-height: 14px !important;
}

.spring .dark_bg {
  background: #000000;
  filter: alpha(opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  width: 295px;
  margin: 5px 0 0 -9px;
  padding-left: 10px;
}

.spring .play-video {
  margin: 10px 0px 0px 10px;
}

.spring .video_box {
  clear: both;
  position: absolute;
  margin-top: 38px;
  margin-left: 22px;
  width: 652px;
  height: 327px;
  background-image: url('/i/modern/box_video.png?v=1');
  background-repeat: no-repeat;
}

.spring .slider {
  padding: 10px 0px 0px 15px;
}

.spring .landing-links a {
  font-size: 14px;
  color: #b85959;
}

.awards-new-en-sm {
  width: 310px;
  height: 105px;
  background: url('/i/modern/awards_en05_sm.png?v=1') top left no-repeat;
  opacity: 1;
  margin: 8px 0 0 10px;
}

.awards-new-ru-sm {
  width: 310px;
  height: 105px;
  background: url('/i/modern/awards_ru05_sm.png?v=1') top left no-repeat;
  opacity: 1;
  margin: 8px 0 0 10px;
}

.awards-new-en-sm div, .awards-new-ru-sm div {
  height: 125px;
  width: 95px;
  background: none;
  float: left;
}

.awards-new-en-sm div:hover {
  opacity: 1;
  z-index: 100;
  background: url('/i/modern/awards_en_sm.png?v=1') no-repeat;
}

.awards-new-ru-sm div:hover {
  opacity: 1;
  z-index: 100;
  background: url('/i/modern/awards_ru_sm.png?v=1') no-repeat;
}

.awards-new-ru-sm .game, .awards-new-en-sm .game {
  z-index: 15;
  background-position: 0 0;
}

.awards-new-en-sm .develop, .awards-new-ru-sm .develop {
  margin-left: -24px;
  z-index: 14;
}

.awards-new-en-sm .develop:hover, .awards-new-ru-sm .develop:hover {
  background-position: -96px 0;
}

.awards-new-en-sm .tech, .awards-new-ru-sm .tech {
  margin-left: -22px;
  z-index: 13;
}

.awards-new-en-sm .tech:hover, .awards-new-ru-sm .tech:hover {
  background-position: -193px 0;
}

.awards-new-en-sm .sound, .awards-new-ru-sm .sound {
  margin-left: -23px;
  z-index: 12;
}

.awards-new-en-sm .sound:hover, .awards-new-ru-sm .sound:hover {
  background-position: -290px 0;
}

.rotate_quotes {
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 1), 0px 0px 8px rgba(0, 0, 0, 1), 3px 3px 8px rgba(210, 0, 4, 1);
  font-weight: bold;
  position: absolute;
  color: #ffffff;
  width: 600px;
  font-style: italic;
}

.rotate_quotes_black {
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  color: #000000;
  width: 600px;
}

.rotate_quotes_black .author {
  display: block;
  margin: 0px 0px 5px 25px;
  color: #000000;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
}

.rotate_quotes_black .text {
  display: inline;
  padding: 0px;
  max-width: 450px;
  font-weight: bold;
  text-shadow: none;
  color: #ffffff;
  font-style: italic;
  margin-left: -5px;
}

.rotate_quotes_black .text p {
  font-size: 16px;
  margin: 0px 5px 5px 5px;
  background: #000000;
  padding: 0 3px 3px 3px;
  display: inline;
  line-height: 1.6em;
  font-style: italic;
}

.error_arrow {
  display: inline-block;
  float: left;
  width: 16px;
  height: 25px;
  background: url('/i/modern/error_arrow.png?v=1');
}

.error_arrow_r {
  display: inline-block;
  float: right;
  width: 16px;
  height: 25px;
  background: url('/i/modern/error_arrow_r.png?v=1') top left no-repeat;
  margin-left: -1px;
}

.rotate_quotes_black .left_arrow {
  padding-bottom: 1px;
  vertical-align: top;
  display: block;
  float: left;
  width: 24px;
  height: 44px;
  background: url('/i/modern/left_arrow.png?v=1') no-repeat 0 3px;
}

.rotate_quotes_black .right_arrow {
  margin-left: -5px;
  padding-bottom: 3px;
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 22px;
  background: url('/i/modern/right_arrow.png?v=1') no-repeat;
}

.grey_img {
  -moz-filter: grayscale(100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url('/css/greyscale.html#gray');
  filter: gray;
}

.grey_img:hover {
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}

.psn .small {
  font-size: 13px;
  margin: 5px 1px 10px 0px;
}

.que_error {
  margin: -27px 0 0 265px;
  display: none;
  position: absolute;
  z-index: 10;
  line-height: 24px;
}

#landing .que_error {
  display: none;
  position: absolute;
  z-index: 10;
  line-height: 24px;
  width: 500px;
  margin: 5px 0 0 -620px;
  vertical-align: middle;
}

.que_block {
  display: inline-block;
  padding: 1px 5px 0px 5px;
  color: #000000;
  max-width: 470px;
  background: url('/i/modern/error_arrow_r1.png?v=1');
  -moz-background-size: 600px 100%;
  background-size: 600px 100%;
  background-position: left;
  padding-left: 15px;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

#landing .que_block {
  float: right;
  max-width: 470px;
  background: url('/i/modern/error_arrow_r2.png?v=1');
  -moz-background-size: 600px 100%;
  background-size: 600px 100%;
  background-position: right;
  padding-right: 15px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  -o-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.9);
}

.que_mark {
  width: 18px;
  margin-top: 1px;
  vertical-align: top;
}

.input-disabled {
  background-color: #cccccc !important;
}

.propeller {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 50;
  position: absolute;
}

.propeller div {
  width: 88px;
  height: 88px;
  border-radius: 44px;
  -moz-border-radius: 44px;
  -webkit-border-radius: 44px;
  background: #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -44px 0 0 -44px;
  box-shadow: 0 0 25px 10px #000000;
  -moz-box-shadow: 0 0 25px 10px #000000;
  -webkit-box-shadow: 0 0 25px 10px #000000;
}

.propeller div img {
  width: 64px;
  height: 64px;
  margin: 12px 12px;
}

#mask {
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(20, 20, 20, 0.7);
  z-index: 0;
  position: absolute;
  display: none;
}

#landing #start {
  height: 340px;
  display: block;
}

#landing16 form {
  position: absolute;
  width: 100%;
}

#landing16 .wrapper {
  height: 100%;
  width: 100%;
  margin: 0 0 -409px 0;
  padding: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MmU1YzdiYy0zMWQ1LTUzNDMtOTA1OS0xOGI3ZjhjOTUxYTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0YzMzZGNTVGMzMxMTFFNEFFOUFCODZCQ0RCODA3QzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0YzMzZGNTRGMzMxMTFFNEFFOUFCODZCQ0RCODA3QzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NmU2ZGM4NGQtNzU4Yy0yODQzLTljOGItYzcwZWI0ZWU2MzkwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTgzYzI0ZGQtZWZlNS0xMWU0LTk5M2QtYzZjZTEyZmEyYWIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fUJJdAAAABNJREFUeNpiYoAAXyYQAWIBBBgABMsAn8uoeMQAAAAASUVORK5CYII=');
  background-repeat: repeat;
}

#landing16 a.copy-link {
  color: #000000;
}

#landing16.vid a.copy-link {
  color: #bbbbbb;
}

#landing16.vid a.copy-link:hover {
  color: #ffffff;
}

#landing16.vid .social.gp:focus {
  -moz-box-shadow: 0 0 10px #00ff00;
  box-shadow: 0 0 10px #00ff00;
}

#landing16 .gc {
  width: 100px;
  height: 111px;
  background: url('/i/modern/lp16_gc_bw.jpg?v=3') no-repeat;
  margin-left: 0;
  float: left;
}

#landing16 .gc:hover {
  background: url('/i/modern/lp16_gc.jpg?v=3') no-repeat;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}

#landing16 #rotate_quotes {
  width: 320px;
  display: none;
}

#landing16 #rotate_quotes .text {
  max-width: 350px !important;
}

#landing16 #rotate_quotes .text p {
  background: none;
  color: #000000;
  font-weight: bold;
  max-width: 300px !important;
}

#landing16 .author {
  font-size: 18px;
  margin-bottom: 0;
}

#landing16 .rotate_quotes_black .left_arrow {
  background: url('/i/modern/left_arrow16.png?v=1') no-repeat 0 3px;
  width: 19px;
  height: 80px;
}

#landing16 .rotate_quotes_black .right_arrow {
  background: url('/i/modern/right_arrow16.png?v=1') no-repeat 0 3px;
  width: 19px;
  vertical-align: top;
  padding-top: 3px;
}

#landing16 .show_video {
  width: 297px;
  height: 194px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  margin: 100px 0 0 631px;
  background: rgba(255, 255, 255, 0.5);
}

#landing16 .show_video .bg {
  width: 280px;
  height: 175px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  z-index: 2;
  margin: 10px 0 0 9px;
  display: block;
}

#landing16 .show_video img {
  width: 280px;
  height: 175px;
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  z-index: 5;
}

#landing16 .play-button {
  width: 106px;
  height: 107px;
  display: block;
  position: absolute;
  margin: 43px 0 0 93px;
  background: url('/i/modern/str.png?v=1') no-repeat;
  cursor: pointer;
  z-index: 10;
}

#landing16 .play-button:hover {
  background: url('/i/modern/str2.png?v=1') no-repeat;
  cursor: pointer;
}

#landing16 .clr {
  clear: both;
  height: 0;
}

#landing16 .logo.en {
  background: url('/i/modern/logo-en_spring.png?v=1') no-repeat center 0;
}

#landing16 .logo.ru {
  background: url('/i/modern/logo-ru_spring.png?v=1') no-repeat center 0;
}

#landing16 .logo.wo {
  background: url('/i/modern/logo3.png?v=1') no-repeat center 0;
}

#landing16 table.signup-table {
  margin: 20px 0 0 34px;
}

#landing16 .signup-table b {
  font-weight: normal;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

#landing16 {
  background: #ffffff url('/i/modern/lp16_bg_no.jpg?v=3') no-repeat center 0;
}

.space {
  display: block;
  width: 100%;
  height: 20px;
}

#landing16 .logo {
  height: 164px;
  width: 264px;
  margin: 0 auto;
  display: block;
  padding: 0px;
  float: none !important;
}

#landing16 .all {
  width: 974px;
  margin: auto;
  background-image: none;
}

#landing16 .head {
  padding: 10px 0 15px;
  height: inherit;
  width: 510px;
  position: relative;
  left: 50%;
  top: 100px;
  margin: -80px 0 0 -255px;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  -o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0 0 45px -5px rgba(0, 0, 0, 0.8), 1px 1px 5px 0px rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 45px -5px rgba(0, 0, 0, 0.8), 1px 1px 5px 0px rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.scale {
  padding-top: 10px;
  margin: 30px auto;
}

#landing16 .head td {
  padding: 1px 18px 0px;
}

#landing16 .wp_footer {
  position: relative;
  height: 529px;
  width: 100%;
  z-index: 1;
  overflow: hidden;
  background: url('/i/modern/cloudsi3.png?v=1') no-repeat 50% 100%;
}

#landing16 .footer {
  width: 740px;
  margin: auto;
}

#landing16 .que {
  color: #ffffff;
  font: bold 20px/20px Roboto, Helvetica, Arial, sans-serif;
  margin: -4px 0 0 6px;
  cursor: pointer;
  position: relative;
  float: left;
  width: 16px;
  top: 5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  opacity: 0.5;
}

#landing16 .que:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

#landing16 span.ico.bad {
  background-position: 0px -146px;
}

#landing16 span.ico.checking {
  background-image: url('/i/modern/ajax-loader4.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  float: left;
  height: 16px;
  line-height: 200px;
  margin: 0 0 10px 6px;
  position: relative;
  width: 16px;
  font-size: 0;
}

#landing16 .reload {
  background-position: -399px -115px;
  position: relative;
  top: 12px;
  left: -1px;
  width: 20px;
  height: 20px;
  float: left;
}

#landing16 #foo b {
  color: #ffffff;
}

#landing16 #foo .logo-gaijin {
  background: url('/i/modern/gaijin_b.png?v=1') no-repeat top center;
  width: 130px;
  height: 66px;
  margin: 10px 17px 10px 7px;
}

#landing16.vid #foo .logo-gaijin {
  background: url('/i/modern/gaijin_b_w.png?v=1') no-repeat top center;
  opacity: 1;
  margin: 0;
  width: 138px;
  height: 66px;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}

#landing16.vid #foo .logo-gaijin:hover {
  height: 76px;
  width: 168px;
  position: absolute;
  margin: -10px 0 0 -12px;
  display: block;
}

#landing16 #foo .awards {
  width: 207px;
  height: 70px;
  margin: 10px 7px 5px 30px;
  opacity: 0.6;
}

#landing16 #foo .awards:hover {
  opacity: 1;
}

#landing16.vid .reg-link {
  background-image: url(/i/modern/g_fb.png?v=1);
  background-repeat: repeat;
  margin-top: 120px;
  background-position: top left !important;
  transition: 0;
}

#landing16.vid .reg-link:hover, #landing16.vid .reg-link.e:hover, #landing16.vid .reg-link.ok:hover {
  background: url(/i/modern/a_fb.png?v=1) repeat top left !important;
  transition: 0;
  box-shadow: 0 0 25px -1px #ff0600;
}

#landing16.vid .reg-link.e {
  background: url(/i/modern/d_fb.png?v=1) repeat top left !important;
  transition: 0;
}

#landing16 .reg-link.ok {
  background: url('/i/modern/lp16_ok.gif') no-repeat top center !important;
  background-size: 100% !important;
}

#landing16.vid .reg-link.ok {
  background: url(/i/modern/d_fb.png?v=1) repeat top left !important;
  transition: 0;
}

#landing16 .reg-link.gr, #landing16 .reg-link.gr:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  height: 77px !important;
  font: 30px/30px 'Roboto', Tahoma, Arial, sans-serif !important;
  font-weight: bold;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
  display: block;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  margin: 10px auto;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: url('/i/modern/lp16_g.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link2 {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  height: 77px !important;
  font: 16px/16px 'Roboto', Tahoma, Arial, sans-serif !important;
  display: block;
  font-weight: bold;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  margin: 10px auto;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: url('/i/modern/lp16.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link {
  color: #fff;
  cursor: pointer;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  background-image: url('/i/modern/lp16.jpg?v=3');
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  height: 77px;
  font: 30px/30px Roboto, Helvetica, Arial, sans-serif;
  display: block;
  font-weight: bold;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  border-radius: 6px;
}

#landing16 .reg-link.green {
  background: url('/i/modern/lp16_green.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link:hover,
#landing16 .reg-link.active {
  background-image: url('/i/modern/lp16_h.jpg?v=3');
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0 25px -1px #ff0600;
  -moz-box-shadow: 0 0 25px -1px #ff0600;
  -webkit-box-shadow: 0 0 25px -1px #ff0600;
  -o-box-shadow: 0 0 25px -1px #ff0600;
}

#landing16 .reg-link.green:hover {
  box-shadow: 0 0 25px -1px #00ff00;
  -moz-box-shadow: 0 0 25px -1px #00ff00;
  -webkit-box-shadow: 0 0 25px -1px #00ff00;
  -o-box-shadow: 0 0 25px -1px #00ff00;
  background: url('/i/modern/lp16_green_h.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue {
  background: url('/i/modern/lp16_blue.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue:hover {
  box-shadow: 0 0 25px -1px #2e7baf;
  -moz-box-shadow: 0 0 25px -1px #2e7baf;
  -webkit-box-shadow: 0 0 25px -1px #2e7baf;
  -o-box-shadow: 0 0 25px -1px #2e7baf;
  background: url('/i/modern/lp16_blue_h.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue2 {
  background: url('/i/modern/lp16_blue2.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue2:hover {
  box-shadow: 0 0 25px -1px #6a64de;
  -moz-box-shadow: 0 0 25px -1px #6a64de;
  -webkit-box-shadow: 0 0 25px -1px #6a64de;
  -o-box-shadow: 0 0 25px -1px #6a64de;
  background: url('/i/modern/lp16_blue2_h.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue3 {
  background: url('/i/modern/lp16_blue3.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue3:hover {
  box-shadow: 0 0 25px -1px #00b2d8;
  -moz-box-shadow: 0 0 25px -1px #00b2d8;
  -webkit-box-shadow: 0 0 25px -1px #00b2d8;
  -o-box-shadow: 0 0 25px -1px #00b2d8;
  background: url('/i/modern/lp16_blue3_h.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue4 {
  background: url('/i/modern/lp16_blue4.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link.blue4:hover {
  box-shadow: 0 0 25px -1px #0091d0;
  -moz-box-shadow: 0 0 25px -1px #0091d0;
  -webkit-box-shadow: 0 0 25px -1px #0091d0;
  -o-box-shadow: 0 0 25px -1px #0091d0;
  background: url('/i/modern/lp16_blue4_h.jpg?v=3') no-repeat top center !important;
}

#landing16 .reg-link span {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  display: block;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
  padding: 20px 5px 5px;
}

#landing16 .que div {
  display: none;
  position: relative;
}

#landing16 .que:hover div {
  display: block;
  position: absolute;
  left: -66px;
  bottom: 29px;
  width: 150px;
  border: 3px solid rgba(255, 255, 255, 0.9);
  z-index: 22;
}

#landing16 .que span {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #ca321b;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

#landing16 .que div i {
  padding: 5px 10px;
  text-align: center;
  background-color: #ca321b;
  font: 13px Roboto, Helvetica, Arial, sans-serif;
  display: block;
}

#landing16 .social_sign {
  width: 200px;
  height: 95px;
  margin: 75px auto 0;
}

.agreement__item {
  margin-top: 15px;
  font-size: 12px;
}

.agreement__item:first-child {
  margin-top: 25px;
}

.agreement__item-input {
  width: auto !important;
  height: auto !important;
}

.agreement__item-label {
  margin-left: 5px;
  line-height: 1.2;
}

.agreement__item-label--error {
  color: red;
  font-size: 16px;
}

.agreement__item-label a {
  color: white;
}

.agreement__text {
  display: none;
  width: 408px;
  font-size: 12px;
  margin-top: 3px;
  line-height: 1.4;
}

#age-agreement {
  display: block;
  margin-top: 3px;
  font-size: 12px;
}

#landing16 .signup-table input {
  height: 24px;
  width: 174px;
  border: none;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#landing16 .signup-table.ver input {
  width: 394px;
}

#landing16 .signup-table.ver b {
  display: block;
}

#landing16 .signup-table input.error {
  border-color: #ff0000;
}

#landing16 .signup-table label.error {
  display: block;
  color: #ff0000;
  font-size: 12px;
}

#landing16 .captcha {
  height: inherit;
}

#landing16 .captcha .capt {
  margin-top: 0;
}

#landing16 .error_arrow {
  display: none;
}

#landing16 .que_error {
  margin-left: 0;
  position: relative;
  width: 186px;
  margin-top: 37px;
  color: #ffffff;
}

#landing16 .que_block {
  display: block;
  float: left;
  max-width: 186px;
  background: none !important;
  padding-left: 0px;
}

#landing16 .que_block img {
  margin-top: 0px;
  display: block;
  float: left;
}

#landing16 .que_text {
  max-width: 162px !important;
  padding: 0 0 0 18px;
  background: url('/i/modern/znak_sm.png?v=1') no-repeat top left;
  min-height: 13px;
  color: #fd6045;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 13px;
  font-style: italic;
}

#landing16 #login-domain-error {
  padding: 0;
  min-height: 13px;
  margin-top: 3px;
  margin-bottom: 5px;
  color: #fd6045;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 13px;
  font-style: italic;
  max-width: 175px;
  clear: both;
}

#landing16 #login-domain-error .script {
  margin-top: -2px;
  color: #fd6045;
}

#landing16 #login-domain-error .script .email {
  color: #ffebe7;
}

#landing16 .que_text.checking {
  background: url('/i/modern/ajax-loader4.gif') no-repeat top left !important;
  -moz-background-size: 16px 16px;
  background-size: 16px 16px;
  height: 16px;
}

#landing16 .white {
  color: #ffffff;
  font: 30px/30px Helvetica, Arial, sans-serif !important;
  display: inline-block;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
  padding-top: 5px;
}

.w_hr {
  height: 1px;
  width: 100px;
  border-bottom: 1px solid #ffffff;
  display: inline-block;
  margin: 0 15px 8px 15px;
  -o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

#landing16 .captcha_bg {
  width: 128px;
  height: 40px;
  float: left;
  background: #000000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#landing16 .captcha_bg img {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 0 2px #442d2b;
  box-shadow: 0 0 2px #442d2b;
}

#landing16 .awards-new-en-sm {
  width: 312px;
  height: 105px;
  background: url('/i/modern/kri_sm_en_bw.png?v=1') top left no-repeat;
  opacity: 1;
  margin: 8px 0 0 10px;
}

#landing16 .awards-new-ru-sm {
  width: 312px;
  height: 105px;
  background: url('/i/modern/kri_sm_ru_bw.png?v=1') top left no-repeat;
  opacity: 1;
  margin: 8px 0 0 10px;
}

#landing16 .awards-new-en-sm div, #landing16 .awards-new-ru-sm div {
  height: 125px;
  width: 95px;
  background: none;
  float: left;
}

#landing16 .awards-new-en-sm div:hover {
  opacity: 1;
  z-index: 100;
  background: url('/i/modern/awards_en_sm.png?v=1') no-repeat;
}

#landing16 .awards-new-ru-sm div:hover {
  opacity: 1;
  z-index: 100;
  background: url('/i/modern/awards_ru_sm.png?v=1') no-repeat;
}

#landing16 .awards-new-ru-sm .game, #landing16 .awards-new-en-sm .game {
  z-index: 15;
  background-position: 0 0;
}

#landing16 .awards-new-en-sm .develop, #landing16 .awards-new-ru-sm .develop {
  margin-left: -25px;
  z-index: 14;
}

#landing16 .awards-new-en-sm .develop:hover, #landing16 .awards-new-ru-sm .develop:hover {
  background-position: -96px 0;
}

#landing16 .awards-new-en-sm .tech, #landing16 .awards-new-ru-sm .tech {
  margin-left: -22px;
  z-index: 13;
}

#landing16 .awards-new-en-sm .tech:hover, #landing16 .awards-new-ru-sm .tech:hover {
  background-position: -193px 0;
}

#landing16 .awards-new-en-sm .sound, #landing16 .awards-new-ru-sm .sound {
  margin-left: -24px;
  z-index: 12;
}

#landing16 .awards-new-en-sm .sound:hover, #landing16 .awards-new-ru-sm .sound:hover {
  background-position: -290px 0;
}

#landing16 #media-container table, #landing16 .modal.popup {
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: table;
}

#landing16 #media-container .popup .r {
  padding: 11px;
}

#landing16 #media-container #media-container-content {
  padding: 0 10px;
}

#landing16 #media-container .popup, #landing16 .modal.popup {
  background: rgba(0, 0, 0, 0.9);
}

#landing16 .signup-table td {
  vertical-align: top;
}

#landing16 .modal .loginform {
  background: none;
  padding-top: 0;
}

#landing16 .modal.popup h1 {
  font: 24px/24px Tahoma, Arial, sans-serif;
}

#landing16 .modal .loginform h2 strong {
  color: #D32F2F;
  text-shadow: #000 1px 1px 0px;
  font: 24px/20px Tahoma, Arial, sans-serif;
  font-weight: bold;
}

#landing16 .modal.popup .grey {
  color: #959595;
}

#landing16 .modal.popup .small {
  font-size: 11px;
}

#landing16 .shim {
  background: rgba(0, 0, 0, 0.7);
}

#landing16 .download-link {
  color: #3d3d3d;
  height: 45px;
  width: 230px;
  text-align: left;
  padding: 8px 0 10px 60px;
  margin: 0 auto 10px;
  font-size: 21px;
  margin-bottom: 10px;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  background: url('/i/modern/download.png?v=1') no-repeat left top;
  vertical-align: middle;
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.9);
}

#landing16.vid .download-link {
  color: #b6b6b6;
  height: 45px;
  width: 230px;
  text-align: left;
  padding: 8px 60px 10px 0px;
  margin: 0 auto 10px;
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 24px;
  margin-bottom: 10px;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  background: url('/i/modern/download.png?v=1') no-repeat right top;
  vertical-align: middle;
  text-shadow: none;
}

#landing16 .download-link:hover {
  color: #000000;
  background: url('/i/modern/download_h.png?v=1') no-repeat left top;
}

#landing16.vid .download-link:hover {
  color: #ffffff;
  background: url('/i/modern/download_h.png?v=1') no-repeat right top;
}

#landing16.vid .head .download-link {
  color: #b6b6b6;
  height: 35px;
  width: 230px;
  text-align: left;
  padding: 8px 0px 0px 0px;
  margin: 0 auto 10px;
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  background: none;
  vertical-align: middle;
  text-shadow: none;
  border-bottom: 2px solid #b6b6b6;
}

#landing16.vid .download-link.dl-2 {
  font-size: 20px;
  line-height: 43px;
}

#landing16.vid .head .download-link:hover {
  color: #ffffff;
}

.down {
  border-radius: 5px;
}

.container-content {
  box-sizing: border-box;
  max-width: 750px;
  padding: 20px 78px;
  background-color: #14171e;
  border: 1px solid #273038;
}

p {
  padding: 50px;
}

.container-content .line {
  height: 1px;
  width: 100%;
  margin: 0 auto 15px;
  display: block;
  background: url('/i/modern/line.png?v=1') no-repeat top center;
}

.container-content h2 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}

.container-content p {
  text-align: center;
}

.container-content__btn {
  display: block;
  background-image: url('/i/modern/sprite/but.png');
  background-repeat: no-repeat;
  width: 377px;
  margin: .5em auto;
  padding: 27px 0;
  font-family: 'wtf', Arial, sans-serif !important;
  color: #fff !important;
  font-size: 28px;
  text-shadow: 2px 2px rgba(0, 0, 0, .8);
  text-align: center;
  text-decoration: none;
  line-height: 1.2;
  box-sizing: border-box;
}

.container-content .arrow-icon {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 33px;
  background: url('/i/modern/sprite/arrow.png') 4px no-repeat;
  vertical-align: top;
}

.container-content__launcher {
  display: inline-block;

  width: 377px;
  height: 88px;
  padding: .4em 0;

  background-image: url('/i/modern/sprite/but.png');
  background-repeat: no-repeat;

  color: white;
  font-family: 'wtf', Arial, sans-serif !important;
  font-size: 28px;

  text-shadow: 2px 2px rgba(0, 0, 0, .8);
  text-decoration: none;
}

.container-content__launcher-platform {
  display: block;

  font-size: 16px;
  text-shadow: none;
}

div.play-free, div.play-free.en {
  background: url('/i/modern/free_en.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  position: absolute;
  margin: -110px 0 0 -140px;
}

div.play-free.en.bw {
  background: url('/i/modern/free_en_bw.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  opacity: 1;
  position: relative;
}

div.play-free.cz {
  background: url('/i/modern/free_cz.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  position: absolute;
  margin: -110px 0 0 -140px;
}

div.play-free.cz.bw {
  background: url('/i/modern/free_cz_bw.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  opacity: 1;
  position: relative;
}

div.play-free.de {
  background: url('/i/modern/free_de.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  position: absolute;
  margin: -110px 0 0 -140px;
}

div.play-free.de.bw {
  background: url('/i/modern/free_de_bw.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  opacity: 1;
  position: relative;
}

div.play-free.fr {
  background: url('/i/modern/free_fr.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  position: absolute;
  margin: -110px 0 0 -140px;
}

div.play-free.fr.bw {
  background: url('/i/modern/free_fr_bw.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  opacity: 1;
  position: relative;
}

div.play-free.ru {
  background: url('/i/modern/free_ru.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  position: absolute;
  margin: -110px 0 0 -140px;
}

div.play-free.ru.bw {
  background: url('/i/modern/free_ru_bw.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  opacity: 1;
  width: 209px;
  height: 208px;
  position: relative;
}

div.play-free.pl {
  background: url('/i/modern/free_pl.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  position: absolute;
  margin: -110px 0 0 -140px;
}

div.play-free.pl.bw {
  background: url('/i/modern/free_pl.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 209px;
  height: 208px;
  opacity: 1;
  position: relative;
}

div.play-tanks, div.play-tanks.en {
  background: url('/i/modern/tanks-en.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 580px;
  height: 340px;
  position: absolute;
  margin: -110px 0 0 -190px;
}

div.play-tanks.ru {
  background: url('/i/modern/tanks-ru.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  position: absolute;
  margin: -110px 0 0 -190px;
}

div.play-tanks.de {
  background: url('/i/modern/tanks-de.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  position: absolute;
  margin: -110px 0 0 -190px;
}

div.play-tanks.fr {
  background: url('/i/modern/tanks-fr.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  position: absolute;
  margin: -110px 0 0 -190px;
}

div.tanks {
  background: url('/i/modern/tanks.png?v=1') no-repeat top right;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  width: 580px;
  height: 340px;
  position: absolute;
  margin: -110px 0 0 -190px;
}

#landing16.vid div.play-free {
  height: 182px;
  width: 182px;
}

div.footer-gc {
  background: url('/i/modern/footer-gc.jpg?v=3') no-repeat top left;
  width: 207px;
  height: 100px;
  position: absolute;
  left: 10%;
}

@media screen\0 {
  #landing16 .head {
    -moz-box-shadow: none;
    box-shadow: none;
  }

  #menu .sub li span {
    width: 6px;
    top: 7px;
    margin: 0 4px 0 2px;
  }
}

#landing16 .head.cbt td {
  padding: 1px 2px 10px;
  vertical-align: middle;
}

#landing16 .head.cbt td input {
  width: 340px;
  padding: 2px 6px;
}

#landing16 .head.cbt td.checkbox-row {
  text-align: left;
}

#landing16 .head.cbt td.checkbox-row input {
  width: 40px;
  height: 15px;
  margin: 0;
  padding: 0;
}

#landing16 .head.cbt td b {
  float: right;
  text-align: right;
}

#landing16 .head.cbt .signup-table td select {
  color: #000000;
  font: 12px Tahoma, Arial, sans-serif;
  width: inherit;
  height: 30px;
  float: left;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 0 2px #c36762, inset 0 2px 2px 0px #888;
  box-shadow: 0 0 2px #c36762, inset 0 2px 2px 0px #888;
  padding: 0 0 0 6px;
  margin-left: 0;
}

#landing16 .head.cbt .signup-table td textarea {
  color: #000000;
  font: 12px Tahoma, Arial, sans-serif;
  width: 345px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 0 2px #c36762, inset 0 2px 2px 0px #888;
  box-shadow: 0 0 2px #c36762, inset 0 2px 2px 0px #888;
  padding: 3px 0 3px 6px;
  margin-left: 0;
}

#landing16 .close-nda {
  width: 20px;
  opacity: 0.5;
  height: 20px;
  margin: -4px -3px 0 -18px;
  float: right;
  z-index: 21;
  background: url('/i/modern/close.png?v=1') no-repeat top right;
}

a.us-link {
  float: left !important;
  width: 408px !important;
  margin: 10px auto !important;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  height: 54px !important;
  padding-top: 22px !important;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
  font: 30px/30px Helvetica, Arial, sans-serif !important;
  background: url('/i/modern/lp16_fb.jpg?v=3') no-repeat center center !important;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  -moz-border-radius: 8px;
  border-radius: 8px;
}

a.us-link:hover {
  background: url('/i/modern/lp16_fb.jpg?v=3') no-repeat center center !important;
  box-shadow: 0 0 25px -1px #243d76 !important;
  -moz-box-shadow: 0 0 25px -1px #243d76 !important;
  -webkit-box-shadow: 0 0 25px -1px #243d76 !important;
  -o-box-shadow: 0 0 25px -1px #243d76 !important;
}

.players, .players.en {
  margin: -20px auto 0;
  width: 176px;
  height: 90px;
  background: url('/i/modern/5_en.png?v=1');
  background-position: top center;
  background-repeat: no-repeat;
}

.players.fr {
  background: url('/i/modern/5_fr.png?v=1');
}

.line-bg {
  background: url('/i/modern/line_bw.png?v=1');
  width: 50%;
  height: 94px;
  position: absolute;
  left: 0;
  margin: 50px 0 0 -430px;
}

#landing16.vid .reg-link span {
  font-family: 'wtfModern', Arial, sans-serif !important;
  font-size: 44px !important;
  text-transform: uppercase;
}

table.stamp {
  height: 294px !important;
  margin: 0 auto;
}

@media screen and (max-width: 1090px) {
  #landing16.vid .play-tanks, #landing16.vid .tanks {
    display: none !important;
  }
}

@media screen and (max-height: 800px) {
  #landing16 div.play-free {
    height: 140px;
    width: 140px;
  }

  #landing16.vid div.play-free {
    height: 140px;
    width: 140px;
    margin: 80px 0 0 140px;
  }

  #landing16 div.social_sign {
    width: 156px;
  }

  #landing16.vid .logo.wo {
    height: 107px;
    width: 200px;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }

  #landing16 .reg-link span {
    font-size: 24px;
    padding-top: 12px;
  }

  #landing16.vid .reg-link span {
    font-size: 29px !important;
    padding-top: 12px !important;
  }

  #landing16 .awards-new-en-sm, #landing16 .awards-new-ru-sm {
    width: 254px;
    height: 85px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .awards-new-en-sm div, #landing16 .awards-new-ru-sm div {
    height: 85px;
    -moz-background-size: auto 85px;
    background-size: auto 85px;
    width: 76px;
    background: none;
  }

  #landing16 .awards-new-ru-sm div:hover, #landing16 .awards-new-en-sm div:hover {
    opacity: 1;
    z-index: 100;
    -moz-background-size: auto 85px;
    background-size: auto 85px;
  }

  #landing16 .awards-new-ru-sm .game, #landing16 .awards-new-en-sm .game {
    z-index: 15;
    background-position: 0 0;
  }

  #landing16 .awards-new-ru-sm .develop, #landing16 .awards-new-en-sm .develop {
    margin-left: -18px;
    z-index: 14;
  }

  #landing16 .awards-new-ru-sm .develop:hover, #landing16 .awards-new-en-sm .develop:hover {
    background-position: -78px 0;
  }

  #landing16 .awards-new-ru-sm .tech, #landing16 .awards-new-en-sm .tech {
    margin-left: -14px;
    z-index: 13;
  }

  #landing16 .awards-new-ru-sm .tech:hover, #landing16 .awards-new-en-sm .tech:hover {
    background-position: -159px 0;
  }

  #landing16 .awards-new-ru-sm .sound, #landing16 .awards-new-en-sm .sound {
    margin-left: -22px;
    z-index: 12;
    width: 76px;
  }

  #landing16 .awards-new-ru-sm .sound:hover, #landing16 .awards-new-en-sm .sound:hover {
    background-position: -235px 0;
  }

  #landing16 .gc {
    height: 85px;
    width: 80px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 #foo .logo-gaijin {
    height: 50px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .psp {
    height: 45px;
  }

  #landing16 .esrb {
    height: 60px;
  }

  #landing16 .leftimg {
    width: 445px !important;
    margin-left: 85px !important;
  }

  .line-bg {
    margin: 25px 0 0 -430px;
  }

  table.stamp {
    height: 152px !important;
  }

  #landing16.vid.tnk table.stamp {
    height: 249px !important;
  }

  #landing16.vid .wrapper {
    margin-bottom: -266px !important;
  }

  #landing16.vid .wp_footer {
    height: 265px !important;
  }

  #landing16.vid.tnk .wrapper {
    margin-bottom: -367px !important;
  }

  #landing16.vid.tnk .wp_footer {
    height: 335px !important;
  }

  #landing16.vid .play-tanks, #landing16.vid .tanks {
    height: 230px;
    width: 380px;
    margin-top: 40px !important;
  }

  #landing16.vid .play-tanks.fbk, #landing16.vid.fbk .tanks {
    height: 230px;
    width: 380px;
    margin-top: 77px !important;
  }
}

#landing16 .reg-link, #landing16 .reg-link:hover {
  width: 305px;
  height: 57px;
  -moz-background-size: 100%;
  background-size: 100%;
}

@media screen and (min-height: 801px) and (max-height: 850px) {
  #landing16 div.play-free {
    height: 154px;
    width: 154px;
  }

  #landing16 div.social_sign {
    width: 165px;
  }

  #landing16.vid .reg-link span {
    font-size: 34px !important;
    padding-top: 13px !important;
  }

  #landing16 .awards-new-en-sm, #landing16 .awards-new-ru-sm {
    width: 254px;
    height: 85px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .awards-new-en-sm div, #landing16 .awards-new-ru-sm div {
    height: 85px;
    -moz-background-size: auto 85px;
    background-size: auto 85px;
    width: 76px;
    background: none;
  }

  #landing16 .awards-new-ru-sm div:hover, #landing16 .awards-new-en-sm div:hover {
    opacity: 1;
    z-index: 100;
    -moz-background-size: auto 85px;
    background-size: auto 85px;
  }

  #landing16 .awards-new-ru-sm .game, #landing16 .awards-new-en-sm .game {
    z-index: 15;
    background-position: 0 0;
  }

  #landing16 .awards-new-ru-sm .develop, #landing16 .awards-new-en-sm .develop {
    margin-left: -18px;
    z-index: 14;
  }

  #landing16 .awards-new-ru-sm .develop:hover, #landing16 .awards-new-en-sm .develop:hover {
    background-position: -78px 0;
  }

  #landing16 .awards-new-ru-sm .tech, #landing16 .awards-new-en-sm .tech {
    margin-left: -14px;
    z-index: 13;
  }

  #landing16 .awards-new-ru-sm .tech:hover, #landing16 .awards-new-en-sm .tech:hover {
    background-position: -159px 0;
  }

  #landing16 .awards-new-ru-sm .sound, #landing16 .awards-new-en-sm .sound {
    margin-left: -19px;
    z-index: 12;
    width: 72px;
  }

  #landing16 .awards-new-ru-sm .sound:hover, #landing16 .awards-new-en-sm .sound:hover {
    background-position: -235px 0;
  }

  #landing16 .gc {
    height: 85px;
    width: 80px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 #foo .logo-gaijin {
    height: 50px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .psp {
    height: 45px;
  }

  #landing16 .esrb {
    height: 60px;
  }

  #landing16 .leftimg {
    width: 445px !important;
    margin-left: 85px !important;
  }

  .line-bg {
    margin: 38px 0 0 -430px;
  }

  #landing16.vid .play-tanks, #landing16.vid .tanks {
    height: 230px;
    width: 380px;
    margin-top: 75px !important;
  }

  #landing16.vid.fbk .play-tanks, #landing16.vid.fbk .tanks {
    height: 230px;
    width: 380px;
    margin-top: 80px !important;
  }
}

@media screen and (min-height: 851px) and (max-height: 900px) {
  #landing16 div.play-free {
    height: 168px;
    width: 168px;
  }

  #landing16 div.social_sign {
    width: 174px;
  }

  #landing16 .reg-link, #landing16 .reg-link:hover {
    width: 330px !important;
    height: 62px !important;
    -moz-background-size: 100% !important;
    background-size: 100% !important;
  }

  #landing16 .reg-link span {
    font-size: 26px !important;
    padding-top: 15px !important;
  }

  #landing16.vid .reg-link span {
    font-size: 38px !important;
    padding-top: 16px !important;
  }

  #landing16 .awards-new-en-sm, #landing16 .awards-new-ru-sm {
    width: 282px;
    height: 95px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .awards-new-en-sm div, #landing16 .awards-new-ru-sm div {
    height: 95px;
    width: 85px;
    background: none;
  }

  #landing16 .awards-new-ru-sm div:hover, #landing16 .awards-new-en-sm div:hover {
    opacity: 1;
    z-index: 100;
    -moz-background-size: auto 95px;
    background-size: auto 95px;
  }

  #landing16 .awards-new-ru-sm .game, #landing16 .awards-new-en-sm .game {
    z-index: 15;
    background-position: 0 0;
  }

  #landing16 .awards-new-ru-sm .develop, #landing16 .awards-new-en-sm .develop {
    margin-left: -21px;
    z-index: 14;
  }

  #landing16 .awards-new-ru-sm .develop:hover, #landing16 .awards-new-en-sm .develop:hover {
    background-position: -87px 0;
  }

  #landing16 .awards-new-ru-sm .tech, #landing16 .awards-new-en-sm .tech {
    margin-left: -18px;
    z-index: 13;
  }

  #landing16 .awards-new-ru-sm .tech:hover, #landing16 .awards-new-en-sm .tech:hover {
    background-position: -174px 0;
  }

  #landing16 .awards-new-ru-sm .sound, #landing16 .awards-new-en-sm .sound {
    margin-left: -18px;
    z-index: 12;
    width: 82px;
  }

  #landing16 .awards-new-ru-sm .sound:hover, #landing16 .awards-new-en-sm .sound:hover {
    background-position: -263px 0;
  }

  #landing16 .gc {
    height: 95px;
    width: 95px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 #foo .logo-gaijin {
    height: 58px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .psp {
    height: 54px;
  }

  #landing16 .esrb {
    height: 70px;
  }

  #landing16 .leftimg {
    width: 502px !important;
    margin-left: 30px !important;
  }

  .line-bg {
    margin: 45px 0 0 -430px;
  }

  #landing16.vid .play-tanks, #landing16.vid .tanks {
    height: 260px;
    width: 440px;
    margin-top: 55px !important;
  }
}

@media screen and (min-height: 901px) and (max-height: 950px) {
  #landing16 div.play-free {
    height: 182px;
    width: 182px;
  }

  #landing16 div.social_sign {
    width: 182px;
  }

  #landing16 .reg-link, #landing16 .reg-link:hover {
    width: 355px !important;
    height: 66px !important;
    -moz-background-size: 100% !important;
    background-size: 100% !important;
  }

  #landing16 .reg-link span {
    font-size: 26px !important;
    padding-top: 15px !important;
  }

  #landing16.vid .reg-link span {
    font-size: 44px !important;
    padding-top: 17px !important;
  }

  #landing16 .awards-new-en-sm, #landing16 .awards-new-ru-sm {
    width: 282px;
    height: 95px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .awards-new-en-sm div, #landing16 .awards-new-ru-sm div {
    height: 95px;
    width: 85px;
    background: none;
  }

  #landing16 .awards-new-ru-sm div:hover, #landing16 .awards-new-en-sm div:hover {
    opacity: 1;
    z-index: 100;
    -moz-background-size: auto 95px;
    background-size: auto 95px;
  }

  #landing16 .awards-new-ru-sm .game, #landing16 .awards-new-en-sm .game {
    z-index: 15;
    background-position: 0 0;
  }

  #landing16 .awards-new-ru-sm .develop, #landing16 .awards-new-en-sm .develop {
    margin-left: -21px;
    z-index: 14;
  }

  #landing16 .awards-new-ru-sm .develop:hover, #landing16 .awards-new-en-sm .develop:hover {
    background-position: -87px 0;
  }

  #landing16 .awards-new-ru-sm .tech, #landing16 .awards-new-en-sm .tech {
    margin-left: -18px;
    z-index: 13;
  }

  #landing16 .awards-new-ru-sm .tech:hover, #landing16 .awards-new-en-sm .tech:hover {
    background-position: -174px 0;
  }

  #landing16 .awards-new-ru-sm .sound, #landing16 .awards-new-en-sm .sound {
    margin-left: -18px;
    z-index: 12;
    width: 82px;
  }

  #landing16 .awards-new-ru-sm .sound:hover, #landing16 .awards-new-en-sm .sound:hover {
    background-position: -263px 0;
  }

  #landing16 .gc {
    height: 95px;
    width: 95px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 #foo .logo-gaijin {
    height: 58px;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }

  #landing16 .psp {
    height: 54px;
  }

  #landing16 .esrb {
    height: 70px;
  }

  #landing16 .leftimg {
    width: 502px !important;
    margin-left: 30px !important;
  }

  .line-bg {
    margin: 50px 0 0 -430px;
  }

  #landing16.vid .play-tanks, #landing16.vid .tanks {
    height: 290px;
    width: 470px;
    margin-top: 35px !important;
  }
}

@media screen and (min-height: 951px) and (max-height: 1000px) {
  #landing16 div.play-free {
    height: 196px;
    width: 196px;
  }

  #landing16.vid div.play-free {
    height: 182px;
    width: 182px;
    margin: 100px 0 0 140px;
  }

  #landing16 div.social_sign {
    width: 190px;
  }

  #landing16 .reg-link, #landing16 .reg-link:hover {
    width: 380px !important;
    height: 71px !important;
    -moz-background-size: 100% !important;
    background-size: 100% !important;
  }

  #landing16 .reg-link span {
    font-size: 28px !important;
    padding-top: 16px !important;
  }

  #landing16.vid .reg-link span {
    padding-top: 20px !important;
  }

  .line-bg {
    margin: 50px 0 0 -430px;
  }

  #landing16.vid .play-tanks, #landing16.vid .tanks {
    height: 290px;
    width: 470px;
    margin-top: 35px !important;
  }
}

#video_bg {
  z-index: -2;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;

  top: 0px;
  left: 50%;
  transform: translateX(-50%);

  height: 100%;
  width: 193.93vh; /* 100 * 1.93 */
  min-width: 100%;
  min-height: 51.56vw; /* 100 / 1.93 */
}

#video_bg .js-bg-video {
  display: none;
}

#video_bg iframe {
  opacity: 0.01;
  transition: opacity 0.3s ease-in-out;
}

.video_bg__wrapper, .video_bg__logo {
  position: absolute;
}

.video_bg__wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.video_bg__logo {
  display: block;
  width: 354px;
  height: 370px;
  top: 0;
  left: 40%;
  background-image: url('/i/modern/logo-pimgpsh_fullsize_distr.png');
  background-repeat: no-repeat;
}

#video_bg._ready iframe {
  opacity: 1;
}

#video_bg_play {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.gamescom {
  background: url('/i/modern/gamescomaward_bw.png?v=1');
  -moz-background-size: 100%;
  background-size: 100%;
  width: 125px;
  height: 62px;
  float: left;
}

.gamescom:hover {
  background: url('/i/modern/gamescomaward.png?v=1') 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}

.footer .hobbyworld {
  width: 143px;
  height: 55px;
  display: inline-block;
  margin: 0 30px 0 30px;
  background: 0 0;
}

.footer .hobbyworld div {
  width: 143px;
  height: 66px;
  background: url(/i/landings/osada/hobbyworld.png?v=1) top left no-repeat;
  background-size: 100% auto;
}

.osada_corner {
  background: url(/i/landings/osada/corner.png?v=1) top left no-repeat;
  background-size: 100% auto;
}

#landing16.vid .awards-new-ru-sm div:hover {
  opacity: 1;
  z-index: 100;
  background: url('/i/modern/awards_ru_sm.png?v=1') no-repeat;
}

#landing16.vid .awards-new-en-sm div:hover {
  opacity: 1;
  z-index: 100;
  background: url('/i/modern/awards_en_sm.png?v=1') no-repeat;
}

#landing16.vid .awards-new-en-sm, #landing16.vid .awards-new-ru-sm {
  width: 205px;
  height: 64px;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}

#landing16.vid .awards-new-en-sm div, #landing16.vid .awards-new-ru-sm div {
  height: 64px;
  -moz-background-size: auto 64px;
  background-size: auto 64px;
  width: 58px;
  background: none;
}

#landing16.vid .awards-new-ru-sm div:hover, #landing16.vid .awards-new-en-sm div:hover {
  opacity: 1;
  z-index: 100;
  height: 85px;
  width: 78px;
  margin: -14px 0 0 -12px;
  -moz-background-size: auto 85px;
  background-size: auto 85px;
}

#landing16.vid .awards-new-ru-sm .game, #landing16.vid .awards-new-en-sm .game {
  z-index: 15;
  background-position: 0 0;
}

#landing16.vid .awards-new-ru-sm .develop, #landing16.vid .awards-new-en-sm .develop {
  margin-left: -15px;
  z-index: 14;
}

#landing16.vid .awards-new-ru-sm .develop:hover, #landing16.vid .awards-new-en-sm .develop:hover {
  background-position: -78px 0;
  margin-left: -25px;
  margin-top: -16px;
}

#landing16.vid .awards-new-ru-sm .tech, #landing16.vid .awards-new-en-sm .tech {
  margin-left: -13px;
  z-index: 13;
}

#landing16.vid .awards-new-ru-sm .tech:hover, #landing16.vid .awards-new-en-sm .tech:hover {
  background-position: -155px 0;
  margin-left: -25px;
}

#landing16.vid .awards-new-ru-sm .sound, #landing16.vid .awards-new-en-sm .sound {
  margin-left: -12px;
  z-index: 12;
  width: 56px;
}

#landing16.vid .awards-new-ru-sm .sound:hover, #landing16.vid .awards-new-en-sm .sound:hover {
  background-position: -235px 0;
  width: 77px;
  margin-left: -25px;
  margin-top: -16px;
}

#landing16.vid #foo .logo-gaijin {
  height: 66px;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}

#landing16.vid form {
  position: absolute;
  width: 100%;
  min-width: 320px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.rating-ru {
  margin-bottom: 12px;
  height: 38px;
  width: 38px;
  display: inline-block;
}

.rating-ru div {
  margin-bottom: 12px;
  background: url('/i/modern/12_g.png?v=1');
  background-repeat: no-repeat;
  height: 38px;
  width: 38px;
  display: block;
}

.rating-ru div:hover {
  background: url('/i/modern/12.png?v=1');
  position: absolute;
  height: 50px;
  width: 50px;
  margin-left: -5px;
  margin-top: -10px;
}

.rating-de {
  height: 64px;
  width: 64px;
  display: inline-block;
}

.rating-de div {
  background: url('/i/modern/usk_g.png?v=1');
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 64px;
  width: 64px;
  display: block;
}

.rating-de div:hover {
  background: url('/i/modern/usk12.png?v=1');
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  height: 74px;
  width: 74px;
  margin-left: -6px;
  margin-top: -8px;
}

.rating-en {
  margin-bottom: 0;
  height: 64px;
  width: 64px;
  display: inline-block;
}

.rating-en div {
  background: url('/i/modern/pegi_g.png?v=1');
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-bottom: 0;
  height: 64px;
  width: 64px;
  display: block;
}

.rating-en div:hover {
  background: url('/i/modern/pegi.png?v=1');
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  height: 74px;
  width: 74px;
  margin-left: -6px;
  margin-top: -8px;
}

.rating-us {
  margin-bottom: 2px;
  height: 61px;
  width: 45px;
  display: inline-block;
}

.rating-us div {
  background: url('/i/modern/esrb.png?v=1');
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 61px;
  width: 45px;
  display: block;
}

.rating-us div:hover {
  background: url('/i/modern/esrb.png?v=1');
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  height: 72px;
  width: 53px;
  margin-left: -6px;
  margin-top: -8px;
}

#landing16 {
  overflow: hidden;
}

#landing16.vid .gamescom {
  width: 132px;
  height: 64px;
  margin-right: 10px;
  background: none;
}

#landing16.vid .gamescom div {
  width: 132px;
  height: 64px;
  background: url('/i/modern/gamescomaward_bw.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .gamescom div:hover {
  width: 156px;
  height: 75px;
  position: absolute;
  margin: -12px 0 0 -14px;
  background: url('/i/modern/gamescomaward.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .wp_footer {
  height: auto;
}

#landing16.vid .wrapper {
  min-height: 400px;
}

#landing16.vid .head {
  top: 0;
  margin-top: 0;
}

#landing16.vid .logo-gaijin, #landing16.vid #awards, #landing16.vid .gamescom {
  float: none;
  display: inline-block;
}

#landing16 .footer-bg {
  background: rgba(0, 0, 0, 0.90);
  margin-top: 0;
  padding: 16px 0 7px 0;
}

#landing16 .footer-bg table {
  margin: 0 auto;
  height: 100%;
}

#landing16.vid .footer-bg {
  min-height: 92px;
}

.error__tooltip_text {
  font-size: 12px;
  text-transform: none;
  font-weight: normal;
}

.error_tooltip {
  display: none;
  cursor: pointer;
  position: absolute;
  margin-top: 10px;

  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: firebrick;
  padding: 10px 5px;
  width: 150px;
  z-index: 2;
}

.relative .error_tooltip {
  top: 0;
}

.error_tooltip--left {
  right: 92%;
  margin-right: 4px;
}

.error_tooltip--left:after {
  top: 15px;
  right: 0;
  margin-right: -7px;
  content: '';
  position: absolute;
  display: block;
  border-left: 8px solid red;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

@media screen and (max-width: 920px) {
  #landing16.vid .footer-bg div.mac, #landing16.vid .footer-bg div.pc, #landing16.vid .footer-bg div.ps4 {
    display: none;
  }
}

@media screen and (max-width: 890px) {
  #landing16.vid .play-free {
    display: none !important;
  }
}

@media screen and (max-width: 810px) {
  #landing16.vid a.copy-link {
    font-size: 12px;
  }
}

@media screen and (max-width: 575px) {
  #landing16.vid .gamescom {
    display: none;
  }
}

@media screen and (max-width: 420px) {
  #landing16.vid .logo-gaijin {
    margin-left: 8px !important;
  }

  #landing16.vid #awards {
    display: none;
  }

  #landing16 .footer-bg table td {
    line-height: 12px;
  }

  #landing16.vid a.copy-link {
    font-size: 12px;
  }
}

@media screen and (max-width: 400px) {
  .rating-ru, .rating-en, .rating-de {
    display: none;
  }
}

#landing16.vid .footer-bg table img {
  padding-right: 10px;
}

#landing16.vid div.play-free {
  display: none;
}

#landing16.vid div.show-again {
  position: absolute;
  display: none;
  width: 80px;
  height: 100px;
  right: 7px;
  bottom: 135px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  background: url('/i/modern/reload_bw.png?v=1') no-repeat top center;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  cursor: pointer;
}

#landing16.vid div.show-again:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#landing16.vid div.show-again span {
  color: #ffffff;
  text-align: center;
  display: block;
  margin-top: 74px;
  text-transform: uppercase;
}

#landing16.vid .footer-bg div.mac {
  width: 42px;
  height: 55px;
  vertical-align: top;
  padding: 7px 10px 0 0;
  background: none;
  display: inline-block;
}

#landing16.vid .footer-bg div.mac div {
  width: 42px;
  height: 55px;
  background: url('/i/modern/m_bw.png?v=1') no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}

#landing16.vid .footer-bg div.mac div:hover {
  width: 58px;
  height: 72px;
  position: absolute;
  margin: -10px 0 0 -8px;
  background: url('/i/modern/m_bw2.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .footer-bg div.mac.old {
  width: 42px;
  height: 42px;
  padding: 13px 10px 0 0;
}

#landing16.vid .footer-bg div.mac.old div {
  width: 42px;
  height: 42px;
  background: url('/i/modern/m_bw_old.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .footer-bg div.mac.old div:hover {
  width: 58px;
  height: 58px;
  margin: -6px 0 0 -8px;
  background: url('/i/modern/m_bw2_old.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .footer-bg div.pc {
  width: 58px;
  height: 40px;
  padding: 15px 10px 0 10px;
  vertical-align: top;
  display: inline-block;
  background: none;
}

#landing16.vid .footer-bg div.pc div {
  width: 58px;
  height: 40px;
  background: url('/i/modern/p_bw.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .footer-bg div.pc div:hover {
  width: 72px;
  height: 50px;
  position: absolute;
  margin: 0 0 0 -5px;
  background: url('/i/modern/p_bw2.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .footer-bg div.ps4 {
  width: 100px;
  height: 40px;
  padding-top: 12px;
  vertical-align: top;
  padding-right: 0px;
  display: inline-block;
  background: none;
}

#landing16.vid .footer-bg div.ps4 div {
  width: 100px;
  height: 40px;
  background: url('/i/modern/p4_bw.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid .footer-bg div.ps4 div:hover {
  width: 130px;
  height: 52px;
  position: absolute;
  margin: -8px 0 0 -12px;
  background: url('/i/modern/p4_bw2.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

div.ungestreamt1 {
  width: 100px;
  height: 100px;
  display: inline-block;
  background: url('/i/landings/ungestreamt/image001.png?v=1') no-repeat top left;
}

#landing16.vid .footer-bg div.ungestreamt2 {
  width: 64px;
  height: 64px;
  margin-left: 9px;
  display: inline-block;
  background: none;
}

#landing16.vid .footer-bg div.ungestreamt2 div {
  width: 64px;
  height: 64px;
  background: url('/i/landings/ungestreamt/image003.png?v=1') no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#landing16.vid.fbk .reg-container {
  width: 780px;
  margin: 0 auto;
}

#landing16.vid.fbk .reg-link {
  width: 330px !important;
  height: 117px !important;
  background: url(/i/modern/g_fb.png?v=1) repeat top left !important;
  -moz-transition: 0;
  transition: 0;
}

#landing16.vid.fbk .reg-link span {
  font-size: 34px !important;
  text-transform: none;
  display: table-cell;
  vertical-align: middle;
  height: 117px;
  width: 320px;
  padding: 0 5px !important;
}

#landing16.vid.fbk .fbk-download {
  width: 430px !important;
  float: right;
  margin-top: 125px;
  height: 117px;
  background: url(/i/modern/g_fb.png?v=1) repeat top left !important;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .7);
  box-shadow: 0 0 7px rgba(0, 0, 0, .7);
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#landing16.vid.fbk .reg-link:hover, #landing16.vid.fbk .reg-link.e:hover, #landing16.vid.fbk .reg-link.ok:hover {
  background: url(/i/modern/a_fb.png?v=1) repeat top left !important;
}

#landing16.vid.fbk .fbk-download:hover, #landing16.vid.fbk .fbk-download.e:hover {
  background: url(/i/modern/a_fb.png?v=1) repeat top left !important;
  box-shadow: 0 0 25px -1px #ff0600;
  -moz-box-shadow: 0 0 25px -1px #ff0600;
  -webkit-box-shadow: 0 0 25px -1px #ff0600;
  -o-box-shadow: 0 0 25px -1px #ff0600;
}

#landing16.vid.fbk .reg-link.e, #landing16.vid.fbk .reg-link.ok, #landing16.vid.fbk .fbk-download.e, #landing16.vid.fbk .fbk-download.ok {
  background: url(/i/modern/d_fb.png?v=1) repeat top left !important;
}

#landing16.vid.fbk .fbk-download #download-client-link {
  background: none;
  color: #ffffff;
  font-family: 'wtfModern', Arial, sans-serif !important;
  font-size: 34px !important;
  padding: 0 !important;
  line-height: 30px;
  display: block;
  width: 420px;
  margin: 0 auto;
  height: 90px;
  margin-top: 25px;
  text-align: center;
  text-shadow: 2px 2px rgba(0, 0, 0, .8);
}

#landing16.vid.fbk .fbk-download #download-client-link:hover {
  color: #ffffff;
}

@media screen and (max-width: 1610px) {
  #landing16.vid.fbk .play-tanks, #landing16.vid.fbk .tanks {
    display: none !important;
  }
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				конец лендингов

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.box-gray {
  background-color: #1D1D1D;
  border: 1px solid #444;
  padding: 8px 20px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#landing16 .captcha a {
  text-decoration: none;
}

#paginator > ul > li {
  list-style: none;
  display: inline-block;
  margin-right: 12px;
}

.green-button {
  background-color: #000000;
  padding: 9px 23px;
  border: 1px solid #173029;
  margin: 6px;
  color: #7E8277;
  text-decoration: none;
  border-bottom: none;
}

.green-button.active {
  border: 1px solid #B54627;
  border-bottom: none;
  color: #D4BBAB;
}

#clan-diff {
  margin-top: 22px;
  margin-bottom: 0px;
  border-bottom: 2px solid #173029;
  text-align: right;
  padding-bottom: 6px;
}

#paginator {
  text-align: center;
  margin: 8px 0;
}

#paginator li {
  background-color: #000;
  padding: 5px 12px;
  border: 1px solid #2C2C2C;
}

#paginator li.active {
  border: 1px solid #BB5322;
}

.flag-2 {
  background: url('/i/modern/flags/flags.png?v=1') no-repeat;
  width: 40px;
  height: 26px;
  display: block;
  margin-bottom: 4px;
  opacity: 0.4;
}

#language-selector li:hover .flag-2 {
  opacity: 1;
}

/*.flag-2.en {background-position: 0 -189px;}*/
.flag-2.en, .flag-2.us {
  background-position: 0px -379px;
}

.flag-2.ru {
  background-position: 0px -27px;
}

.flag-2.pl {
  background-position: 0px -81px;
}

.flag-2.de {
  background-position: 0px -216px;
}

.flag-2.cz {
  background-position: 0px -243px;
}

.flag-2.fr {
  background-position: 0px -297px;
}

.flag-2.es {
  background-position: 0px -162px;
}

.flag-2.pt {
  background-position: 0px -351px;
}

.flag-2.jp {
  background-position: 0px -108px;
}

.flag-2.tr {
  background-position: 0px -55px;
}

.flag-2.nl {
  background-position: 0px -324px;
}

.menu-2 {
  position: absolute;
  margin: -30px 0 0 51px;
  font-size: 16px;
  color: #AEAEAE;
}

#language-selector {
  position: absolute;
  top: 0;
  right: 0;
  width: 153px;
  height: 25px;
  padding: 4px 2px;
  background-color: rgba(20, 20, 20, 0.35);
  overflow: hidden;
  cursor: default;
  text-align: left;
  transition: height 0.5s;
  z-index: 10;
}

#language-selector ul {
  cursor: pointer;
}

#language-selector:hover {
  height: 295px;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
}

#language-selector a {
  text-decoration: none;
  color: #ffffff;
}

#language-selector span.flag {
  zoom: 1.5;
}

#language-selector a:hover span.menu-2 {
  text-decoration: underline;
  color: #ffffff;
}

#language-selector li {
  display: block;
}

.o05 {
  opacity: 0.5;
}

/* fix menu */
#menu {
  word-spacing: -.36em;
}

#menu li {
  word-spacing: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

               старый фреймворк

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.inline {
  display: inline;
}

.hide {
  display: none !important;
}

.block {
  display: block;
}

.vhide {
  visibility: hidden;
}

.nw {
  white-space: nowrap;
}

.ml10 {
  margin-left: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mt10 {
  margin-top: 10px;
}

.m0 {
  margin: 0;
}

.m20 {
  margin: 20px;
}

.auto {
  margin: auto;
}

.m0a {
  margin: 0 auto;
}

.tac, .textc, .c, .tcenter, .center {
  text-align: center;
}

.r {
  text-align: right;
}

.l {
  text-align: left;
}

.t {
  vertical-align: top;
}

.m {
  vertical-align: middle;
}

.b {
  vertical-align: bottom;
}


@font-face {
  font-family: 'DejaVuSansExtraLight';
  src: url('/fonts/dejavusans-extralight.eot');
  src: url('/fonts/dejavusans-extralight.eot?#iefix') format('embedded-opentype'),
  url('/fonts/dejavusans-extralight.woff') format('woff'),
  url('/fonts/dejavusans-extralight.ttf') format('truetype'),
  url('/fonts/dejavusans-extralight.svg#DejaVuSansExtraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WtFont';
  src: url('/fonts/wt_font-webfont.eot');
  src: url('/fonts/wt_font-webfont.svg') format('svg'),
  url('/fonts/wt_font-webfont.ttf') format('truetype'),
  url('/fonts/wt_font-webfont.woff') format('woff'),
  url('/fonts/wt_font-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'WtFont';
  src: url('/fonts/wt_font-webfont.eot');
  src: url('/fonts/wt_font-webfont.svg') format('svg'),
  url('/fonts/wt_font-webfont.ttf') format('truetype'),
  url('/fonts/wt_font-webfont.woff') format('woff'),
  url('/fonts/wt_font-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

em, i {
  font-style: italic;
}

h1 {
  font: 28px/24px 'Roboto', Tahoma, Arial, sans-serif;
  margin: 1em 0;
  color: #ce351d;
}

h2 {
  font: 24px/20px 'Roboto', Tahoma, Arial, sans-serif;
  margin-bottom: 0.5em;
  color: #c43f27;
  line-height: 30px;
}

h3 {
  font: 18px/22px 'Roboto', Tahoma, Arial, sans-serif;
  margin-bottom: 0.5em;
  color: #91bdc5;
}

#sidebar h3 {
  font: 16px/18px Arial, Tahoma, sans-serif;
  margin-bottom: 0.5em;
  color: #fff;
  text-shadow: 2px 2px 0 #3d556f;
}

h4 {
  font: italic 15px Arial, Tahoma, sans-serif;
  margin-bottom: 0.5em;
}

.gold {
  color: #f87d34;
}

.blue {
  color: #5C7D7D;
}

.grey {
  color: #cccccc;
}

.small {
  font-size: 11px;
  line-height: 18px;
}

.medium {
  font-size: 14px;
  line-height: 22px;
  color: #BABFBA;
}

/*.m2_container{width:500px;border:2px solid #FF4700;padding:15px;margin:59px auto;border-radius:9px;box-shadow:0 0 23px #f00;background-color:rgba(136, 41, 132, 0.08);}*/
.container-content h2 {
  font-size: 11pt;
  color: #FF8500;
}

.container-content h1 {
  font-size: 15pt;
  margin-bottom: 20px;
}

/*#gplusBtn{cursor:pointer;}*/
/*#google_plus_login{width:50%;height:70%;margin-top:50px;}*/
#jp_container_1 {
  margin: 0 auto;
}

a {
  text-decoration: underline;
  outline: none;
  color: #D32F2F;
}

a:hover {
  text-decoration: none;
}

.script {
  text-decoration: none;
  border-bottom: 1px dotted #D32F2F;
}

.script.white {
  font: bold 12px 'Roboto', Tahoma, Arial, sans-serif;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  color: #fff;
}

.script span.email {
  color: #D32F2F;
  font-style: italic;
  font-size: 13px;
}

a img {
  display: block;
  border: none;
}

sup, sub {
  vertical-align: middle;
  position: relative;
  font-size: 65%;
}

sup {
  bottom: 0.5em;
}

sub {
  top: 0.5em;
}

table {
  border-collapse: collapse;
  border: 0px;
  width: 100%;
}

table td {
  padding: 0px;
  vertical-align: top;
}

.bred {
  border: 1px solid red;
}

table.bbred, table.bbred td, table.bbred th {
  border: 1px solid red;
}

hr {
  border-top: 1px solid #5e341a;
  border-width: 1px 0 0 0;
  background-color: transparent;
  margin: 10px 0;
}

hr.star {
  border: 0;
  background-position: 15px -441px;
  height: 33px;
  margin: 0 auto;
  max-width: 636px;
  clear: both;
}

.p0, .p0 td {
  padding: 0;
}

.h100p {
  height: 100%;
}

.w100p {
  width: 100%;
}

.w50p {
  width: 50%;
}

.min {
  min-height: 300px;
}

.w947p {
  width: 974px;
}

.wrapper {
  width: 600px;
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 75px;
}

/*.overlay{position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.83);z-index:10000;}*/
.overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.69);
  z-index: 30;
}

.response_wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.69);
}

/*иконки*/

.h-planes {
  background-position-x: 1px;
}

.h-eplanes {
  background-position-x: -66px;
}

.h-medals {
  background-position-x: -134px;
}

/*********************************************************************************NEW_DESIGN*********************************************************************************/
/****************************************************************************************************************************************************************************/

@font-face {
  font-family: 'wtfModern';
  src: url('/fonts/wt_font-webfont.eot');
  src: url('/fonts/wt_font-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/wt_font-webfont.woff2') format('woff2'),
  url('/fonts/wt_font-webfont.woff') format('woff'),
  url('/fonts/wt_font-webfont.ttf') format('truetype'),
  url('/fonts/wt_font-webfont.svg#wtfontregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'fontello';
  src: url('/fonts/fontello.eot?#iefix') format('embedded-opentype'),
  url('/fonts/fontello.ttf') format('truetype'),
  url('/fonts/fontello.svg') format('svg'),
  url('/fonts/fontello.woff') format('woff');

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Skyquake';
  src: url('/fonts/symbols_skyquake_short.woff') format('woff'),
  url('/fonts/symbols_skyquake_short.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.else {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 2652px;
  background: url(/i/modern/new.jpg?v=3);
  filter: alpha(opacity=20);
  opacity: .2;
  display: none;
  z-index: 100;
}

.launcher-download.pc {
  background: url(/i/modern/download/btn-launcher-pc.png?v=1);
}

.box-sizing {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.border, a.border {
  border: 1px solid black;
}

.light-border {
  border-bottom: 1px solid #242e36;
  border-left: 1px solid #242e36;
  border-right: 1px solid #242e36;
}

.l-b-t {
  border-top: 1px solid #242e36;
}

.text-ali-r {
  text-align: right;
}

.text-ali-c, .tac {
  text-align: center;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.clear-fix:after {
  display: block;
  content: '';
  clear: both;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.cleara:after {
  content: '';
  clear: both;
  display: block;
}

.w-70 {
  width: 70%;
}

.m-top-15 {
  margin-top: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-0 {
  margin: 0 !important;
}

.pdng0, .p0 {
  padding: 0 !important;
}

.pdng5 {
  padding: 5px;
}

.lh-160 {
  line-height: 160px;
}

.lh-20 {
  line-height: 20px !important;
}

.txt-ind0 {
  text-indent: 0 !important;
}

.width100 {
  width: 100% !important;
}

.blue {
  color: #91bdc5 !important;
}

.red {
  color: #D32F2F !important;
}

.none {
  display: none !important;
}

.display {
  display: block;
}

/*основной шрифт Extralight */
.extra-light {
  z-index: 3
}

.extra-light, .tite_head .page-title, .wrapper-menu #menu li a span {
  font: 20px/24px 'Roboto', Tahoma, Arial, sans-serif;
  text-transform: none;
  color: white;
  text-decoration: none;
  text-shadow: 0px 1px 2px black, 0px -1px 2px black, 1px 0px 2px black, -1px 0px 2px black;
  line-height: 35px;
}

/*основной шрифт Extralight */

.fon3 {
  background: url(/i/modern/fon3.jpg?v=3);
}

.bg_none {
  background: transparent;
}

.brdr-none {
  border: none !important;
}

.soc-block {
  margin-bottom: 10px;
}

.shadow-0 {
  -moz-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black;
}

.shadow-1 {
  -moz-box-shadow: 0px 0px 1px 1px black;
  box-shadow: 0px 0px 1px 1px black;
}

.shadow-1h {
  -moz-box-shadow: 0px 1px 0px 0px black;
  box-shadow: 0px 1px 0px 0px black;
}

.no-shadow {
  -moz-box-shadow: none !important;
  box-shadow: none !important
}

.min {
  min-height: 245px;
}

.inline-bl {
  display: inline-block;
}

.marg0 {
  margin: 0 !important;
}

html, body, div, span, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  font-size: 14px;
}

body {
  background-color: #0e2a35;
  background-image: url(/i/modern/sprite/fon.jpg?v=3);
  background-position: center -4px;
  background-repeat: no-repeat;
}

.pathway .nav, a.exit span, .goto span, .flag, .view .play {
  background-image: url(/i/modern/sprite/icons.png?v=1);
}


#logout_yu {
  display: block;
  float: right;
}

.mask {
  filter: alpha(opacity=0);
  opacity: 0 !important;
}

a.exit span {
  top: 12px;
}

/*end of general styles*/

/*header*/
/**top gray fixed block*/
#top-line {
  -moz-box-shadow: none;
  box-shadow: none;
  height: auto;
  background: none;
  z-index: 10;
  width: 100%;
  position: fixed;
}

/***container for header-inner*/
tr .fixed-layer a {
  color: white;
}

.header-inner {
  position: fixed;
  top: 0px;
  z-index: 12;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #282828;
  border-bottom: 1px solid #0d0d0d;
  width: 976px;
  height: 34px;
  margin: 0 auto;
}

.head.top, .head.top.en {
  border: none;
}

.player {
  width: 250px;
  float: left;
  height: 34px;
}

#service {
  height: 100%;
}

#service .choise a {
  display: block;
  height: auto;
  line-height: normal;
}

#service #logout_yu {
  background-image: none;
  padding: 0 15px;
  text-align: center;
}

#service #logout_yu:hover {
  background-color: rgba(87, 5, 5, .7)
}

#service #logout_yu:active {
  -moz-box-shadow: inset 0px 3px 4px rgba(0, 0, 0, .5);
  box-shadow: inset 0px 3px 4px rgba(0, 0, 0, .5);
}

#service #logout_yu:active span {
  margin-top: 13px;
}

#service a {
  text-decoration: none;
  border: none;
  margin: 0;
  line-height: 34px;
  font-size: 12.5px;
  margin: 0px;
  padding: 0 15px;
  display: inline-block;
}

#service a:hover {
  background-color: #2e4959;
}

#service ul {
  float: right;
  font-size: 0;
}

#service ul li {
  display: inline-block;
  list-style-type: none;
  vertical-align: top;
  border-right: 1px solid #444444;
}

#service #link-login, #service #link-create, #service #service_welcome_a, #service #link-support {
  position: relative;
}

#service #link-login:before {
  left: -1px;
}

.header-inner .player #radio_wrapper .play_radio.big_play {
  float: left;
  margin: 0px;
  background: url("/i/modern/sprite/ulitka_mini-skin.png?v=1") 17px -41px no-repeat;
  height: 100%;
  padding: 0px 18px;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.header-inner .player #radio_wrapper .play_radio.big_play:hover, .header-inner .player #radio_wrapper .stop_radio.big_stop:hover {
  background-color: #2e4959;
}

.header-inner .player #radio_wrapper .stop_radio.big_stop {
  float: left;
  margin: 0px;
  background: url("/i/modern/sprite/ulitka_mini-skin.png?v=1") 17px 0px no-repeat;
  height: 100%;
  padding: 0px 18px;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}

.header-inner .player #radio_wrapper #custom_mute {
  top: 12px;
  right: 22px;
  left: auto;
}

.header-inner .player #radio_wrapper .radio_volume.volume_big {
  top: 11px !important;
}

#service .lang {
  padding: 6px 20px 0 0px;
  font-size: 12.5px;
  float: right;
}

.player #radio_wrapper {
  left: 0;
  height: 100%;
  width: 100%;
  border-right: 1px solid #444444;
}

.player #radio_wrapper .play_radio.big_play, .player #radio_wrapper .stop_radio.big_stop {
  height: 87%;
  width: 27px;
  margin: 2px 0 0 4px;
}

.radio_new #radio_wrapper .big_play {
  background: url("/i/modern/sprite/ulitka_skin.png?v=1") 0 -2px no-repeat;
}

.player #radio_wrapper .play_radio.big_play {
  background: url("/i/modern/sprite/ulitka_skin.png?v=1") -138px 0 no-repeat;
}

.stop_radio.big_stop {
  background: url("/i/modern/ulitka_skin.png?v=1") -65px 0 no-repeat;
}

.player #radio_wrapper .stop_radio.big_stop {
  background: url("/i/modern/sprite/ulitka_skin.png?v=1") -166px 0 no-repeat;
}

.player #radio_wrapper .radio_volume {
  margin: 0;
}

.player #radio_wrapper .volume_big {
  position: absolute !important;
  width: 111px !important;
  right: 53px !important;
  display: block !important;
  top: 9px !important;
  height: 11px;
  border: 1px solid #383838;
}

.player #radio_wrapper .background-size {
  margin: 10px 1px 1px 50px;
}

.player #radio_wrapper #custom_mute {
  margin: 0;
  left: 10px;
  top: 10px;
}

.player #radio_wrapper .inner_volume {
  display: block;
  width: 50%;
  height: 100%;
  position: relative;
  top: -1px;
  border-left: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

/**end of top grey fixed block*/


#screens .view {
  border: 1px solid black
}

.new-logo {
  width: 100%;
  height: 245px;
  background: url(/i/modern/new-logo.png?v=1) no-repeat 17%;
  background-color: transparent;
  display: block;
}

.short-logo {
  display: block;
  width: 509px;
  height: 123px;
  margin: auto;
  background: url(/i/modern/logo-short.png?1) no-repeat;
}

.new-logo.new-logo--9may {
  background: url(/i/modern/sprite/logo_9may.png?v=1) no-repeat top center;
}

#service .lang {
  position: relative;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#service .lang .choise {
  top: 34px;
  right: 1px;
  width: 118px;
  -moz-box-shadow: 1px 0px 0px 0px black, -1px 1px 0px 0px black, 1px 1px 0px 0px black;
  box-shadow: 1px 0px 0px 0px black, -1px 1px 0px 0px black, 1px 1px 0px 0px black;
  border-bottom: 1px solid #242e36;
  border-left: 1px solid #242e36;
  border-right: 1px solid #242e36;
}

#service .lang:hover .choise {
  background-color: transparent;
  background-image: url(/i/modern/sprite/fon3_menu.png?v=1);
}

/*end of header*/

/***кнопки основного меню*/
.wrapper-menu #menu li a:after, .radio_new #week-table .nav li a:after, .leaders .leader-tab #TopLittleTab li a:after, #clan-diff ul li a:after, .wrapper-menu #menu li a:before, .radio_new #week-table .nav li a:before, .leaders .leader-tab #TopLittleTab li a:before, #clan-diff ul li a:before, .wrapper-menu #menu li a:hover:after, .leaders .leader-tab #TopLittleTab li a:hover:after, #clan-diff ul li a:hover:after, .wrapper-menu #menu li a:hover:before, .leaders .leader-tab #TopLittleTab li a:hover:before, #clan-diff ul li a:hover:before, .wrapper-menu #menu li a:active:before, .leaders .leader-tab #TopLittleTab li a:active:before, #clan-diff ul li a:active:before, .wrapper-menu #menu li a:active:after, .leaders .leader-tab #TopLittleTab li a:active:after, #clan-diff ul li a:active:after, .wrapper-menu #menu li.select a:before, .leaders .leader-tab #TopLittleTab li.active a:before, #clan-diff ul li a.active:before, .wrapper-menu #menu li.select a:after, .leaders .leader-tab #TopLittleTab li.active a:after, #clan-diff ul li a.active:after {
  background-image: url(/i/modern/sprite/menu.png?v=1);
  background-repeat: no-repeat;
}

.wrapper-menu #menu li:hover {
  border-bottom: 2px solid black;
}

.wrapper-menu #menu li:hover ul.hide.sub {
  display: block !important;
}

.wrapper-menu #menu li a, .radio_new #week-table .nav li a, .leaders .leader-tab #TopLittleTab li a, #clan-diff ul li a {
  background-image: url(/i/modern/sprite/menu.png?v=1);
  background-position: 0px -37px;
  background-repeat: repeat-x;
  font: 20px/24px Roboto, Helvetica, Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
}

.wrapper-menu #menu li a:after, .radio_new #week-table .nav li a:after, .leaders .leader-tab #TopLittleTab li a:after, #clan-diff ul li a:after {
  position: absolute;
  content: '';
  width: 24px;
  bottom: 1px;
  right: 0px;
  height: 32px;
  background-position: -27px -1px;
}

.wrapper-menu #menu li a:before, .radio_new #week-table .nav li a:before, .leaders .leader-tab #TopLittleTab li a:before, #clan-diff ul li a:before {
  position: absolute;
  content: '';
  width: 24px;
  bottom: 1px;
  left: 0px;
  height: 32px;
  background-position: -1px -1px;
}

.wrapper-menu #menu li:hover a, .leaders .leader-tab #TopLittleTab li:hover a, #clan-diff ul li:hover a {
  background: url(/i/modern/sprite/menu.png?v=1) 0px -106px repeat-x;
}

.wrapper-menu #menu li:hover a:after, .leaders .leader-tab #TopLittleTab li:hover a:after, #clan-diff ul li:hover a:after {
  background-position: -27px -71px;
}

.wrapper-menu #menu li:hover a:before, .leaders .leader-tab #TopLittleTab li:hover a:before, #clan-diff ul li:hover a:before {
  background-position: -1px -71px;
}

.wrapper-menu #menu li a span, .radio_new #week-table .nav li a span, .leaders .leader-tab #TopLittleTab li a span, #clan-diff ul li a span {
  display: block;
  position: absolute;
  top: 1px;
  left: 5%;
  width: 90%;
  text-align: center;
  line-height: 33px;
  padding: 0px;
  z-index: 11;
  font-weight: 100;
}

.wrapper-menu #menu li .sub a span {
  white-space: nowrap;
  color: #fff;
  text-align: left;
  font-size: 16px;
  display: inline;
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  line-height: normal;
  float: none;
}

.wrapper-menu #menu li a:active, .leaders .leader-tab #TopLittleTab li a:active, #clan-diff ul li a:active {
  background: url(/i/modern/sprite/menu.png?v=1) 0px -174px repeat-x;
}

.wrapper-menu #menu li a:active:before, .leaders .leader-tab #TopLittleTab li a:active:before, #clan-diff ul li a:active:before {
  background-position: -1px -138px;
}

.wrapper-menu #menu li a:active:after, .leaders .leader-tab #TopLittleTab li a:active:after, #clan-diff ul li a:active:after {
  background-position: -27px -138px;
}

.wrapper-menu #menu li.select a, .leaders .leader-tab #TopLittleTab li.active a, #clan-diff ul li a.active, #clan-diff li.active a, #clan-diff li.active:hover a {
  background: url(/i/modern/sprite/menu.png?v=1) 0px -242px repeat-x;
}

.wrapper-menu #menu li.select a:before, .leaders .leader-tab #TopLittleTab li.active a:before, #clan-diff ul li a.active:before, #clan-diff li.active a:before, #clan-diff li.active:hover a:before {
  background-position: -1px -208px;
}

.wrapper-menu #menu li.select a:after, .leaders .leader-tab #TopLittleTab li.active a:after, #clan-diff ul li a.active:after, #clan-diff li.active a:after, #clan-diff li.active:hover a:after {
  background-position: -27px -208px;
}

.wrapper-menu #menu li.select .polosa {
  background: black;
  display: block;
  bottom: -2px;
  height: 2px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1)
}

.wrapper-menu #menu li .polosa {
  display: none;
}

.wrapper-menu #menu li.select .polosa {
  width: 100%;
  left: 0px;
  bottom: -2px;
  position: absolute;
  -moz-box-shadow: none;
  box-shadow: none;
}

.wrapper-menu #menu li.select .polosa:after {
  display: none;
}

.wrapper-menu #menu li.select:hover .polosa:after {
  display: block;
}

.wrapper-menu #menu li:hover a .polosa, .wrapper-menu #menu li a:active .polosa {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0px;
  height: 2px;
  width: 100%;
  z-index: 1000;
  background: #31262a;
  background: -moz-linear-gradient(left, #31262a 0%, #9a4d4d 50%, #9a4d4d 51%, #31262a 100%);
  background: linear-gradient(to right, #31262a 0%, #9a4d4d 50%, #9a4d4d 51%, #31262a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31262a', endColorstr='#31262a', GradientType=1)
}

.wrapper-menu #menu li.select .polosa {
  -moz-box-shadow: none;
  box-shadow: none;
}

.wrapper-menu #menu li .childs .polosa {
  -moz-box-shadow: inset 1px 0px 0px 0px rgba(175, 191, 197, 0.15), inset -1px 0px 0px 0px rgba(175, 191, 197, 0.15);
  box-shadow: inset 1px 0px 0px 0px rgba(175, 191, 197, 0.15), inset -1px 0px 0px 0px rgba(175, 191, 197, 0.15);
}

.wrapper-menu #menu li .childs .polosa:after {
  content: '';
  height: 2px;
  width: 100%;
  left: 0px;
  bottom: -2px;
  background: #141a1f;
  position: absolute;
  -moz-box-shadow: inset 1px 0px 0px 0px rgba(175, 191, 197, 0.15), inset -1px 0px 0px 0px rgba(175, 191, 197, 0.15);
  box-shadow: inset 1px 0px 0px 0px rgba(175, 191, 197, 0.15), inset -1px 0px 0px 0px rgba(175, 191, 197, 0.15);
}

/*** конец кнопки основного меню*/

/**под список*/

#menu li:hover a, #menu li.select a {
  border: none;
}

.wrapper-menu #menu .sub, .pathway .sub {
  position: absolute;
  top: 35px;
  left: 0px;
  z-index: 100;
  text-align: left;
  list-style: none;
  background: transparent;
  margin-left: -1px;
  background: url(/i/modern/sprite/fon3_menu.png?v=1) 0px 0px;
  border-bottom: none;
}

.wrapper-menu #menu li .sub {
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(175, 191, 197, 0.15), 0px 2px 3px rgba(0, 0, 0, .8);
  box-shadow: inset 0px 0px 0px 1px rgba(175, 191, 197, 0.15), 0px 2px 3px rgba(0, 0, 0, .8);
  border: 1px solid black;
}

.wrapper-menu #menu .sub li {
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  margin: 0px;
  min-height: 33px;
  height: auto;
  min-width: 190px;
  display: block;
}

#menu .sub li span {
  background: none;
  margin: 0px;
  display: block;
  height: 100%;
}

.wrapper-menu #menu li .sub li a, .wrapper-menu #menu li .sub li a:hover, .wrapper-menu #menu li .sub li a:active {
  background: none;
  padding: 5px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.wrapper-menu #menu li .sub li a {
  margin: 0px 8px;
  border-bottom: 1px dashed #2e4959;
  height: 100%;
  display: block;
  text-shadow: 0px 1px 0px black, 0px -1px 0px black, 1px 0px 0px black, -1px 0px 0px black;
}

.wrapper-menu #menu li .sub li {
  border: none;
}

.wrapper-menu #menu li .sub li:hover {
  background-color: rgba(46, 73, 89, 0.5);
}

.wrapper-menu #menu li .sub li.divider {
  display: none;
}

.wrapper-menu #menu li .sub li.divider:hover {
  background: none;
}

.wrapper-menu #menu li .sub li a:after, .wrapper-menu #menu li .sub li a:before {
  display: none;
}

.wrapper-menu #menu li .sub li:nth-last-child(1) a {
  border: none;
}

.wrapper-menu #menu li .sub li.lastPosts {
  padding-top: 5px;
}

.wrapper-menu #menu li .sub li.lastPosts a {
  padding: 0px;
  display: inline;
  height: auto;
}

.wrapper-menu #menu li .sub li.lastPosts p {
  margin-left: 6px;
}

.wrapper-menu #menu li .sub li.lastPosts time {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  color: #d25050;
  text-shadow: 0px 0.5px 0px black, 0px -0.5px 0px black, 0.5px 0px 0px black, -0.5px 0px 0px black;
}

.wrapper-menu #menu .sub .blank span:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  background: url(/i/modern/sprite/targt_blank.png?v=1) 0px 2px no-repeat;
}

/* end of menu*/

/*slider*/

#slider {
  width: 680px;
  overflow: hidden;
  height: 309px;
  position: relative;
  -moz-box-shadow: 1px 1px 0px black, 1px -1px 0px black;
  box-shadow: 1px 1px 0px black, 1px -1px 0px black;
}

#slider .link {
  width: 680px;
  height: 378px;
  display: block;
}

#slider .slider-paging {
  height: 23px;
  text-align: center;
  top: 0;
  z-index: 10;
  width: 100%;
  padding: 10px 0;
  position: absolute;
  margin: 0;
}

#slider .slider-paging .page {
  width: 17px;
  height: 17px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.21);
  position: relative;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.24);
}

/*#sidebar .navigate a.bullet*/
/*{width: 10px;height: 10px;background: #222a33; display: inline-block; margin-left: 2px;-moz-border-radius: 7px;border-radius: 7px;*/
/*border: 2px solid  #78898c; position: relative;  -moz-box-shadow:0px 0px 0px 1px black, inset 0px 0px 1.5px 0px #000, inset 0px 4px 0.5px #171e23;  box-shadow:0px 0px 0px 1px black, inset 0px 0px 1.5px 0px #000, inset 0px 4px 0.5px #171e23;cursor: pointer;}*/

/*#slider .slider-paging .page.select:after, #sidebar .navigate a.bullet.current:after*/
/*{content: '';display: block;position: absolute; top: 0; left: 0;right: 0;bottom: 0; margin: auto; width: 4px;height: 4px; background: -moz-linear-gradient(bottom, #c1c4aa 40%, #f2f2eb 70%); background: linear-gradient(to top, #c1c4aa 40%,*/
/*#f2f2eb 70% ); -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow:0px 0px 1px 1px black; box-shadow:0px 0px 1px 1px black;}*/

/*#slider .slider-paging .page.select:hover, #sidebar .navigate a.current.bullet:hover{border-color: #979b8b; background-color: #6a7773;*/
/*-moz-box-shadow:0px 0px 0px 1px black,  inset 0px 0px 1.5px 0px #000, inset 0px 4px 0.5px #425057;*/
/*box-shadow:0px 0px 0px 1px black,  inset 0px 0px 1.5px 0px #000, inset 0px 4px 0.5px #425057;}*/

#slider .slider-paging .page:hover, #sidebar .navigate a.bullet:hover {
  border-color: #818181;
  background-color: rgba(255, 255, 255, 0.15);
}

#slider a.page.select {
  border-color: #818181;
  background-color: rgba(255, 255, 255, 0.15);
}

#slider .caption {
  display: block;
  width: 100%;
  bottom: 0px;
  left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.65);
}

#slider .caption h1 {
  margin: 0px;
  line-height: 24px;
}

#slider .slidercontent {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#slider .slidercontent h1 {
  padding: 0 16px;
  line-height: 40px;
}

#slider .slidercontent p {
  padding: 0px 16px;
}

.slidercontent a {
  text-decoration: none;
  text-shadow: #000 1px 1px 0px;
  color: #fff;
  font-size: 25px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

/*end of slider*/

/*sidebar*/
#sidebar .link a {
  display: block;
  position: relative;
  filter: alpha(opacity=90);
  opacity: .90;
  margin-bottom: 8px;
  height: 100%;
}


#sidebar a.border {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  border-right: none;
}

#sidebar a.fleft.border {
  border-right: 1px solid black;
}

#sidebar .merged:after {
  display: block;
  content: '';
  clear: both;
}

#sidebar .link.smaller.half span.extra-light {
  font-size: 14px;
  line-height: 14px;
  padding: 5px 0 5px 10px;
}

#sidebar #screen .sidebar-title, #sidebar #rotator .sidebar-title {
  padding-left: 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/**rotator*/

#sidebar #rotator .block-inner {
  margin-bottom: 0;
  position: relative
}

#sidebar #rotator .view {
  position: relative;
  height: 100px;
}

#sidebar #rotator .rotator-button {
  position: absolute;
  top: 5px;
  text-decoration: none;
  height: 20px;
  width: 20px;
  margin-bottom: 0;
  opacity: 0.5;
  line-height: 20px;
  font-size: 18px
}

#sidebar #rotator .rotator-button:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

#sidebar #rotator .rotator-button.forward {
  right: 15px;
}

#sidebar #rotator .rotator-button.backward {
  right: 30px;
}

#sidebar #rotator .frame-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#sidebar #rotator .frame-wrapper li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

#sidebar #rotator .frame-wrapper .frame {
  margin-bottom: 0;
}

#sidebar #rotator .rotator-button.disabled, #sidebar #rotator .rotator-button.disabled:hover {
  cursor: default;
  opacity: .15;
  color: #E4E4E4;
}

#sidebar .navigate {
  position: absolute;
  top: 5px;
  right: 10px;
}

#sidebar .navigate a.bullet {
  margin-left: 5px;
}

#sidebar .navigate:after {
  content: "";
  display: block;
  clear: both;
}

.market.full .frame img {
  opacity: 0;
}

/** end of rotator*/

#sidebar .link {
  width: 99.2%;
  height: 102px;
  margin-bottom: 8px;
  position: relative;
}

#sidebar .link.smaller {
  height: 85px;
}

#sidebar .link a {
  text-decoration: none;
  position: relative;
}

#sidebar .link span, #sidebar #rotator .frame-wrapper .frame span.extra-light {
  background-color: rgba(0, 0, 0, .5);
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  text-transform: uppercase;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 10px;
  text-align: left;
}

#sidebar .link.smaller span.extra-light {
  font-size: 18px;
}

#sidebar #rotator {
  margin-bottom: 8px;
}

#sidebar .square span {
  min-height: 43px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.green_button {
  height: 40px;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  border-right: none;
  background: url(/i/modern/sprite/green_btn.jpg?v=3);
  -moz-background-size: cover;
  background-size: cover;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
  line-height: 44px;
}

.green_button .arrow-icon {
  background: url(/i/modern/sprite/arrow.png?v=1) 100% 4px no-repeat;
  display: inline-block;
  height: 40px;
  width: 50px;
  vertical-align: top;
}

#sidebar #download-client-link.mask:after {
  height: 67%;
}

#sidebar #download-client-link, #sidebar .get_us_tanks {
  height: 125px;
  background: url(/i/modern/sprite/free-to-play.jpg?v=3);
  -moz-background-size: cover;
  background-size: cover;
  text-align: center;
  display: block;
  margin-bottom: 8px;
}

#sidebar .get_us_tanks {
  background: url(/i/modern/sprite/sidebar/get_us_tanks_btn.jpg?v=3);
}

#sidebar #download-client-link, #sidebar a.green_button, #sidebar .link, #sidebar .get_us_tanks {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.wtf {
  font-size: 30px;
  font-family: "wtfModern";
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#sidebar .link .market, #sidebar .link .activate {
  position: relative;
  width: 135px;
  height: 100px;
  line-height: 17px;
  margin-bottom: 0;
}

#sidebar .link .balance, #sidebar .link .wiki {
  position: relative;
  width: 134px;
  height: 100px;
  line-height: 17px;
  margin-bottom: 0;
}

#sidebar .market.full {
  width: 100%;
  background: none;
  overflow: hidden;
}

#sidebar .market.full .frame {
  width: 100%;
  height: 100%;
  padding: 0;
}

#sidebar .market {
  background: url(/i/modern/sprite/sidebar/animate/Shop_small_st.gif);
  height: 100px;
  line-height: 160px;
  margin: 0;
}

#sidebar .market img, #sidebar .balance img {
  position: absolute;
  right: 0px;
  top: 0px;
}

#sidebar .market img.big {
  width: 279px;
  height: 100px;
}

#sidebar img.small {
  width: 100%;
  height: 100px;
  visibility: hidden
}

#sidebar a.market:hover img, #sidebar a.balance:hover img {
  visibility: visible
}

#sidebar .balance {
  background: url(/i/modern/sprite/sidebar/animate/balance_st.gif);
}

#sidebar .balance span.extra-light, #sidebar .activate span.extra-light {
  font-size: 14px;
}

#sidebar .activate {
  background: url(/i/modern/sprite/sidebar/activate_small.jpg?v=3);
  opacity: .9;
}

#sidebar .wiki {
  background: url(/i/modern/sprite/sidebar/wiki_small.jpg?v=3);
  opacity: .9;
}

#sidebar .wiki:hover, #sidebar .activate:hover {
  opacity: 1;
}

#sidebar .live {
  background: url(/i/modern/sprite/live.jpg?v=3);
  -moz-background-size: cover;
  background-size: cover;
}

#sidebar .forum {
  background: url(/i/modern/sprite/forum.jpg?v=3) 0px 0px no-repeat;
}

#sidebar .devblog {
  background: url(/i/modern/sprite/devblog.jpg?v=3) 0px 0px no-repeat;
}

#sidebar .devblog {
  background: url(/i/modern/sprite/devblog.jpg?v=3) 0 0 no-repeat;
}

#sidebar .trade {
  background-image: url(/i/modern/birja_block_2.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

#sidebar .workshop {
  background: url(/i/modern/sprite/workshop.jpg?v=3) 0 0 no-repeat;
}

#sidebar .tournaments-sidebar-link {
  background: url(/i/modern/wt_thunder_league_280x102.jpg) 0 0 no-repeat;
}

#sidebar .blog {
  background: url(/i/modern/sprite/blog.jpg?v=3);
  -moz-background-size: cover;
  background-size: cover;
}

#sidebar .block {
  width: 100%;
  margin-bottom: 8px;
}

#sidebar .block-inner, .block .block-inner {
  background: transparent;
}

#sidebar .block-inner table tr td, .block .block-inner table tr td {
  background-color: transparent;
}

.youtube {
  background-image: url(/i/modern/sprite/sidebar/youtube-link-bg.jpg);
  width: 280px;
  height: 157px;
  margin-bottom: 8px;
}

.youtube .youtube__link-title {
  background-color: rgba(0, 0, 0, .5);
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 10px;
  text-align: left;
  color: #FFF;
  text-transform: none;
  font: 20px/24px 'Roboto', Tahoma, Arial, sans-serif;
  line-height: 35px;
}

.soc_title, #sidebar .block-inner .sidebar-title, .news_head, #content .title_head {
  background: url(/i/modern/sprite/title.png?v=1) repeat-X;
  height: 35px;
  position: relative;
}

#sidebar .block .block-inner .soc_title, #screen .block-inner .sidebar-title, #sidebar .vk_after, .news_head, #content .title_head {
  overflow: hidden
}

#sidebar .sidebar-title {
  margin-left: 0;
}

#sidebar #screens {
  width: 99.2%
}

table.soc_title {
  margin-bottom: 0;
}

#sidebar .soc_title .soc, .sidebar-title {
  height: 35px;
  padding: 0;
  margin-bottom: 0;
}

#accordion .acc_sub_title {
  border-top: 1px solid #455a64;
  line-height: 33px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: white !important;
}

#sidebar .block-inner .sidebar-title {
  text-indent: 8px;
  margin-bottom: 1px;
}

#sidebar .soc_title .soc, #sidebar .sidebar-title .vk {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px;
}

#sidebar .soc_title .soc .yu, #sidebar .soc_title .soc .yu:hover {
  background-image: url(/i/modern/utube.png?v=1);
  background-position: 5px 0px
}

#sidebar .sidebar-title a {
  height: 35px;
  overflow: hidden;
  position: relative;
  color: #fff;
  text-decoration: none;
  font: 18px/18px Roboto, Helvetica, Arial, sans-serif;
  text-transform: none;
  font-size: 15px;
  margin-bottom: 0px;
  line-height: 33px;
  text-indent: 4px;
  opacity: 1;
  display: block;
}

#sidebar .sidebar-title a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

#sidebar .sidebar-title a.enough:after, .highlighted-img__head--enough:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: block;
  z-index: 15;
}

#sidebar .sidebar-title a.enough:after {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1);
  width: 100px;

}

.highlighted-img__head--enough:after {
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 87%, rgba(0, 0, 0, 1) 88%); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 87%, rgba(0, 0, 0, 1) 88%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1); /* IE6-9 */

  width: 60px;

}

.gplus {
  margin-top: 2px;
}

.preview {
  width: 100%;
  height: 155px;
}

.preview__inner {
  position: relative;
}

.preview .view {
  width: 100%;
}

.preview img, #screen_preview img {
  height: 100%;
  width: 100%;
}

#sidebar .view {
  width: 100%;
  height: 155px;
  margin-bottom: 0;
  cursor: pointer;
}

.view a.info {
  border: none;
}

#sidebar #___ytsubscribe_0 {
  width: 126px !important;
  height: 53px !important;
  padding: 14px 0px 2px 2px !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 auto !important;
}

.plusOne {
  margin: 0px 0 9px 0;
  width: 100%;
}

#texts {
  display: none !important;
}

#yt-subscribe {
  width: 272px !important;
}


.youtubewrapper {
  background: url(/i/modern/fon3.jpg?v=3) !important;
  border: 1px solid #242e36 !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
}

.youtubewrapper .warthundericon {
  display: none;
  height: 48px;
  width: 48px;
  background: url(/i/modern/sprite/wrthunderIcon.png?v=1) 0px 0px no-repeat;
  float: left;
  margin: 2px 10px 2px 3px;
}

/*end of sidebar*/

/*content*/

.m0 {
  margin-bottom: 1px !important;
}

.news_head {
  position: relative;
  height: 33px;
}

.news_head .page-title, .tite_head .page-title {
  margin: 0px 0 0 16px;
  background: transparent;
  padding: 0;
}

.news_head .more, .tite_head .more, .search-players-link {
  padding: 0 16px 0 0;
  margin: 0px;
  line-height: 35px;
  font-size: 14px;
}

.news_head .more a, .tite_head .more a, a.search-players-link {
  color: #D32F2F;
  font-size: 12px;
}

.news-name, .news-name span {
  text-decoration: none;
  /*float: left;*/

}

.news-name {
  line-height: 20px;
  color: #D32F2F;
  margin-top: 15px;
  margin-bottom: 20px;
  display: block;
  font-size: 20px;
}

.news-title-highlight {
  padding: 5px 10px 6px;
  background-color: rgb(36, 46, 54);
  color: #fff;
  line-height: 14px;
  font-size: 14px;
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  border: 1px solid #2E3942;
  -moz-box-shadow: 0 0 0 1px black;
  box-shadow: 0 0 0 1px black;
}

#requirements ~ .news-item {
  border: none;
}

#requirements {
  padding-left: 15px;
  font-size: 1.5em;
  color: #d32f2f;
}

.news-item.light-border.l-b-t {
  border: 1px solid #242e36
}

.news-text .text_img a, .text_img a, .media-index .press .block-inner .news-item .news-text img {
  display: block;
  width: 177px;
  overflow: hidden;
  margin-right: 18px;

}

.news-text .text_img a {
  text-decoration: none;
  border-bottom: none;
}

.news-text .text_img, .text_img img {
  display: block;
  height: auto;
  margin: 0;
}

.text_img img {
  width: 100%
}

.text_img img a {
  margin-right: 18px;
}

.redline {
  position: relative;
  border-top: none;
}

.redline:after {
  content: '';
  position: absolute;
  top: 0;
  height: 1px;
  width: 100%;
  left: 0;
  border-bottom: 1px solid transparent;
  background: #bc0000;
  background: -moz-linear-gradient(left, #bc0000 0%, #e4333c 50%, #e4333c 51%, #bc0000 100%);
  background: linear-gradient(to right, #bc0000 0%, #e4333c 50%, #e4333c 51%, #bc0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc0000', endColorstr='#bc0000', GradientType=1);
}

.redline:before {
  content: '';
  position: absolute;
  top: -1px;
  height: 1px;
  width: 100%;
  left: 0;
  background: #e22f37;
  background: -moz-linear-gradient(left, #e22f37 0%, #fe6668 50%, #fe6668 51%, #e22f37 100%);
  background: linear-gradient(to right, #e22f37 0%, #fe6668 50%, #fe6668 51%, #e22f37 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e22f37', endColorstr='#e22f37', GradientType=1);
}

/* .news_list_page .redline:nth-of-type(2)*/

/**pagination*/
.bot_pagination td, .bot_pagination tr, .bot_pagination tbody, .bot_pagination td.page, .bot_pagination .page, .bot_pagination td.r, .bot_pagination td .slide-left, .bot_pagination td .slide-right {
  height: 30px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.bot_pagination, table.bot_pagination, .fullpages, #paginator ul {
  position: relative;
  border-top: 1px solid #455a64;
  border-bottom: 1px solid #455a64;
}

.bot_pagination a {
  color: #c53b35;
  text-decoration: none;
}

.bot_pagination a:hover {
  color: #fff;
}

.bot_pagination td {
  height: 30px;
  line-height: 20px;
  text-align: center;
}

.slider-paging .page a {
  font-size: 12px;
  line-height: 13px;
  line-height: 30px;
}

.slider-paging .page b {
  font-size: 12px;
  line-height: 15px;
}

/**большая пагинация*/
/*пагинация для скриншотов*/

.big-pagination td {
  padding: 4px 0;
  vertical-align: middle;
  text-align: center;
}

.slider-paging .slide-left, .slider-paging .slide-right {
  display: inline-block;
  width: 21px;
}

.slider-paging {
  text-align: center;
}

.slider-paging b {
  opacity: 0.5
}

.slider-paging .page {
  white-space: nowrap;
}

.slider-paging .page a, .slider-paging .page b {
  margin: 0 5px;
}

.slider-paging .page b {
  display: inline-block;
  opacity: 1;
}

#screens {
  margin-bottom: 8px;
}

#screens .slider-paging {
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  margin-top: -5px;
}

#screens .slider-paging .slide-right {
  background-position: 0px -262px;
}

#screens .slider-paging .slide-left {
  background-position: 0px -224px;
}

#screens .slider-paging .slide-right, #screens .slider-paging .slide-left {
  height: 37px;
  background-image: url(/i/modern/sprite/icons.png?v=1);
}

/**конец большой пагинации*/

.bot_pagination .page b, #paginator ul li.active, .fullpages span.num {
  background: rgb(215, 52, 43);
  background: -moz-linear-gradient(top, rgba(215, 52, 43, 1) 0%, rgba(211, 72, 80, 1) 100%);
  background: linear-gradient(to bottom, rgba(215, 52, 43, 1) 0%, rgba(211, 72, 80, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7342b', endColorstr='#d34850', GradientType=0);
}

.bot_pagination .page {
  margin-top: 5px;
}

.bot_pagination .page b {
  padding: 0px 6px;
  line-height: 30px;
}

.fullpages .next, .fullpages .prev {
  height: 30px;
  width: 17px;
  margin: 7px 0;
  padding: 0;
}

.fullpages {
  list-style: none;
  display: inline-block;
}

.fullpages a, .fullpages b, .fullpages span {
  display: inline-block;
  font-size: 18px;
  padding: 11px 14px;
}

.fullpages span.num {
  color: #FFFFFF;
}

/**стрелки влево и вправо на пагинации*/

.bot_pagination .slide-left, .fullpages .prev, .bot_pagination .slide-right, .fullpages .next, .slider-paging .r .slide-right {
  background-image: url(/i/modern/sprite/myicons.png?v=1);
  background-repeat: no-repeat;
}

.bot_pagination .slide-right, .fullpages .next, .slider-paging .r .slide-right {
  background-position: 0px -30px;
}

.bot_pagination .slide-left, .fullpages .prev {
  background-position: 0px -2px;
}

.media-index .slider-paging .slide-right, .media-index .slider-paging .slide-left, .media-index .slider-paging .slide-left {
  vertical-align: bottom
}

/*.fullpages .prev, .fullpages .next {margin-top: 3px;}*/
.fullpages .prev {
  margin-right: 50px;
}

.fullpages .next {
  margin-left: 50px;
}

/*пагинация конкретной особенности*/
.features-paging {
  float: right;
  width: 280px;
  margin: 4px 10px 0 0;
}

.features-paging .slide-left, .features-paging .slide-right {
  background-image: url(/i/modern/sprite/myicons.png?v=1);
  background-repeat: no-repeat;
  height: 26px;
}

.features-paging .slide-left, .features-paging.slider-paging .l .slide-left {
  float: left;
  background-position: 0px -4px;
}

.features-paging .slide-right, .features-paging.slider-paging .r .slide-right {
  float: right;
  background-position: 0px -32px;
}

.features-paging .slide-left + div {
  float: left;
}

.features-paging .r div {
  float: right;
}

.features-paging div {
  color: #C42816;
  font: 13px/13px Roboto, Helvetica, Arial, sans-serif;
  margin: 10px;
}

.features-paging b + div {
  opacity: 0.5
}

/** end of pagination*/
{
  border-bottom: 0px
;
}

.tite_head {
  margin-bottom: 5px;
}

/**video*/
.mat-slider.video-page .bg_none {
  height: 7px !important;
}

.mat-slider.video-page .preview {
  float: left;
}

/**screens*/
#sidebar .sidebar-text {
  padding: 0;
}

#screens .preview a {
  font-size: 12px;
}

.description .download_video {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: -18px -190px;
  vertical-align: middle;
}

/** end of screens*/

/*wallpapers*/
.size {
  padding: 5px;
}

.size a {
  margin: 0 3px;
}

/*end of content*/

/*footer*/
/**nav*/
.footer-wrapper {
  padding: 10px 15px 15px;
}

#foo {
  min-height: 300px;
  height: auto;
}

#foo .sitemap .parent ul {
  padding: 10px 0 0px 0
}

#foo .sitemap {
  height: auto;
  background-color: transparent;
  background: none;
  height: 100%;
  border-left: 1px solid black;
  border-right: 1px solid black;
  margin-top: 2px;
}

#foo .sitemap .parent {
  background-color: transparent;
  margin: 0px 4px 0px 0px;
  height: 100%;
  width: 16.5%;
  padding-bottom: 10px;
}

#foo .sitemap .last {
  margin: 0
}

.sitemap ul li {
  width: auto;
  margin: 0;
  float: none;
  border: 0;
  list-style: none;
}

#foo .sitemap .parent a {
  border-bottom: none;
  padding: 5px 18px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 24px;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #e6e6e6;
  border-bottom: 1px solid #2a2b2f;
}

#foo .sitemap .parent ul li a {

  border: none;
  padding: 0px 0px 0px;
  display: inline-block;
  margin-left: 18px;
  line-height: normal;
  background: transparent;
  color: #7f7f7f;
  text-decoration: none;
  font-size: 12px;
  text-transform: none;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

#foo .sitemap .parent ul {

  margin-left: 5px;
}

#foo .sitemap .parent ul li a:hover {
  border-bottom: none;
  color: #D32F2F;
}

#foo .sitemap ul li a.selected {
  color: #D32F2F;
  border-bottom: 1px solid #D32F2F;
}

#foo .sitemap .parent ul li a.selected:hover {
  border-bottom: none;
}

.footer-bg a {
  text-decoration: none;
  border-bottom: 1px solid #bbb;
  line-height: normal;
}

.footer-bg a:hover {
  text-decoration: none;
  border-bottom: none;
}

/**end of nav*/

/**footer from landing*/

#landing16 .footer-bg {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1em 0;
}

.footer-bg table {
  margin: 0 auto;
  height: 100%;
}

#foo {
  border-bottom: 16px solid transparent;
}

#foo.wp_footer {
  overflow: visible
}

#foo .logo-gaijin, .bw {
  background: url(/i/modern/sprite/gaijin_b_w.png?v=1) no-repeat top center;
  filter: alpha(opacity=100);
  opacity: 1;
  margin: 0;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  height: 100%;
  width: 100%;
  display: block;
}

.footer-bg a.logo-gaijin {
  border-bottom: none
}

.rating-ru {
  height: 47px;
  width: 43px;
  display: inline-block;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 5px;
}

.rating-ru div {
  width: 100%;
  height: 100%;
  background: url(/i/modern/sprite/icons.png?v=1) -336px 0px;
}

.rating-ru div:hover {
  background: url(/i/modern/sprite/icons.png?v=1) -336px 0px;
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  height: 47px;
  width: 43px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.footer-bg .bot_icons {
  border-bottom: 16px solid transparent;
}

/*pc*/
.footer-bg div.pc {
  width: 58px;
  height: 40px;
  padding: 15px 10px 0;
  vertical-align: top;
  display: inline-block;
  background: 0 0;
}

.footer-bg div.pc div {
  width: 58px;
  height: 40px;
  background: url(/i/modern/sprite/p_bw.png?v=1) no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.footer-bg div.pc div:hover {
  width: 72px;
  height: 50px;
  position: absolute;
  margin: 0 0 0 -5px;
  background: url(/i/modern/sprite/p_bw2.png?v=1) no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

/*mac*/
.footer-bg div.mac {
  width: 42px;
  height: 55px;
  vertical-align: top;
  padding: 7px 10px 0 0;
  background: 0 0;
  display: inline-block;
}

.footer-bg div.mac div {
  width: 42px;
  height: 55px;
  background: url(/i/modern/sprite/m_bw.png?v=1) no-repeat top left;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}

.footer-bg div.mac div:hover {
  width: 58px;
  height: 72px;
  position: absolute;
  margin: -10px 0 0 -8px;
  background: url(/i/modern/sprite/m_bw2.png?v=1) no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

/*ps4*/
.footer-bg div.ps4 {
  width: 100px;
  height: 40px;
  padding-top: 12px;
  vertical-align: top;
  padding-right: 0;
  display: inline-block;
  background: 0 0;
  margin-left: 5px;
}

.footer-bg div.ps4 div {
  width: 100px;
  height: 40px;
  background: url(/i/modern/sprite/p4_bw.png?v=1) no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.footer-bg div.ps4 div:hover {
  width: 130px;
  height: 52px;
  position: absolute;
  margin: -8px 0 0 -12px;
  background: url(/i/modern/sprite/p4_bw2.png?v=1) no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

#awards {
  float: none;
  display: inline-block;
}

.awards-new-en-sm {
  width: 205px;
  height: 64px;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}

.awards-new-en-sm .game {
}

.awards-new-en-sm .game:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 100;
  height: 85px;
  width: 78px;
  margin: -14px 0 0 -12px;
  -moz-background-size: auto 85px;
  background-size: auto 85px;
}

.awards-new-en-sm .develop {
  margin-left: -15px;
  z-index: 14;
}

.awards-new-en-sm .develop:hover {
  background-position: -78px 0;
  margin-left: -25px;
  margin-top: -16px;
}

.awards-new-en-sm .tech {
  margin-left: -13px;
  z-index: 13;
}

.awards-new-en-sm .tech:hover {
  background-position: -155px 0;
  margin-left: -25px;
}

.awards-new-en-sm .sound {
  margin-left: -12px;
  z-index: 12;
  width: 56px;
}

.awards-new-en-sm .sound:hover {
  background-position: -235px 0;
  width: 77px;
  margin-left: -25px;
  margin-top: -16px;
}

.awards-new-en-sm div {
  height: 64px;
  width: 58px;
  background: 0 0;
}

.awards-new-en-sm div:hover {
  background: url(/i/modern/sprite/awards_en_sm.png?v=1) no-repeat;
  -moz-background-size: auto 85px;
  background-size: auto 85px;
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 100;
  height: 85px;
  width: 78px;
  margin: -14px 0 0 -12px;
}

.awards-new-ru-sm div {
  height: 64px;
  width: 58px;
  background: 0 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/modern/sprite/awards_en_sm.png?v=1', sizingMethod='scale');
}

.awards-new-ru-sm {
  width: 205px;
  height: 64px;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  float: none;
  display: inline-block;
}

.awards-new-ru-sm div:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 100;
  height: 85px;
  width: 78px;
  margin: -14px 0 0 -12px;
  -moz-background-size: auto 85px;
  background-size: auto 85px;
}

.awards-new-ru-sm .develop:hover {
  background-position: -78px 0;
  margin-left: -25px;
  margin-top: -16px;
}

.awards-new-ru-sm .tech {
  margin-left: -13px;
  z-index: 13;
}

.awards-new-ru-sm .tech:hover {
  background-position: -157px 0;
  margin-left: -12px;
}

.awards-new-ru-sm .sound {
  margin-left: -12px;
  z-index: 12;
  width: 56px;
}

.awards-new-ru-sm .sound:hover {
  background-position: -237px 0;
  width: 77px;
  margin-left: -13px;
  margin-top: -16px;
}

.gamescom {
  width: 132px;
  height: 64px;
  margin-left: 0px;
  background: 0 0;
  float: none;
  display: inline-block;
}

.gamescom:hover {
  background: none;
}

.gamescom div {
  width: 132px;
  height: 64px;
  background: url(/i/modern/sprite/gamescomaward_bw.png?v=1) no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.gamescom div:hover {
  width: 156px;
  height: 75px;
  position: absolute;
  margin: -12px 0 0 -14px;
  background: url(/i/modern/sprite/gamescomaward.png?v=1) no-repeat top left;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}

.footer-bg a, .footer-bg p, .footer-bg b, .footer-bg i {
  color: #bbb;
  text-align: left;
}

.footer-bg p {
  font-size: 10px;
}

.footer-bg .botnavi {
  margin-top: 10px;
}

.footer-bg .botnavi a {
  font-size: 12px;
  color: #eeeeee;
  border-bottom: 1px solid #eeeeee;
  text-decoration: none;
}

.copy-link {
  display: inline-block;
  margin: 0px 12px;
}

.footer-bg .copy-link:nth-last-child(1) {
  margin-right: 0;
}

.footer-bg .copy-link:nth-child(1) {
  margin-left: 0;
}

/**end footer from landing*/
/*end of foter*/

/*news page*/
.pathway {
  padding: 10px 0 10px 18px;
  border-bottom: 1px solid #455a64;
}

.pathway ul li {
  list-style: none;
  padding: 0;
  display: inline;
  position: relative;
}

.pathway li a, .pathway span, .pathway li {
  color: #91bdc5;
  font-weight: 600;
  font-size: 14px;
  font: 14px Tahoma, Arial, sans-serif;
}

.pathway .nav {
  display: inline-block;
  background-position: -6px -212px;
  width: 6px;
  height: 11px;
  margin: 0 4px;
  position: relative;
  top: 2px;
}

.news_list_page {
  margin: 1px;
}

.news_list_page .bot_pagination {
  margin-bottom: 7px;
}

.news-item .date, #press .date {
  color: #91bdc5;
  float: right;
}

.news-item .date, #press .date {
  margin: 15px 0 0 0;
  font-size: 11px;
}

.news-text {
  margin-top: 0px;
  margin-bottom: 15px;
}

/*end of news page*/

/*current*/
.current .item {
  padding: 10px 22px 18px;
}

/*end of*/

/*the game*/
.the_game {
  width: 680px;
}

.text .game-preview-text a, .text .game-preview-text a:hover {
  border-bottom: none;
}

.com_prev {
  width: 685px;
}

.the_game .com_prev a {
  overflow: hidden;
}

.the_game .com_prev img {
  width: 100%;
  height: auto;
  min-height: 139px;
}

.com_prev td .block-inner {
  width: 223px;
}

.features-paging div {
  margin: 5px 10px 10px 10px;
}

/*подразделы*/
.com_prev .block-inner .page-title {
  border-top: 1px solid #455a64;
  border-bottom: 2px solid #263238;
}

.com_prev .block-inner .page-title a {
  font-family: 'Roboto';
  height: auto;
  padding: 10px 15px;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
  color: #cfd8dc;
  text-decoration: none;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.com_prev tr:first-child .page-title {
  border-top: none;
}

.com_prev td:hover .page-title {
  border-bottom: 2px solid #d50000;
}

.com_prev td:hover .page-title a {
  color: #d50000;
}

.the_game .text {
  padding: 0px 16px 18px 16px;
  margin: 0;
}

.com_prev .block-inner a {
  display: block;
  width: 100%;
  height: 139px;
}

.release_tree .block-inner a {
  overflow: hidden;
  height: 116px;
  box-sizing: border-box
}

.release_tree .block-inner img {
  margin: 0;
  width: 100%;
  height: auto;
}

#sidebar .soc_title .sidebar-title a:hover, #sidebar .block-inner .sidebar-title a:hover {
  color: white;
}

.the_game h2 {
  font-size: 20px;
  color: #e42808;
  margin: 0 0 16px 0;
  display: block;
  margin-left: 5px;
}

.the_game .com_prev .block-inner.border {
  margin-bottom: 3px;
}

.the_game .news-item table tr td:nth-of-type(1) a {
  width: 175px;
  height: 237px;
  margin: 0 25px 0px 0;
  border: 1px solid transparent;
}

.the_game .news-item table tr td:nth-of-type(3) a {
  width: 377px;
  height: 88px;
}

.the_game .news-item table tr td:nth-of-type(3) a img {
  width: 100%;
  height: 100%;
}

.the_game .news-item p {
  margin-bottom: 0px;
  font-size: 12.5px;
  line-height: 18px;
}

hr {
  border-top: 1px solid #b80b08;
  margin: 15px 0;
}

.release_tree {
  width: 100%;
}

.release_tree td .block-inner {
  width: 186px;
  margin-right: 10px;
}

.release_tree td:nth-last-child(1) .block-inner {
  margin: 0;
}

.tipMid {
  border: 1px solid rgba(49, 65, 77, 1);
  background-color: #151b20;
  padding: 5px 10px;
  text-align: center;
}

.tipMid:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid rgba(49, 65, 77, 1);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.tip {
  border: none;
  overflow: inherit;
}

/*game over*/
.mat-slider .preview, .mat-slider .preview.block334 {
  background-color: transparent;
  margin: 0;
}

.mat-slider .preview.block334 {
  width: 100%;
}

.block334 .view {
  width: 100%;
}

.mat-slider table {
  border-collapse: separate;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				    store

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.shop-preview {
  margin-top: 2px;
  margin-bottom: 8px;
}

.shop-preview .digital-store {
  border-collapse: separate;
  display: table;
  border-spacing: 0;
}

.shop-preview table td {
  height: 100%;
  position: relative;
  min-height: 100%;
  padding: 0;
  background: none;
  border: none;
  width: 10px;
}

.shop-preview .digital-store .space {
  height: 10px;
  width: 100%;
  background: none;
  border: none;
}

.shop-preview .preview {
  height: auto;
  background-color: transparent;
  padding-bottom: 3px;
}

.shop-preview .digital-store .preview {
  width: 24%;
  height: 100%;
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  position: relative;
  min-height: 100%;
  border: 1px solid #242e36;
  display: table-cell;
}

.shop-preview .digital-store .row {
  display: table-row;
}

.shop-preview .digital-store .row .space {
  width: 1.3333%;
}

.shop-preview .digital-store .row .space:nth-last-child(1) {
  display: none;
}

.shop-preview .digital-store .row.space {
  height: 10px;
}

.shop-preview table {
  border-collapse: separate;
}

.bg_none {
  background: none !important;
  border: none !important;
  height: 10px !important;
}

.bg_none2 {
  background: none !important;
  border: none !important;
  height: 5px !important;
}

.shop-preview table td .preview {
  width: 234px;
  margin: 0;
}

.shop-preview table td {
  padding: 0px 0px;
}

.mat-slider .preview a, .shop-preview .preview a {
  color: #dc4228;
  font: 20px/20px Roboto, Helvetica, Arial, sans-serif;
  display: inline;
  float: none;
  text-decoration: none;
}

.shop-preview .preview a.img_wrapper {
  width: 100%;
  height: 146px;
  overflow: hidden;
  display: block;
  margin-bottom: 8px;
}

.shop-preview .preview .img_wrapper img {
  width: 100%;
  height: auto;
  background: none;
  min-height: 147px;
}

.shop-preview .preview .title {
  color: #c01f06;
  font-size: 15px !important;
  padding: 0;
}

.shop-preview .preview .date {
  color: #f5f5f5;
  font-size: 12px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.shop-preview .preview .descript {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

.moneyValue {
  display: inline-block;
  float: none;
}

.moneyValue .icon-rouble {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 22px;
  text-align: center;
  vertical-align: middle;
  font-family: fontello;
  line-height: 20px;
  font-size: 14px;
}

.features_list .icon-rouble {
  font-size: 16px;
}

.digital-store .shop-preview .preview .title {
  float: none;
  display: block;
}

.shop-preview .golden_eagles .preview {
  padding: 15px
}

.golden_eagles .preview a.img_wrapper {
  width: 90px;
  height: 49px;
  margin: 0 auto;
  background: url(/i/modern/sprite/eagles.png?v=1) no-repeat;
  position: relative;
}

.golden_eagles .preview a.img_wrapper p {
  line-height: 49px;
  text-indent: 5px;
  font-weight: 300;
  text-shadow: 0 2px rgba(0, 0, 0, .47);
  font-size: 14px;
  color: #e2ce8f;
  width: 55%;
  text-align: center;
}

.golden_eagles .preview a.img_wrapper p.text-light {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50%;
  color: #f6efdb;
  overflow: hidden;
  width: 55%;
  text-align: center;
}

.golden_eagles .preview a.img_wrapper img {
  width: 100%;
  height: 100%;
}

.digital_store .redline:nth-child(1) {
  border-top: none;
}

.digital_store .redline:nth-child(1):before, .digital_store .redline:nth-child(1):after {
  display: none;
}

.digital_store a.img {
  width: 175px;
  height: 120px;
  overflow: hidden;
}

.digital_store a.img img {
  width: 100%;
  height: auto;
}

.digital_store .news-item {
  padding: 10px 16px 20px;
}

.digital_store .news-item .text {
  margin-left: 20px;
}

.digital_store .news-item .text ol {
  padding-left: 20px;
}

a.but {
  font-size: 15px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, .1);
  padding: 5px 31px 6px;
  border: none;
  display: inline-block;
  margin-right: 10px;
  width: 208px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #e3e3e3 !important;
  background: rgb(148, 4, 5);
  background: -moz-linear-gradient(top, rgba(148, 4, 5, 1) 0%, rgba(51, 3, 4, 1) 100%);
  background: linear-gradient(to bottom, rgba(148, 4, 5, 1) 0%, rgba(51, 3, 4, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#940405', endColorstr='#330304', GradientType=0);
}

.shop_list .news-item a.but {
  width: 220px;
  height: 42px;
  background: url(/i/modern/sprite/cart.png?v=1) no-repeat;
  display: block;
  line-height: 42px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0px;
  background-color: transparent;
  border-bottom: none;
  color: #ffffff;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.shop_list .news-item a.but:hover {
  border-bottom: none;
  background-color: transparent !important;
  -moz-box-shadow: none;
  box-shadow: none
}

.features_list.shop_list.digital_store .news-item {
  margin-bottom: 0px;
  padding: 0px 16px 20px
}

.store-balance .light-border .news-item {
  border-top: none;
}

.store-balance .light-border {
  margin-bottom: 5px;
}

.store-balance .shop_list .news-item {
  border-top: 1px solid #242e36
}

.block-inner-balance {
  margin-bottom: 5px
}

.preview {
  position: relative;
}

.preview__full-description:after {
  content: '';
  display: block;
  position: absolute;
  left: 110px;

  border-top: 5px solid rgba(49, 65, 77, 1);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
}

.preview--last_preview .preview__full-description {
  left: auto;
  right: -1px;

}

.preview--last_preview .preview__full-description:after {
  left: auto;
  right: 110px;
}

.shop-preview .preview .preview__full-description a {
  font-size: 14px;
  line-height: 14px;
  border-bottom: 1px solid #dc4228;
}

.preview__full-description, .overview__popup {
  display: none;
  opacity: 0;
  position: absolute;
  left: -1px;
  bottom: 60%;
  z-index: 100;
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  border: 1px solid #242e36;
  padding: 15px;
  /*width: 101%;*/
  width: 206.3%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.preview__full-description strong, .preview__full-description b {
  color: #91bdc5;
}

.preview__full-description p {
  color: #e5e5e5 !important;
}


/*features_list*/

.features_list {
  border-collapse: separate;
  margin-top: 1px;
}

.features_list td {
  background: url(/i/modern/sprite/fon3.jpg?v=3);
}

.features_list td.vspacer {
  background-color: transparent;
  height: 8px;
  line-height: 1px;
}

.features_list .list-item {
  width: 478px;
}

.features_list td.sm {
  width: 1.12%;
}

.features_list td .news-item {
  border: none;
  padding: 10px 14px 10px;
}

.features_list td .block-inner {
  width: 100%;
  margin-bottom: 0;
}

.features_list td .block-inner .news-text {
  margin-top: 6px;
}

.features_list td .block-inner .news-text p, .features_list td .block-inner .news-text span {
  font-size: 12.5px;
}

.features_list td .block-inner .news-text img {
  margin: 0;
}

.features_list td .block-inner .news-text .img_wrapper {
  display: block;
  margin: 5px 15px 15px 0px;
  width: 145px;
  height: 91px;
  overflow: hidden;
}

.features_list td .block-inner .news-text .img_wrapper img {
  width: 100%;
  height: auto;
  min-height: 91px
}

.features_list tr .redline {
  border: none;
}

.features_list tr:nth-child(1) .light-border, .features_list td:nth-child(2) .light-border, #mat-video .block-container .redline:nth-child(2) {
  border-top: none;
}

.features_list tr:nth-child(1) .redline:after, .features_list tr:nth-child(1) .redline:before {
  display: none;
}

.features_list td.vspacer {
  height: 10px !important;
}

.features_list .block-inner .news-name {
  color: #91bdc5;
  font-size: 20px;
  line-height: 25px;
  padding-top: 15px;
  margin-top: 0px;
}

.features_list td .news-item {
  padding: 0px 14px 0px;
}

/**featers*/
.sp {
  width: 7px;
  height: 7px;
}

.comm, .arr, .circle, .note td {
  background-image: url('/i/modern/arr.png?v=1');
  background-repeat: no-repeat;
}

.hoversign_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.comm {
  background-position: 0 -306px;
  padding: 10px 57px;
  position: absolute;
  bottom: 0;
  left: 0;
  font: 16px/16px Roboto, Helvetica, Arial, sans-serif;
  color: #fff;
  text-decoration: none;
}

.textblock {
  position: absolute;
  width: 240px;
  height: 100%;
  padding: 0 40px 0 20px;
}

.textblock.pos_right {
  right: 0;
  top: 0;
  background-position: right 0;
}

.textblock.pos_left {
  left: 0;
  top: 0;
  background-position: 0 0;
}

.textblock p {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 18px;
}

.footnote {
  position: absolute
}

.arr {
  width: 76px;
  height: 53px;
  position: relative;
  z-index: 1;
}

.arr.leftbottom {
  background-position: 0 0;
}

.arr.lefttop {
  background-position: -78px 0;
}

.arr.righttop {
  background-position: -162px 0;
}

.arr.rightbottom {
  background-position: -244px 0;
}

.circle {
  background-position: -322px -1px;
  width: 31px;
  height: 31px;
  text-align: center;
  z-index: 2;
}

.circle span {
  font: bold 15px Arial;
  position: relative;
  top: 5px;
}

.circle_bottom {
  padding-top: 33px;
}

.text_bottom {
  padding-top: 32px;
}

.circle_left .circle {
  margin-right: -21px;
  z-index: 3;
  position: relative;
}

.circle_right .circle {
  margin-left: -21px;
  z-index: 3;
  position: relative;
}

.note {
  height: 33px;
  top: -1px
}

.note .left {
  width: 1px;
  padding: 3px;
}

.note.black .left {
  background-position: -449px -135px;
}

.note.white .left {
  background-position: -449px -255px;
}

.note .right {
  width: 1px;
  padding: 4px;
}

.note.black .right {
  background-position: -449px -95px;
}

.note.white .right {
  background-position: -449px -215px;
}

.note .middle {
  padding: 5px 15px;
  white-space: nowrap;
}

.note.black .middle {
  background-position: 0 -60px;
  background-repeat: repeat-x;
}

.note.white .middle {
  background-position: 0 -179px;
  background-repeat: repeat-x;
}

.note.black .middle a {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
}

.note.white .middle a {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #000;
}

.arr.lefttop {
  top: 0;
}

.arr.leftbottom {
  top: 14px
}

.arr.righttop {
  top: 0;
  left: -2px
}

.arr.rightbottom {
  top: 14px;
  left: -2px
}

.middle.circle_left {
  padding: 5px 5px 5px 20px;
}

.middle.circle_right {
  padding: 5px 20px 5px 5px;
}

/*.buy{display:none;}*/
.featcom.comm_left, .featcom.comm_right {
  position: absolute;
  width: 282px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  box-shadow: 1px 0 0 #000;
  -moz-box-shadow: 1px 0 0 #000;
  -webkit-box-shadow: 1px 0 0 #000;
}

.featcom.comm_top {
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 1px 0 #000;
  -moz-box-shadow: 0 1px 0 #000;
  -webkit-box-shadow: 0 1px 0 #000;
}

.comm_left {
  top: 0;
  left: 24px;
}

.comm_right {
  top: 0;
  right: 24px;
}

.featcom .title {
  margin: 12px 7px;
}

.featcom .title .circle {
  margin-right: 5px;
}

.featcom .title .text {
  vertical-align: middle;
  padding: 0;
  font: 28px/24px Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
}

.comm_top .title {
  float: none;
  font: 28px/24px Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  margin-left: 15px;
  width: auto;
}

.comm_top p.block_text_top {
  font-size: 16px;
  line-height: 20px;
  margin: 0 10px 15px 15px;
}

.featcom .block_text {
  background-color: rgba(255, 255, 255, 0.2);
  clear: both;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  margin: 5px;
  box-shadow: 1px 2px 0 #000;
  -moz-box-shadow: 1px 2px 0 #000;
  -webkit-box-shadow: 1px 2px 0 #000;
}

.featcom .block_text p {
  font-size: 12px;
  line-height: 16px;
}

.featcom .onlytext {
  font: 12px/16px Arial, sans-serif;
  padding: 0 10px;
}

.block_text_title {
  padding: 0;
  font-weight: bold;
}

.circle_sm {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #fff;
  padding: 0 5px 1px 5px;
  font-size: 12px;
  line-height: 17px;
  float: right;
}

.comm_right .circle_sm {
  float: left;
  margin-right: 5px;
}

.online {
  background-color: #2c3e43;
  background-position: 0 -533px;
  height: 68px;
  position: relative;
  margin-top: 10px;
  float: right;
}

.online b {
  font: 57px Roboto, Helvetica, Arial, sans-serif;
  color: #d23a1e;
  padding: 0 0 0 40px;
  position: relative;
  top: 2px;
  font-weight: normal;
}

.online span {
  font: 30px/25px Roboto, Helvetica, Arial, sans-serif;
  color: #d23a1e;
  position: relative;
  float: right;
  margin-left: 25px;
  right: 14px;
  top: 9px;
}

/*locations*/
.locations {
  width: 682px;
}

.locations :nth-child(3) {
  border-top: none;
}

.locations :nth-child(3):after, .locations :nth-child(3):before {
  display: none;
}

.locations .news-item {
  margin-bottom: 0px;
  padding-bottom: 1px;
}

.blue_title strong, #mat-video .block-inner:nth-child(2) .news-item strong {
  font-weight: 700;
}

.block-soc .soc td a {
  height: 32px;
}

.block-soc .soc td {
  height: 32px;
}

/*end of locations*/

/*Faq*/
#accordion {
  margin-top: 20px;
}

#accordion .acc_sub_title {
  text-indent: 15px;
}

#accordion .acc_sub_title {
  overflow: hidden;
  font-size: 18px;
  cursor: pointer;
  text-transform: none;
  height: 33px;
  position: relative;
}

#accordion .acc_sub_expander {
  position: absolute;
  right: 8px;
  height: 32px;
  width: 32px;
  transform-origin: center center;
  line-height: 31px;
  text-indent: 11px;
  top: 0px;
  font-size: 21px;
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
}

#accordion .open .acc_sub_expander {
  transform: rotate(90deg);
}

.acc_item_wrapper {
  margin-bottom: 3px;
}

.acc_item {
  display: block;
  padding: 5px 17px 13px 30px;
  background: url(/i/modern/sprite/fon3.jpg?v=3);
}

#accordion .acc_item h4 {
  padding: 0px 0px 5px 0px;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid transparent;
}

#accordion .acc_item h4.red {
  border-bottom: 1px solid #d63f14;
}

#accordion .acc_item h4.red:hover {
  border-bottom: 1px solid #ffffff;
}

#accordion .acc_item h4:nth-last-child(2) {
  margin-bottom: 10px;
}

#accordion .acc_item h4 a {
  cursor: pointer;
  color: #91bdc5;
  border-bottom: 1px solid #91bdc5;
  text-decoration: none;
}

#accordion .acc_item h4:hover a {
  border-bottom: 1px solid transparent;
}

#accordion .acc_item h4.red a {
  border-bottom: none;
}

/**значёк у внуков слева*/
#accordion .acc_item h4:before {
  content: '●';
  position: absolute;
  top: 1px;
  left: -15px;
  font-size: 12px;
  color: #91bdc5;
}

#accordion .acc_item_expander {
  font-family: 'Roboto';
  color: #91bdc5;
  position: absolute;
  right: 0px;
  height: 18px;
  width: 13px;
  transform-origin: center center;
  line-height: 14px;
  text-indent: 0px;
  top: 0px;
  font-size: 24px;
  transform: rotate(-90deg);
  transition: transform 0.2s linear;
  opacity: 0.5;
}

#accordion .red .acc_item_expander {
  transform: rotate(90deg);
  color: #f44511;
}

#accordion .acc_item h4:hover .acc_item_expander {
  color: white;
}

#accordion .ac-text-wrapper {

}

#accordion .ac-text-wrapper p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.red {
  border-bottom: 1px solid #d63f14;
}

.red a {
  color: #f44511 !important;
  text-decoration: none;
}

/**значёк при классе red*/
#accordion .acc_item h4.red:before, #accordion .acc_item h4.red:after {
  color: #f44511 !important;
  filter: alpha(opacity=100);
  opacity: 1;
  text-indent: 0px;
}

#accordion .acc_item h4.red {
  margin: 10px auto 10px
}

/**все значки белые при хувере*/
#accordion .acc_item h4:hover:after, #accordion .acc_item h4:hover:before, #accordion .acc_item h4:hover a {
  color: #fff !important;
  filter: alpha(opacity=100);
  opacity: 1;
}

/**все значки белые при хувере класса red*/
#accordion .acc_item h4.red:hover:before, #accordion .acc_item h4.red:hover:after, #accordion .acc_item h4.red:hover a {
  color: white !important;
}

.red:hover {
  color: #f44511 !important;
  border-bottom: 1px solid white;
}

#accordion .acc_item .ac-text-wrapper {
  padding: 0px 5px 0px 5px;
  font-size: 12px;
}

.ac-text-wrapper {
  display: none;
}

.text--opened + .ac-text-wrapper {
  display: block;
}

/*end faqing =)*/

/*media*/
.view .date, .mat-slider .date, .shop-preview .date, #press .news-item .date, #mat-video .news-item .date {
  color: #91bdc5;
}

.mat-slider .preview .title {
  color: #D32F2F;
  display: inline;
}

#mat-video .block-container .redline:nth-child(2):before, #mat-video .block-container .redline:nth-child(2):after {
  display: none;
}

#mat-video {
  width: 100%;
}

.media-index .bot_pagination .slide-right {
  background: url(/i/modern/sprite/myicons.png?v=1) 0px -30px no-repeat;
}

.mat-slider#screens tbody tr:nth-child(1) .light-border {
  margin-bottom: 5px;
}

#mat-screens {
  margin-bottom: 8px;
}

.media-index #screens, #mat-screens #screens {
  margin-bottom: 3px;
}

.media-index #mat-screens #screens .preview, #mat-screens #screens .preview {
  border: 1px solid #242e36;
  height: auto;
  float: left;
  margin: 0;
}

.media-index #mat-screens #screens .preview .view, #mat-screens .preview .view {
  height: 137px;
  border: none;
  overflow: hidden;
}

.media-index #mat-screens #screens .preview .view img, #mat-screens .preview img {
  width: 100%;
  height: auto;
  min-height: 137px;
}

.media-index #mat-video .block-container .video-page .view {
  overflow: hidden;
}

.media-index #mat-video .block-container .video-page .view img {
  width: 100%;
  height: auto;
}

#mat-video {
  margin-bottom: 8px;
}

.media-index #mat-video .block-container table, .media-index #mat-screens .block-container table, #mat-screens #screens table {
  border-collapse: collapse;
}

.media-index #mat-video .mat-slider {
  margin-bottom: 8px;
}

.media-index #mat-video .block-inner .news-item {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: 1px solid transparent;
}

#mat-video .video-page, #mat-screens #screens {
  background: url(/i/modern/sprite/fon3.jpg?v=3);
}

.mat-slider.video-page td.light-border {
  border-bottom: 2px solid #242e36;
}

.videoPagination .block-inner {
  margin-top: 8px;
}

.media-index .press .block-inner .news-item .news-text img {
  margin-bottom: 15px;
}

#press img {
  margin: 3px 18px 0 0;
}

.press #press .block-inner .news-item .news-text img {
  width: 150px;
  margin-bottom: 15px;
}

.press .block-inner.light-border .news-item {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: 1px solid transparent
}

.news-item h1 {
  line-height: 1.2;
}

.press .block-inner.light-border .news-text.text img, .block-inner .block-inner.text .news-item img {
  max-width: none;
}

.press #press .block-inner.light-border .news-item.text .news-text img {
  max-width: none;
  height: auto;
}

.press .news-name-wrapper {
  position: relative;
}

/*фикс тултипов*/
.js-tooltip-wrapper {
  display: none;
  position: absolute;
  min-width: 180px;
  top: -22px;
  left: 0px;
  background-image: url(/i/modern/sprite/fon3.jpg?v=3);
  z-index: 5;
}

.js-tooltip-inner {
  border: 1px solid rgba(49, 65, 77, 1);
  background-color: #151b20;
  padding: 5px 10px;
  text-align: center;
}

#arrow {
  margin: 2px 0px 0px 6px;
}

.mat-slider.video-page a {
  text-decoration: none;
  border-bottom: 1px solid #D32F2F;
  padding: 0px;
  margin-left: 0px;
}

.mat-slider.video-page a:hover {
  border-bottom: 1px solid transparent;
}

.mat-slider.video-page a span.title {
  padding: 0px;
}

/*end of media*/

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

							table new

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.table {
  width: 100%;
  margin: auto;
  border-spacing: 0px;
  border-collapse: collapse;
  table-layout: fixed;
  border: none;
  cursor: default;
}

.table td {
  border: 1px solid #2c3339;
  vertical-align: top;
  padding: 15px;
  -moz-box-shadow: inset 0px 0px 3px #2c3339;
  box-shadow: inset 0px 0px 3px #2c3339;
}

.table--first-col tr td:first-child {
  color: #c6720f;
  font-size: 14px;
  background-color: rgba(29, 11, 13, .3);
  -moz-box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .10);
  box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .10);

}

.table--first-row tr:first-child td {
  color: #535a62;
  font-size: 14px;
  background-color: rgba(29, 11, 13, .3);
  -moz-box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .10);
  box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .10);
}

/*подсветка при наведении*/
.table--highlight tr:hover td, .table--highlight tr:hover td *, .td-hover {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, .5);
  -moz-box-shadow: inset 0px 0px 3px #2c3339;
  box-shadow: inset 0px 0px 3px #2c3339;
  background-color: rgba(71, 77, 107, .12);
}

.table--v-midle td {
  vertical-align: middle;
}

/*оставляем стили первой колонкитакими же как и были, если существует класс table--First-col*/
.table--first-col.table--highlight tr:hover td:first-child, .table--first-col.table--highlight tr:hover td:first-child * {
  text-shadow: 0 0 10px rgba(255, 0, 0, 1);
  background-color: rgba(29, 11, 13, .3);
  -moz-box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .30);
  box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .30);

}

.table--first-row.table--highlight tr:first-child:hover td,
.table--first-row.table--highlight tr:first-child:hover td * {
  text-shadow: none;
  -moz-box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .10);
  box-shadow: inset 0px 0px 3px #2c3339, inset 0px 0px 15px rgba(255, 0, 0, .10);
  background-color: rgba(29, 11, 13, .3);
}

/*radio_new*/
#week-table .nav-tabs > li > a {
  border: none;
  padding-right: 11px;
  padding-left: 11px;
}

.on-air {
  display: none;
}

.radio-list p {
  float: left;
  width: 607px;
  margin-top: 13px;
}

.radio_new #show-name h1 {
  line-height: 31px;
  margin: 0;
}

.radio_new .right_block {
  float: right;
  width: 278px;
  height: auto
}

.radio_new .news-item {
  padding: 10px 10px;
  margin-bottom: 10px;
}

.radio_new h3 {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #D32F2F;
}

.radio_new time {
  font-size: 12px;
  color: #91bdc5;
}

.radio_new p {
  font-size: 12.5px;
  margin-bottom: 0;
}

.left_block {
  float: left;
  width: 683px;
  height: auto
}

.left_block.full {
  width: 100%;
}

.left_block.full #radio_wrapper {
  display: inline-block;
  width: auto;
  left: 349px;
}

.left_block.full .radio-list .program-list {
  float: left;
  margin-left: 20px;
}

#TopLittleTab {
  width: 100%;
  height: 35px;
  -moz-box-shadow: 0px 3px 3px -2px rgba(88, 102, 104, 1);
  box-shadow: 0px 3px 3px -2px rgba(88, 102, 104, 1);
}

#TopLittleTab li, #TopLittleTab a, #TopLittleTab a:hover, #TopLittleTab li, #TopLittleTab .active a, #TopLittleTab .active a:hover {
  -moz-border-radius: 0;
  border-radius: 0;
}

.radio_new #TopLittleTab {
  width: 50.50007299270073%;
  height: 31px;
}

.radio_new #TopLittleTab li:nth-child(1) {
  margin-right: .97%
}

.radio_new #TopLittleTab li {
  width: 170px;
  float: left;
}

/*табы*/
#TopLittleTab a, #TopLittleTab .active a, #TopLittleTab a:hover, #TopLittleTab .active a:hover {
  padding: 6px 0px 4px;
  color: white;
  margin: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

#TopLittleTab a, #TopLittleTab a:hover, #TopLittleTab a:active, #TopLittleTab .active {
  position: relative;
  margin: 0;
  background-color: transparent;
}

#TopLittleTab a {
  background: url(/i/modern/sprite/tabs.png?v=1) no-repeat 0 0;
  border: 0;
}

#TopLittleTab .active a {
  background: url(/i/modern/sprite/tabs.png?v=1) no-repeat 0 -36px;
}

#TopLittleTab a:hover {
  background: url(/i/modern/sprite/tabs.png?v=1) 0 -73px no-repeat;
}

#TopLittleTab a:active {
  background: url(/i/modern/sprite/tabs.png?v=1) 0 -109px no-repeat;
}

.leaders .leader-tab #TopLittleTab li.active {
  border-bottom: 2px black solid;
}

.leaders .leader-tab #TopLittleTab li.active a:after {
  display: block;
}

#TopLittleTab .active a, #TopLittleTab .active a:hover {
  padding-bottom: 4px;
  margin: 0;
  background-color: transparent;
}

#TopLittleTab li.active a:after {
  display: none;
}

#radio_wrapper {
  display: block;
  width: 63px;
  position: relative;
  height: 81px;
  left: 349px;
}

#show-name {
  border-top: 1px solid #353535;
  border-left: 1px solid #353535;
  border-right: 1px solid #353535;
}

.volume_big {
  position: absolute;
  width: 160px;
  right: -174px;
  display: block;
  top: 25px;
}

a.jp-mute.muted {
  background-position: -153px -50px;
}

.ico.jp-mute.custom_mute {
  display: block;
  position: absolute;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
}

#custom_mute {
  margin: 44px 1px 1px 72px;
}

/**radio-list*/
.radio_new #show-name {
  width: 48%;
  height: 35px;
  padding: 0 5px;
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  border: 1px solid #242e36;
}

.time_now {
  position: absolute;
  margin: 44px 1px 1px 6px;
}

.program.current {
  background-color: #444;
}

.radio_new .tab-content {
  padding: 0;
  overflow: hidden;
}

.radio_new .radio-list .item {
  border: none;
  margin-bottom: 0;
}

.radio_new .radio-list .item .time_now {
  width: 180px;
  margin: 0;
  position: relative;
}

.radio_new .radio-list .item .time_now .time {
  position: relative;
  background: url(/i/modern/sprite/fon5.jpg?v=3);
  border: 1px solid #2f363a;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 25px;
  color: #D32F2F;
  text-align: center;
  float: none;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 46px;
}

.radio_new .radio-list .item .time_now .data {
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 15px;
  padding-top: 13px;
  background: none;
  color: #91bdc5;
  float: left;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.radio_new .radio-list .program-list {
  width: 72%;
  margin: 0;
  float: right;
}

.radio_new .radio-list .program-list .program {
  width: 100%;
  border-top: 1px solid #242e36;
  height: auto;
  min-height: 50px;
}

.radio_new .radio-list .program-list .program .time {
  color: #91bdc5;
  float: left;
  margin: 13px 0px 0px 0px;
  width: 100px;
  text-indent: 5px;
}

.radio_new .radio-list .program-list .program .name {
  width: 390px;
  margin-bottom: 10px;
}

.radio_new .radio-list .program-list .program.current {
  background: none;
}

.radio_new .radio-list .program-list .program p {
  color: white;
  width: auto;
}

.radio_new .radio-list .program-list .current p, .radio_new .radio-list .program-list .current .time {
  color: #D32F2F;
}

/**end of radio-list*/

.radio_new .nav-tabs, #week-table > .nav-tabs > .active > a, #week-table > .nav-tabs > .active > a:hover, #week-table > .nav-tabs > li > a:hover {
  border: none;
}

#radio_wrapper {
  left: 250px;
}

/**обычный таб*/

.radio_new #week-table .tab-content {
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  padding: 0px 5px;
}

.radio_new #week-table .nav {
  background: url(/i/modern/li-menu.png?v=1) 0px 0px repeat-x;
}

.radio_new #week-table .nav, .radio_new #week-table .nav li a {
  margin-bottom: 0;
  height: 32px;
}

.radio_new #week-table .nav li, .radio_new #week-table .nav li a {
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.radio_new #week-table .nav li a:after, .radio_new #week-table .nav li a:before {
  display: none;
}

.radio_new #week-table .nav li:nth-last-child(1) {
  margin-right: 0px;
}

.radio_new #week-table .nav li:nth-last-child(1) a {
  padding-right: 10px;
}

.radio_new #week-table .nav li a {
  padding: 0px 12px;
  margin-right: 0px;
  background: url(/i/modern/sprite/a-r-C.png?v=1);
  display: block;
}

.radio_new #week-table .nav li {
  -moz-box-shadow: -1px 0px 0px rgba(196, 197, 175, .3), 1px 0px 1px rgba(196, 197, 175, .3);
  box-shadow: -1px 0px 0px rgba(196, 197, 175, .3), 1px 0px 1px rgba(196, 197, 175, .3);
  list-style-type: none;
  display: inline-block;
}

.radio_new #week-table .nav .active {
  border-bottom: none;
  -moz-box-shadow: -1px 0px 0px rgba(196, 197, 175, .3), 1px 0px 0px rgba(196, 197, 175, .3);
  box-shadow: -1px 0px 0px rgba(196, 197, 175, .3), 1px 0px 0px rgba(196, 197, 175, .3);
}

.radio_new #week-table .nav .active a:hover {
  color: transparent;
}

/**включен*/

.radio_new #week-table .nav .active a:after, .radio_new #week-table .nav .active a:hover:after {
}

/**хувер*/
.radio_new #week-table .nav li a:hover {
  background: url(/i/modern/sprite/a-r-hover-C.png?v=1)
}

/**при нажатии*/
.radio_new #week-table .nav li a:active {
  background: url(/i/modern/sprite/a-active-C.png?v=1)
}

/**текущий*/
.radio_new #week-table .nav li.active a {
  background: url(/i/modern/sprite/a-current-C.png?v=1)
}

#radio_schedule {
  margin: 0;
}

#radio_schedule th, .replay-items th {
  background: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  color: #91bdc5;
  text-align: center;
  border-bottom: 1px solid #242e36;
  height: 39px;
  vertical-align: bottom;
  font-size: 12px;
  border-top: none;
  -moz-border-radius: 0;
  border-radius: 0;
}

.overview:hover .icon--eye-open {
  color: #91bdc5;
}

.icon--eye-open {
  font-family: fontello;
  font-size: 15px;
}

#week-table .nav-tabs {
  border-bottom: 1px solid #4C565C
}

.radio-list #week-table .nav-tabs > li {
  margin-bottom: 0;
}

#radio_schedule td, .replay-items td {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #242e36;
  font-size: 15px;
  text-align: center;
  padding: 10px 15px;
}

#radio_schedule td:nth-child(1), .replay-items td:nth-child(1) {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #91bdc5;
}

#radio_schedule td:nth-child(2) {
  font-family: Arial, sans-serif;
}

#radio_schedule td:nth-child(2) {
  text-align: left;
}

#radio_schedule .current td {
  background: url(/i/modern/sprite/fon4.jpg?v=3);
  color: #D32F2F;
}

#radio_schedule .current td:nth-child(1) {
  border-left: 1px solid rgba(255, 255, 255, .5);
}

#radio_schedule .current td:nth-child(2) {
  border-right: 1px solid rgba(255, 255, 255, .5);
}

#radio_schedule tr:nth-child(odd) {
  background: none !important;
  color: #D32F2F;
}

#radio_schedule tbody tr:nth-last-child(1) td {
  border-bottom: none;
}

.radio_new .tab-content #about {
  padding: 15px;
}

.nav-tabs li a, .nav-tabs li a {
  -moz-transition: none !important;
  transition: none !important;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				    btn--main

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.btn {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  line-height: 24px;
  background-color: #2a353e;

  -moz-box-shadow: 0px 0px 0px 1px black,
  0px 2px 1px black,
  inset 0px 0px 1px rgba(111, 129, 134, 1), /*тенька вокруг*/ inset 0 2px 0 0 rgba(160, 169, 152, 1);

  box-shadow: 0px 0px 0px 1px black,
  0px 2px 1px black,
  inset 0px 0px 1px rgba(111, 129, 134, 1), /*тенька вокруг*/ inset 0 2px 0 0 rgba(160, 169, 152, 1); /*тенька сверху вниз*/

  position: relative;
}

.btn--inner {
  line-height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  vertical-align: top;
  background-color: transparent;
  color: transparent;
  border: none;
}

.brick-wrapper:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.brick-wrapper:after {
  background-image: url(/i/modern/sprite/main-btn/button_bg.png?v=1);
  z-index: 10;
}

.brick-wrapper:after, .brick-wrapper:before {
  content: '';
}

.btn--text, .brick-wrapper:after, .brick-wrapper:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.btn--text {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
  border: none;
  line-height: 24px;
  z-index: 11;

  /*лёгкий градиент снизу*/ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -moz-linear-gradient(bottom, rgba(53, 65, 74, 0) 0%, rgba(102, 115, 113, 0.3) 70%);
  background: linear-gradient(to top, rgba(53, 65, 74, 0) 0%, rgba(102, 115, 113, 0.3) 70%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11667371', endColorstr='#0035414a', GradientType=0); /* IE6-9 */
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				    btn--main:hover

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.brick-wrapper:hover:before { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
  background: -moz-radial-gradient(ellipse at bottom, rgba(243, 244, 238, 0.5) 0%, rgba(125, 185, 232, 0) 80%);
  background: radial-gradient(ellipse at bottom, rgba(243, 244, 238, 0.5) 0%, rgba(125, 185, 232, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33f3f4ee', endColorstr='#007db9e8', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.btn:hover {
  background-color: #1f272f;

  -moz-box-shadow: 0px 0px 0px 1px black,
  0px 2px 1px black,
  inset 0px 0px 1px rgba(157, 165, 149, 1), /*тенька вокруг*/ inset 0 2px 0 0 rgba(157, 165, 149, 1), /*тенька сверху вниз*/ inset 0 -1px 0 0 rgba(142, 150, 135, 1);

  box-shadow: 0px 0px 0px 1px black,
  0px 2px 1px black,
  inset 0px 0px 1px rgba(157, 165, 149, 1), /*тенька вокруг*/ inset 0 2px 0 0 rgba(157, 165, 149, 1), /*тенька сверху вниз*/ inset 0 -1px 0 0 rgba(142, 150, 135, 1); /*тенька снизу вверх*/
}

.btn:hover .btn--text {
  /*лёгкий градиент снизу*/ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(161, 192, 202, 0) 51%, rgba(196, 199, 174, 0.22) 100%);
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(161, 192, 202, 0) 51%, rgba(196, 199, 174, 0.22) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#38c4c7ae', GradientType=0); /* IE6-9 */
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				    btn--main:active

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
/*радиальный*/
.brick-wrapper:active:before {
  background: -moz-radial-gradient(bottom, ellipse, rgba(243, 244, 238, 0.4) 0%, rgba(125, 185, 232, 0) 70%);
  background: radial-gradient(ellipse at bottom, rgba(243, 244, 238, 0.4) 0%, rgba(125, 185, 232, 0) 70%); /* W3C */
}

.btn:active .btn--text {
  background: none;
}

.btn:active {
  background-color: #0b0f12;

  -moz-box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px #303c45, /*тенька вокруг*/ inset 0 1px 0 0 #3e4c55, /*тенька сверху вниз*/ inset 0 -1px 0 0 #4a585e;

  box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px #303c45, /*тенька вокруг*/ inset 0 1px 0 0 #3e4c55, /*тенька сверху вниз*/ inset 0 -1px 0 0 #4a585e; /*тенька снизу вверх*/
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				    btn--main.glow

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
.btn.glow {
  background: none;

  background-color: #12181d;

  -moz-box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px #566367, /*тенька вокруг*/ inset 0 2px 0 0 #e6e7d8, /*тенька сверху вниз*/ inset 0 -1px 0 0 #36424b;

  box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px #566367, /*тенька вокруг*/ inset 0 2px 0 0 #e6e7d8, /*тенька сверху вниз*/ inset 0 -1px 0 0 #36424b; /*тенька снизу вверх*/
}

/*радиальный*/
.brick-wrapper.glow:before { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
  background: -moz-radial-gradient(ellipse at top, rgba(243, 244, 238, 0.4) 0%, rgba(125, 185, 232, 0) 80%);
  background: radial-gradient(ellipse at top, rgba(243, 244, 238, 0.4) 0%, rgba(125, 185, 232, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33f3f4ee', endColorstr='#007db9e8', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.btn.glow .btn--text {
  /*лёгкий градиент снизу*/ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(161, 192, 202, 0) 51%, rgba(196, 199, 174, 0.11) 100%);
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(161, 192, 202, 0) 51%, rgba(196, 199, 174, 0.11) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#1cc4c7ae', GradientType=0); /* IE6-9 */
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				    btn--main.disabled

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
.btn.disabled {
  background: none;
  background-color: #0b0f12;

  -moz-box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px #2e3a47;

  box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px #2e3a47; /*тенька вокруг*/
  cursor: default;
}

.btn.disabled .btn--inner {
  content: normal;
}

/*радиальный*/
.brick-wrapper.disabled:before { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
  background: -moz-radial-gradient(bottom, ellipse, rgba(243, 244, 238, 0.1) 0%, rgba(125, 185, 232, 0) 50%);
  background: radial-gradient(ellipse at bottom, rgba(243, 244, 238, 0.1) 0%, rgba(125, 185, 232, 0) 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33f3f4ee', endColorstr='#007db9e8', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.btn.disabled .btn--text {
  /*лёгкий градиент снизу*/
  background: none;
  color: rgba(255, 255, 255, .5);
}

/*popup*/
#media-container, .lp-popup {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  z-index: 10;
}

#media-container .popup-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 16;
  background-color: #000;
  opacity: 0.8;
}

#media-container .popup {
  width: auto;
  margin: auto;
  position: relative;
  z-index: 17;
  opacity: 1;
}

#media-container .popup .r {
  padding: 10px;
}


#media-container-content {
  position: relative;
  margin-bottom: 6px;
}

#media-container-content img {
  margin-bottom: -6px;
}

#media-container .popup .playvideo {
  margin: auto;
  padding: 5px;
}

.popup .description {
  padding: 15px 20px 15px 20px;
  max-width: 700px;
}

.popup .description.screens {
  width: auto;
  max-width: none;
}

.popup .description h1 {
  color: #fff;
  font-size: 24px;
  margin: 0 0 5px 0;
}

.popup .description h2 {
  color: #fff;
  font-size: 20px;
  margin: 0 0 5px 0;
}

.popup .description .text {
  margin-bottom: 10px;
  padding: 0;
}

.popup .description .text p {
  color: #fff;
  margin: 0;
  padding: 0;
}

.popup .description .date {
  font-size: 11px;
  color: #fff;
  padding: 3px 10px 0 0;
}

.downloadvideo {
  color: #fff;
}

.popup .description a {
  color: #fff;
}

.popup {
  border: 1px solid #263038;
}

.popup #media-container-content {
  border-top: 1px solid #000000;
}

.popup .description h1, .popup .description {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

/**social sidebar block */
.social-network-block {
  position: relative;
  height: 110px;
  margin-bottom: 10px;
}

.social-network-block .header {
  width: 100%;
  height: 38px;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
}

.social-network-block .header .extra-light {
  padding-left: 10px;
  line-height: 38px;
  text-transform: uppercase;
}

.social-network-block .social-link {
  display: block;
  float: left;
  width: 16.66666666666667%;
  height: 110px;
  text-align: center;
}

.social-network-block.full .social-link {
  width: 16.66666666666667%;
}

.social-network-block .social-icon {
  display: inline-block;
  margin-top: 25px;
  height: 21px;
  background-image: url('/i/modern/sprite/sprite-social-icon.png');
}

.social-network-block .social-link.yt {
  background-color: rgba(244, 0, 0, .5);
}

.social-network-block .social-link.yt:hover {
  background-color: rgba(244, 0, 0, 1);
}

.social-network-block .social-link.yt .social-icon {
  background-position: 0 1%;
  width: 32px;
}

.social-network-block .social-link.vk {
  background-color: rgba(88, 124, 163, .5);
}

.social-network-block .social-link.vk:hover {
  background-color: rgba(88, 124, 163, 1);
}

.social-network-block .social-link.vk .social-icon {
  background-position: 3% 18%;
  width: 30px;
}

.social-network-block .social-link.fb {
  background-color: rgba(52, 87, 155, .5);
}

.social-network-block .social-link.fb:hover {
  background-color: rgba(52, 87, 155, 1);
}

.social-network-block .social-link.fb .social-icon {
  background-position: 95% 71%;
  width: 15px;
}

.social-network-block .social-link.tw {
  background-color: rgba(47, 170, 225, .5);
}

.social-network-block .social-link.tw:hover {
  background-color: rgba(47, 170, 225, 1);
}

.social-network-block .social-link.tw .social-icon {
  background-position: 0 35%;
  width: 25px;
}

.social-network-block .social-link.inst {
  background-color: #7b0278;
}

.social-network-block .social-link.inst:hover {
  background-image: linear-gradient(180deg, #bc32a4, #e03768 50%, #f67c33);
}

.social-network-block .social-link.inst .social-icon {
  background-position: 0 53%;
  width: 24px;
}

.social-network-block .social-link.ok {
  background-color: rgba(250, 152, 24, .5);
}

.social-network-block .social-link.ok:hover {
  background-color: rgba(250, 152, 24, 1);
}

.social-network-block .social-link.ok .social-icon {
  background-position: 0 188%;
  width: 13px;
}

/**social*/
#share42 {
  display: block;
  padding: 6px 0 0 0;
}

.sbImgLj, .sbImgY {
  width: 24px;
  height: 24px;
  background-image: url(/i/modern/sprite/social.png?v=1);
  background-repeat: no-repeat;
  margin-left: 5px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.sbImgLj {
  margin-top: 1px \0/;
}

.soc a {
  display: inline-block;
}

#sidebar .soc .st, .soc-steam {
  background-position: -451px 0px;
}

#sidebar .soc .st:hover, .soc-steam:hover {
  background-position: -451px -37px;
}

#sidebar .soc .st:active, .soc-steam:active {
  background-position: -451px -74px;
}

#sidebar .soc .yu, .soc-you {
  background-position: -101px 0px;
}

#sidebar .soc .yu:hover, .soc-you:hover {
  background-position: -101px -37px;
}

#sidebar .soc .yu:active, .soc-you:active {
  background-position: -101px -74px;
}

.social-likes.social-likes_light {
  padding-bottom: 10px;
}

#sidebar .soc .fb.mini, #sidebar .soc .tw.mini, #sidebar .vk.mini, #sidebar .block-inner.youtube .yu {
  width: 24px;
  height: 24px;
  margin-left: 6px;
  opacity: 1;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#sidebar .block-inner.border, #sidebar .block280.border {
  border-right: none;
}

#sidebar .block-inner.youtube .yu, #sidebar .block-inner.youtube .yu:hover {
  background: url(/i/modern/sprite/social_min.png?v=1) no-repeat -122px -2px;
  margin-bottom: 0px;
}

#sidebar .soc .fb.mini, #sidebar .soc .fb.mini:hover {
  background: url(/i/modern/sprite/social_min.png?v=1) no-repeat -2px -2px;
}

#sidebar .soc .tw.mini, #sidebar .soc .tw.mini:hover {
  background: url(/i/modern/sprite/social_min.png?v=1) no-repeat -92px -2px;
}

#sidebar .vk .vk.mini, #sidebar .vk .vk.mini:hover {
  background: url(/i/modern/sprite/social_min.png?v=1) no-repeat -32px -2px;
}

.social .yashare-auto-init {
  vertical-align: top;
}

.social .b-share {
  padding: 0px 0px 0px 4px !important;
}

.social .sbImgLj, .social .soc-livej, .social .sbImgY, .social .soc-yandex {
  background-image: url(/i/modern/sprite/social2.png?v=1);
  cursor: pointer;
}

.social .sbImgY {
  background-position: -7px -46px;
  -moz-background-size: 33px;
  background-size: 33px;
}

.social .sbImgLj {
  background-position: -4px -7px;
  -moz-background-size: 32px;
  background-size: 32px;
}

.social .sbImgLj:hover, .social .sbImgY:hover {
  background-color: #DCDCDC;
}

.social .sbImgLj:active, .social .sbImgY:active {
  height: 22px;
  border-top: 2px solid #999CA3;
}

.sbImgLj, .soc-livej {
  background-position: -351px 0px;
  background-color: #fff;
}

.sbImgY, .soc-yandex {
  background-position: -301px 0px;
  background-color: #fff
}

.sbImgY:hover, .soc-yandex:hover {
}

.sbImgY:active, .soc-yandex:active {
}

.b-share_theme_counter {
  display: inline-block;
}

.b-share_theme_counter .b-share-btn__gplus:active, .b-share_theme_counter .b-share-btn__gplus:hover:active {
  border-top: 2px solid #73311f !important;
}

.b-share_theme_counter .b-share-btn__moimir:active, .b-share_theme_counter .b-share-btn__moimir:hover:active {
  border-top: 2px solid #14426d !important;
}

.b-share_theme_counter .b-share-btn__odnoklassniki:active, .b-share_theme_counter .b-share-btn__odnoklassniki:hover:active {
  border-top: 2px solid #975e2e !important;
}

.b-share_theme_counter .b-share-btn__twitter:active, .b-share_theme_counter .b-share-btn__twitter:hover:active {
  border-top: 2px solid #00668d !important;
}

.b-share_theme_counter .b-share-btn__facebook:active, .b-share_theme_counter .b-share-btn__facebook:hover:active {
  border-top: 2px solid #24365a !important;
}

.b-share_theme_counter .b-share-btn__vkontakte:active, .b-share_theme_counter .b-share-btn__vkontakte:hover:active {
  border-top: 2px solid #2b445e !important;
}

.plusOne {
  background: #fff;
  padding: 7px 0 0 7px;
}

/**end social*/

#media-container .popup {
  background: #141a1f;
}

#media-container .popup-head, .lp-popup .popup-head {
  height: 58px;
  line-height: 57px;
  padding-left: 18px;
  padding-right: 18px;
}

#media-container .popup-head .data, .lp-popup .data {
  float: left;
  height: 58px;
  line-height: 57px;
  color: #91bdc5;
  font-size: 12px;
}

#media-container .popup .video_player .l-arrow, #media-container .popup .video_player .r-arrow {
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: rgba(0, 0, 0, .5);
  width: 35px;
  height: 105px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}

#media-container .popup .l-arrow, #media-container .popup .r-arrow {
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: rgba(0, 0, 0, .5);
  width: 44px;
  height: 100%;
  top: 0px;
  position: absolute;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}

#media-container .popup .l-arrow {
  left: 0px;
}

#media-container .popup .r-arrow {
  right: 0px;
}

#media-container .popup .playvideo:hover .l-arrow, #media-container .popup .playvideo:hover .r-arrow {
  filter: alpha(opacity=100);
  opacity: 1;
}

.lp-popup .close {
  top: 16px;
}

#media-container .popup .playvideo {
  padding: 0px 1px;
}

.popup .text {
  border: none;
}

#media-container-content .playvideo, #media-container-content .playimg {
  position: relative;
}

#media-container-content .playvideo .l-arrow:after, #media-container-content .playvideo .r-arrow:after {
  position: absolute;
  content: '';
  width: 35px;
  height: 35px;
  top: 50%;
  margin-top: -18px;
}

#media-container-content .playvideo .l-arrow:after, #media-container-content .playimg .l-arrow:after {
  background: url(/i/modern/sprite/icons.png?v=1) 7px -225px no-repeat;
  right: 0;
}

#media-container-content .playvideo .r-arrow:after, #media-container-content .playimg .r-arrow:after {
  background: url(/i/modern/sprite/icons.png?v=1) 7px -262px no-repeat;
  left: 0;
}

#text-container tbody {
  display: block;
  background: url(/i/modern/sprite/fon3.jpg?v=3)
}

.modal .loginform {
  background-color: #161b21;
}

.popup .description a {
  color: #91bdc5;
}

/*end popup*/

/* Liderboard menu */

.leader-tab {
  position: relative;
  background-color: #1a1f22;
  border-bottom: 1px solid #455a64;
}

.section ul.board-tabs {
  margin-bottom: 0;
}

.section ul.board-tabs li {
  height: auto;
}

.board-tabs {
  display: inline-block;
  height: 45px;
  float: right;
}

.board-tabs li {
  display: inline-block;
  height: 45px;
  padding: 0 22px;
}

.board-tabs li.active {
  border-bottom: 2px solid #d50000;
}

.board-tabs li a {
  color: #cfd8dc;
  font-size: 18px;
  line-height: 43px;
  text-decoration: none;
}

.board-tabs li.active a,
.board-tabs li a:hover {
  color: #D32F2F;
}

.radio_new #week-table .nav li, .leaders .leader-tab #TopLittleTab li, #clan-diff ul li {
  display: inline-block;
  height: 33px;
  background-position: 0px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  margin: 0px 2px;
  padding: 0;
  position: relative;
  -moz-box-shadow: -1px 0px 1px rgba(196, 197, 175, .3), 1px 0px 1px rgba(196, 197, 175, .3);
  box-shadow: -1px 0px 1px rgba(196, 197, 175, .3), 1px 0px 1px rgba(196, 197, 175, .3);
  vertical-align: top;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.leaders .leader-tab #TopLittleTab li a, #clan-diff ul li a {
  padding: 0px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 33px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-weight: 100;
  font: 20px/24px 'Roboto', Tahoma, Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  display: block;
}

/*таблица*/
.leader-tab .last-month {
  margin: 7px 0 0 22px;
  cursor: pointer;
}

.leader-tab .last-month a {
  text-decoration: none;
  color: #cfd8dc;
  line-height: 32px;
}

.leader-tab .last-month a:hover .leader-tab__link-text,
.leader-tab .last-month a.select:hover .leader-tab__link-text {
  color: #D32F2F;
}

.leader-tab .last-month .rem_box {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid #455a64;
}

.leader-tab .last-month a.select .leader-tab__link-text {
  color: #D32F2F;
}

.leader-tab .last-month a.select .rem_box,
.leader-tab .last-month a.select:hover .rem_box {
  border: 1px solid #D32F2F;
  background: url(/i/modern/checkbox-active.png?v=1) #161a1e no-repeat 50% 50%;
}

.leader-tab .last-month a.select .rem_box {
  border: 1px solid #455a64;
  background: url(/i/modern/checkbox.png?v=1) #161a1e no-repeat 50% 50%;
}

.leader-tab .last-month .rem_box:hover,
.leader-tab .last-month a:hover .rem_box,
.leader-tab .last-month a .select:hover .rem_box {
  border: 1px solid #D32F2F;
}

.leader-tab .last-month a.select .leader-tab__link-text {
  color: #cfd8dc;
}



.bigico {
  position: relative;
}

.tooltip {
  display: none;
  position: absolute;
  background-color: #151b20;
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  padding: 5px 10px;
  text-align: center;
  border: 1px solid rgba(49, 65, 77, 1);
  font: 13px Tahoma, Arial, sans-serif;
  color: #e5e5e5;
  z-index: 100;
  bottom: 35px;
  margin: auto;
  left: 50%;
  margin-left: -81px;
  min-width: 140px;
}

.tooltip:after {
  content: '';
  width: 0px;
  height: 0px;
  border-top: 5px solid rgba(49, 65, 77, 1);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  display: block;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

.bigico:hover .tooltip {
  display: block;
}



.clan-info {
  width: 100%;
  padding: 0 10px;
  margin: 0 0 15px 0;
}

.clan-info .element-4 {
  background-position: 0px -210px;
}

.clan-info .element-5 {
  background-position: 0px -280px;
}

.clan-info .element-6 {
  background-position: 0px -245px;
}

.clan-info .element-7 {
  background-position: 0px -315px;
}



.search-players tr td:nth-child(1),
.search-players tr th:nth-child(1) {
  width: 1px;
  white-space: nowrap;
  padding-right: 15px;
}

.user-stat tr:nth-child(2n) td {
  background-color: #121517;
}

.user-stat tr:nth-child(2n) td:nth-last-child(1) {
  border-right: 1px solid #1f2224;
}

.user-stat tr:nth-child(2n) td:nth-child(1) {
  border-left: 1px solid #1f2224;
}

.fullpages {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 46px;
  text-align: center;
  margin-top: 1px;
}

.fullpages .first, .fullpages .last {
  display: none;
}

/***странности пагинации*/
/*лидерборды*/

.fullpages li {
  display: inline-block;
  vertical-align: top;
  float: none;
  font-size: 18px;
}

.fullpages a.num {
  padding: 11px 14px;
  line-height: 22px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}

.fullpages a.num:hover {
  color: #fff;
}

#paginator ul .first {
  background: url(/i/modern/sprite/myicons.png?v=1) 0px -4px no-repeat !important;
  width: 21px;
  margin-right: 25px;
}

#paginator ul .last {
  background: url(/i/modern/sprite/myicons.png?v=1) 0px -32px no-repeat !important;
  width: 21px;
  margin-left: 25px;
}

#paginator ul .last, #paginator ul li.first {
  color: transparent;
}

#paginator ul {
  margin-top: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 32px;
  padding-top: 2px;
}

#paginator ul li {
  border: none;
  vertical-align: middle;
  color: #D32F2F;
  margin-right: 6px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
}

#paginator ul li.active {
  color: white;
  padding: 0 5px;
  border: none;
}

#paginator.fix {
  margin-top: 8px;
  margin-bottom: 16px;
}

/*end of таблица*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                    поиск

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.sp-default {
  color: #91bdc5;
  font-size: 17px;
}

.signup-table input[type=text]:focus, .signup-table input[type=password]:focus, .signup-table input[type=email]:focus, .signup-table textarea:focus, .signup-table td select:focus {
  -moz-box-shadow: 0 0 2px #91bdc5, 0 0 2px #91bdc5;
  box-shadow: 0 0 2px #91bdc5, 0 0 2px #91bdc5;
}

.search-players-table td {
  vertical-align: middle;
}

.search-results {
  width: 100%;
}

.scp_td1 {
  background-color: transparent !important;
}

.sch_line {
  display: none;
}

#find {
  background-color: rgba(0, 0, 0, .1);
  padding: 6px;
  border: 1px solid #525c5e;
}

#find:focus {
  background-color: rgba(255, 255, 255, .1)
}

.username {
  margin: 0px 0px 20px 0px;
  color: #c3740f;
}

.username--is-banned-lbl {
  width: 329px;
  height: 133px;
  background: url(/i/users/banned-lbl.png);
  background: url(/i/users/banned-lbl.svg), linear-gradient(transparent, transparent);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 15%;
  right: 33%;
}

.username--is-banned-icn {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 31px;
  margin-top: 0px;
  margin-left: 48%;
  background: url(/i/users/banned-icn.png);
  background: url(/i/users/banned-icn.svg), linear-gradient(transparent, transparent);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
}

.user_info_wrapper .user_info {
  padding-top: 16px;
}

.player_profile_board {
  padding: 10px;
  border-bottom: 1px solid #242e36;
  border-left: 1px solid #242e36;
  border-right: 1px solid #242e36;
  -moz-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black;
}

.user-img {
  margin: 0px 16px 0px 0px;
  float: left;
}

.user_info_wrapper .user_info .news-item {
  border-top: 1px solid #242e36;
  padding: 0px;
}

.user_info_wrapper .user_info .news-item td h3 {
  margin: 0;
}

.user_info_wrapper .user_info .news-item td {
  height: 32px;
  padding: 0px;
  vertical-align: middle
}

.user_info_wrapper .user_info .news-item tr:nth-child(1) td {
  vertical-align: bottom
}

#form1 {
  margin-top: 15px;
}

.search-players .block-inner .news-item {
  margin: 0px
}

.ru-2 {
  background-position: 0px -66px;
}

.gb-2 {
  background-position: 0px -100px;
}

.de-2 {
  background-position: 0px -33px;
}

.jp-2 {
  background-position: 0px -131px;
}

.elastic-search input, .elastic-search label {
  display: inline-block;
  margin-right: 15px;
}

.elastic-search #findMe {
  background-color: rgba(0, 0, 0, .1);
  -moz-border-radius: 0;
  border-radius: 0;
  border-color: #525c5e;
  color: #ffffff;
  width: 270px;
  height: 19px;
  border: 1px solid #525c5e;
  font: 16px Tahoma, Arial, sans-serif;
  padding: 6px;
}

.elastic-search #findMe:focus {
  background-color: rgba(255, 255, 255, .1);
  -moz-box-shadow: 0 0 2px #91bdc5, 0 0 2px #91bdc5;
  box-shadow: 0 0 2px #91bdc5, 0 0 2px #91bdc5;
}

/*конец поиска*/

/*кнопки*/
.btn {
  text-align: center;
  white-space: nowrap;
}

#sch-find-btn, .btn--search {
  border: 1px solid black;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  -moz-box-shadow: inset 0px 0px 2px .5px rgba(93, 106, 106, .7), inset 0px 2px 1px -1px rgba(93, 106, 106, .5), 0px 0px 1px black;
  box-shadow: inset 0px 0px 2px .5px rgba(93, 106, 106, .7), inset 0px 2px 1px -1px rgba(93, 106, 106, .5), 0px 0px 1px black;
  margin-left: 0px;
  color: #ffffff;
  background: rgb(43, 54, 63);
  background: -moz-linear-gradient(top, rgba(43, 54, 63, 1) 0%, rgba(22, 22, 22, 1) 100%);
  background: linear-gradient(to bottom, rgba(43, 54, 63, 1) 0%, rgba(22, 22, 22, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b363f', endColorstr='#161616', GradientType=0);
  padding: 6px 25px 6px 25px;
  font-size: 13pt;
  margin: -1px 0px 0px 17px;
  cursor: pointer;
}

#sch-find-btn:hover {
  -moz-box-shadow: inset 0px 0px 4px .5px rgba(93, 106, 106, 1), inset 0px 2px 1px -1px rgba(93, 106, 106, 1);
  box-shadow: inset 0px 0px 4px .5px rgba(93, 106, 106, 1), inset 0px 2px 1px -1px rgba(93, 106, 106, 1);
  background: rgb(43, 54, 63);
  background: -moz-linear-gradient(top, rgba(43, 54, 63, 1) 0%, rgba(43, 54, 63, 1) 49%, rgba(82, 95, 99, 1) 100%);
  background: linear-gradient(to bottom, rgba(43, 54, 63, 1) 0%, rgba(43, 54, 63, 1) 49%, rgba(82, 95, 99, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b363f', endColorstr='#525f63', GradientType=0);
}

#sch-find-btn:active {
  -moz-box-shadow: inset 0px 0px 4px .5px rgba(93, 106, 106, .3), inset 0px 2px 1px -1px rgba(93, 106, 106, .3);
  box-shadow: inset 0px 0px 4px .5px rgba(93, 106, 106, .3), inset 0px 2px 1px -1px rgba(93, 106, 106, .3);
  background: rgb(12, 16, 19);
  background: -moz-linear-gradient(top, rgba(12, 16, 19, 1) 0%, rgba(29, 37, 45, 1) 100%);
  background: linear-gradient(to bottom, rgba(12, 16, 19, 1) 0%, rgba(29, 37, 45, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c1013', endColorstr='#1d252d', GradientType=0);
}

.sch-find-btn {
  position: relative;
  overflow: hidden;
  display: inherit;
  margin-left: 50px;
}

/*конец кнопки*/

/*комюнити*/
.ajax-loader {
  background: url('/i/modern/ajax-loader4.gif');
  width: 16px;
  height: 16px;
  position: absolute;
  margin: 3px 0 0 8px;
  display: none;
}

.community .block-inner.light-border.l-b-t .news-item.text {
  border-top: 1px solid transparent;
  margin-bottom: 0px;
}

.community .block-inner .news-item.text.light-border.l-b-t {
  margin-bottom: 0px;
  border: 1px solid #242e36 !important;
}

.flag2 {
  width: 27px;
  display: block;
  height: 27px;
  position: absolute;
  margin-left: -14px;
  margin-top: -2px;
}

.up_c {
  margin-left: 26px;
  font-size: 13pt;
  color: #737373;
}

/*clansleaderboard*/
#clan-diff {
  padding-bottom: 0px;
  border-bottom: 0px;
  position: relative;
}

#clan-diff ul {
  list-style: none outside none;
}

#clan-diff ul li {
  float: right;
}

#clan-diff ul li .green-button {
  display: block;
  margin: 0;
  border: none;
}

#clan-diff ul li a.active {
  border-bottom: 2px solid black;
  height: 35px;
}

.honor {
  background-image: url('/i/modern/sprite/honor_bar.png?v=1');
  background-repeat: no-repeat;
  margin-left: 10px;
  width: 41px;
  height: 30px;
  display: inline-block;
}

.mat-slider .user-stat {
  border-collapse: collapse;
}

.ajax-loader {
  top: 7px;
}

/*end of clansleaderboard*/

/*особенности*/
.note .right, .note .left {
  height: 25px;
}

/*конец особенности*/

/*taking old styles*/

.offer.kfc ul {
  margin-left: 50px;
}

.offer.kfc li {
  margin-top: 3px;
  margin-bottom: 3px;
}

.offer.kfc .poster {
  margin-top: 20px;
}

/**55 ленд*/
#landing16.vid.tnk.land55 .wp_footer {
  height: 420px !important;
}

#landing16.vid.tnk.land55 .wrapper {
  margin-bottom: -421px !important;
}

/*#menu li {margin:0;}*/
#landing16.vid.tnk.land55 .close {
  cursor: pointer
}

#landing16.vid.tnk.land55 .close.fix {
  top: 16px;
}

#landing16.vid.land55 .footer-bg {
  background: rgba(14, 14, 14, 0.65);
  padding: 0;
}

#landing16.vid.land55 .footer-bg div.ps4 {
  margin: 0 10px;
}

.land55 .footer {
  position: fixed;
  bottom: 0px;
}

#landing16.vid.tnk #foo {
  border-bottom: none !important;
}

#landing16.vid.tnk #foo .reg-link {
  width: auto !important;
  height: 79px !important;
  display: inline-block;
}

#landing16.vid.tnk #foo .reg-link span {
  line-height: 79px !important;
  padding: 0px 45px !important;
  font-size: 45px !important;
}

#landing16 .reg-link {
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .7);
  box-shadow: 0 0 7px rgba(0, 0, 0, .7);
  margin: 15px auto;
}

.landing16 .regWrapp {
  margin-top: 70px
}

#landing16.btns2 .regWrapp {
  width: 100%;
  margin: 155px auto 0;
  text-align: center;
}

#landing16.btns2 .reg-link {
  margin: 15px 10px;
}

.land55 #foo .gamescom2013, .land55 #foo .e3, .land55 #foo .steam, .land55 #foo .oculis, .land55 #foo .penguin, .footer-wrapper .penguin, .land55 #foo .pegi, .land55 #foo .esrbt {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  background-repeat: no-repeat
}

.land55 #foo .gamescom2013:after, .land55 #foo .e3:after, .land55 #foo .pegi:after {
  content: '';
  position: absolute;
  width: 110%;
  height: 110%;
  margin-left: -5%;
  margin-top: -5%;
  display: none;
}

.land55 #foo .gamescom2013 {
  background-image: url(/i/landings/land55/gameco-black.jpg?v=3);
  width: 79px;
  height: 78px;
  margin: 0 10px;
}

.land55 #foo .gamescom2013:after {
  background-image: url(/i/landings/land55/gameco.jpg?v=3);
  -moz-background-size: cover;
  background-size: cover;
}

.land55 #foo .gamescom2013:hover:after {
  display: block;
}

.land55 #foo .e3 {
  background-image: url(/i/landings/land55/e3-black.jpg?v=3);
  width: 82px;
  height: 82px;
}

.land55 #foo .e3:after {
  background-image: url(/i/landings/land55/e3.jpg?v=3);
  -moz-background-size: cover;
  background-size: cover;
}

.land55 #foo .e3:hover:after {
  display: block;
}

.land55 #foo .pegi {
  background-image: url(/i/landings/land55/pegi.png?v=1);
  width: 80px;
  height: 80px;
}

.land55 #foo .esrbt {
  background-image: url(/i/modern/sprite/raiting/esrbt.jpg?v=3);
  width: 80px;
  height: 80px;
}

.land55 #foo .steam, .land55 #foo .oculus, .land55 #foo .penguin, .footer-wrapper .penguin {
  height: 45px;
  margin: 0 10px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-top: 15px;
}

.land55 #foo .steam div, .land55 #foo .oculus div, .land55 #foo .penguin div, .footer-wrapper .penguin div {
  background-position: center;
  background-repeat: no-repeat;
  -moz-background-size: 100%;
  background-size: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.land55 #foo .steam:hover div, .land55 #foo .oculus:hover div, .land55 #foo .penguin:hover div, .footer-wrapper .penguin:hover div {
  width: 120%;
  height: 120%;
  margin-top: -4px;
  margin-left: -6px;
}

.land55 #foo .steam {
  width: 115px;
  margin-right: 20px;
}

.land55 #foo .steam div {
  background-image: url(/i/landings/land55/steam.png?v=1);
}

.land55 #foo .oculus {
  width: 90px;
  margin-top: 10px;
}

.land55 #foo .oculus div {
  background-image: url(/i/landings/land55/oculus.png?v=1)
}

.land55 #foo .oculus:hover div {
  margin-top: -4px;
  margin-left: -6px;
}

.land55 #foo .penguin, .footer-wrapper .penguin {
  width: 45px;
  height: 52px;
}

.land55 #foo .penguin div, .footer-wrapper .penguin div {
  background-image: url(/i/landings/land55/penguin.png?v=1)
}

#landing16.land55 .head {
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.land55 .code {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid black;
  background-color: #0098ce;
  height: 42px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
  text-align: left;
  margin-top: -10px;
  font-size: 0;
}

.land55 .code h4 {
  width: 41%;
  display: inline-block;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-transform: uppercase;
  font-family: "Verdana", "sans-serif";
  font-size: 15px;
  font-style: normal;
  text-align: center;
  color: #ffffff;
}

.land55 .code h4 span {
  color: #10b9f4;
  font-size: 15px;
}

.land55 .code input {
  width: 268px;
  height: 33px;
  border: 1px solid black;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  color: black;
  font-size: 13px;
  line-height: 33px;
  outline: none;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  vertical-align: top;
  margin-top: 3px;
  font-size: 14px;
  margin-left: 7px;
}

#landing16.land55 .reg-link:hover, #landing16.land55 .reg-link.e, #landing16.land55 .reg-link.ok {
  background: url(/i/a_fb.png?v=1) repeat top left !important;
  -moz-transition: 0;
  transition: 0;
  box-shadow: 0 0 25px -1px #ff0600;
  -moz-box-shadow: 0 0 25px -1px #ff0600;
  -webkit-box-shadow: 0 0 25px -1px #ff0600;
  -o-box-shadow: 0 0 25px -1px #ff0600;
}

#landing16.land55 .reg-link.ok {
  background: url(/i/modern/d_fb.png?v=1) repeat top left !important;
  box-shadow: none;
  -moz-box-shadow: none;
}

@media screen and (max-width: 500px) {
  html {
    overflow-x: scroll;
    overflow-y: scroll;
  }
}

.land55.eurogammer .code h4 {
  color: white;
  margin: 0;
}

.land55.eurogammer .code {
  -moz-box-shadow: inset 0 1px #00e5cb;
  box-shadow: inset 0 1px #00e5cb
}

/**конец 55 ленда*/

/**igromir 65 ленд*/
.igromir .lp-note {
  margin: 10px 0px;
  text-align: left;
}

.land55.igromir .code h4 {
  color: white;
  margin: 0;
  line-height: 42px;
}

#landing16.vid.igromir .head .download-link {
  margin-bottom: 20px;
}

#landing16.vid.igromir .code {
  background-color: #648498;
  -moz-box-shadow: inset 0 1px #8BD2FF;
  box-shadow: inset 0 1px #8BD2FF;
}

/**конец igromir 65 ленд*/

.counters {
  padding: 11px 10px 0px;
  font-family: wtfModern;
  text-transform: uppercase;
  background: url(/i/modern/sprite/fon2.jpg?v=3);
  border-bottom: 2px solid #848482;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.counters .time-counter {
  margin-bottom: 5px;
}

.counters .time-counter:after {
  content: "";
  display: block;
  clear: both;
}

.counters .time-counter h2 {
  color: #fff;
  font-size: 26px;
  display: block;
  font-family: wtfModern;
  line-height: normal;
  float: left;
  text-indent: 5px;
  max-width: 520px;
  text-align: right;
  width: 100%;
}

.counters .time-counter .counter-container {
  width: 423px;
  float: right;
  height: 75px;
}

.counters .time-counter .counter-container .block {
  position: relative;
  width: 89px;
  height: 100%;
  float: left;
  text-align: center;
  line-height: 64px;
  font-size: 70px;
  color: #eff0d7;
  font-family: wtfModern;
  background: url(/i/modern/sprite/counters/big.png?v=1) no-repeat 0px 0px;
  margin-left: 12px;
  text-shadow: 0px 1px black;
}

.counters .time-counter .counter-container .block .black-line {
  width: 89px;
  height: 5px;
  position: absolute;
  left: 0px;
  top: 41%;
  z-index: 5;
  background: url(/i/modern/sprite/counters/blackline.png?v=1) no-repeat 1px 0px;
}

.counters .time-counter .counter-container .block.days {
  width: 116px;
  margin-left: 0px;
  margin-right: 4px;
}

.counters .time-counter .counter-container .dayflag {
  width: 24px;
  height: 21px;
  background: url(/i/modern/sprite/counters/flag.png?v=1) no-repeat 0px -2px;
  float: right;
  font-family: wtfModern, Arial, sans-serif;
  font-size: 23px;
  color: #eff0d7;
  line-height: 21px;
}

.counters .destroyed {
  text-align: right;
  margin: 0;
}

.counters .destroyed:after {
  content: "";
  display: block;
  clear: both;
}

.counters .destroyed .counter-container {
  float: right;
  width: 255px;
  height: 40px;
}

.counters .destroyed h3 {
  color: white;
  font-family: wtfModern;
  font-size: 20px;
  display: block;
  float: right;
  margin-top: 19px;
  margin-bottom: 4px;
  padding: 0 55px;
  text-align: justify;
}

.counters .destroyed .counter-container .block {
  text-shadow: 0px 1px black;
  width: 53px;
  height: 100%;
  float: left;
  text-align: center;
  line-height: 40px;
  font-family: wtfModern, Arial, sans-serif;
  font-size: 39px;
  color: #f9fadb;
  background: url(/i/modern/sprite/counters/small.png?v=1) no-repeat 0px 0px;
  margin-left: 11px;
}

.counters .destroyed .counter-container .block.first, .counters .destroyed .counter-container .block:nth-child(1) {
  margin-left: 8px;
}

/**end of counter*/

.lp-guinnes-header {
  color: white;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  font-family: wtfModern;
  margin-top: 25px;
}

.land55 #registration-container {
  display: none;
}

.red-star {
  font-size: 35px;
  vertical-align: middle;
  color: #D32F2F;
}

.code .red-star {
  font-size: 21px;
  vertical-align: top;
  color: red;
  line-height: 31px;
  font-weight: bold;
}

.lp-note {
  font-size: 11px;
  line-height: 11px;
  padding: 0 18px;
  text-align: justify;
}

.lp-note a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.lp-note a:hover {
  border-bottom: 1px solid #D32F2F;
}

.lp-note .red-star {
  font-size: 14px;
  line-height: 10px;
  color: #D32F2F;
}

/** css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}

div.play-tanks.cz {
  background: url('/i/tanks-cz.png?v=1') no-repeat top left;
}

/** css for timepicker */

/*end of taking old styles*/

/*fix old styles*/
.bg {
  background: url(/i/modern/sprite/fon3.jpg?v=3) !important;
}

.note.black .left {
  background-position: -449px -136px;
}

.note .left {
  width: 1px;
  padding: 7px 6px 0px 0px;
}

.note.white .left {
  padding: 8px 6px 0px 0px;
}

.more a, .fright a {
  text-decoration: none;
  color: #D32F2F;
}

.more a {
  font: 14px Roboto, Helvetica, Arial, sans-serif;
}

.more a:hover, .fright a:hover {
  text-decoration: underline;
}

.game_text a, .game-preview-text a {
  border: none;
}

.goto a {
  text-decoration: none;
  border-bottom: 1px solid #D32F2F;
}

.goto a:hover {
  border-bottom: none
}

#service .choise a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  display: block;
  padding: 5px 5px 5px 19px;
}

#service .choise a:hover {
  background-color: rgba(46, 73, 89, 0.5);
}

.size a, .search-players-link {
  text-decoration: none;
  border-bottom: 1px solid #dc4228
}

.search-players-link {
  display: inline;
  line-height: normal;
  padding: 0px;
  text-indent: 0px;
  margin-top: 9px;
  margin-right: 14px;
}

.size a:hover {
  border-bottom: 1px solid transparent
}

.mat-slider .preview .size a {
  padding-left: 0px;
}

.release_inner a, .community_content a {
  border-bottom: none;
}

.text .noUnderline {
  text-decoration: none;
  border-bottom: none;
}

.slider-paging.features-paging .noUnderline {
  text-decoration: none;
  border-bottom: 1px solid #D32F2F;
}

.slider-paging.features-paging .noUnderline:hover {
  border-bottom: 0px;
}

.shop_list.digital_store .text a.noUnderline {
  border: 1px solid transparent;
}

.shop-preview .golden_eagles .preview a.img_wrapper, .shop-preview .golden_eagles .preview .title a {
  padding: 0px
}

.shop-preview .golden_eagles .preview .title {
  float: none;
  display: block
}

.title a {
  padding: 0px
}

.text.underline a {
  text-decoration: underline;
}

.text.underline a:hover {
  text-decoration: none;
}

.mtop8 {
  margin-top: 8px;
  margin-bottom: 16px;
}

/* end fix old styles*/

/*404*/
body .wrapper__error {
  padding: 0px;
  width: 500px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
}

.error--404 {
  background-image: url(/i/modern/sprite/errors/bg_404.jpg?v=3);
  background-position: center top;
  -moz-background-size: cover;
  background-size: cover;
}

.error--503 {
  background-image: url(/i/modern/sprite/errors/bg_update_page.jpg?v=3);
  background-position: center top;
  -moz-background-size: cover;
  background-size: cover;
}

.float-container h1, .float-container, .float-container a {
  font-family: wtfModern;
  font-size: 20px;
}

.wtLogo {
  background: url(/i/modern/sprite/errors/wt_logo_red_line.png?v=1) no-repeat;
  margin: 0 auto;
  width: 336px;
  height: 370px;
  display: block;
}

body .wrapper--503 {
  top: 0;
  padding-top: 0;
}

.float-container h1 {
  font-size: 80px;
  margin-top: 38px;
  margin-bottom: 43px;
}

.float-container {
  color: #fefefe;
  line-height: 30px;
  position: absolute;
  width: 500px;
  left: 50%;
  margin-left: -250px;
  bottom: 50px;
  font-size: 22px;
}

.float-container--503 {
  width: 700px;
  margin-left: -350px;
}

.error__title {
  font-family: wtfModern, arial, sans-serif;
  font-size: 36px;
  color: #D32F2F;
  margin-bottom: 15px;
}

.error-text {
  font-family: wtfModern, arial, sans-serif;
  font-size: 18px;
  color: white;
}

.float-container .error__link {
  text-decoration: none;
  font-size: 18px;
  border-bottom: 1px solid;
  line-height: normal;
}

.float-container .green_button {
  border-bottom: none;
  min-width: 279px;
  -moz-background-size: cover;
  background-size: cover;
  padding: 0 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 25px 0 15px 0;
  background-color: transparent;
  border: none;
  line-height: 40px;
  font-family: wtfModern, arial, sans-serif;
}

.float-container .green_button span {
  font-family: wtfModern, arial, sans-serif;
  line-height: 40px;
  font-size: 24px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.8);

}

/*end of 404*/

/*lp with sound*/
#landing16 .controller {
  width: 50px;
  right: 0;
  top: 50%;
  position: absolute;
  z-index: 15;
}

#landing16 .controller * {
  display: block;
  margin: 0 auto
}

#landing16 .controller #volume {
  writing-mode: bt-lr;
  -webkit-appearance: slider-vertical;
  width: 8px;
  height: 200px;
  padding: 0 5px;
}

/*end of lp with sound*/

/*notifier*/

#notifier {
  position: relative;
  width: 510px;
  margin: 0 auto 1em;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}

.stop-fly #notifier {
  top: 0;
}

#notifier #messagearea .korobka {
  position: relative;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 15px;
  padding: 15px;
  -moz-box-shadow: 0 0 45px -5px rgba(0, 0, 0, 0.8), 1px 1px 5px 0px rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 45px -5px rgba(0, 0, 0, 0.8), 1px 1px 5px 0px rgba(0, 0, 0, 0.9);
}

#notifier #messagearea .korobka .close2 {
  position: absolute;
  display: block;
  width: 30px;
  line-height: 20px;
  height: 20px;
  right: 0px;
  top: 0px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin: 0;
}

#notifier #messagearea .error {
  background-color: rgba(71, 1, 1, 0.8);
}

#notifier #messagearea .ok2 {
  background-color: rgba(1, 71, 1, 0.8);
}

#registration-container {
  top: 200px;
}

.preloader {
  width: 20px;
  height: 20px;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url(/i/modern/ajax-loader4.gif);
  background-position: center;
  background-repeat: no-repeat;
}

#slider .preloader {
  display: none;
}

.mask span {
  display: block;
  height: 100%;
}

.mask > a {
  display: block !important;
}

.preloader {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url(/i/modern/ajax-loader4.gif);
  background-position: center;
  background-repeat: no-repeat;
}

/**анимированная кнопка на лп*/
#landing16 form .but-reg-big {
  background-image: url(/i/modern/g_fb.png?v=1) !important;
  background-position: 0 0;
  background-color: transparent;
  background-repeat: repeat;
  outline: none;
  line-height: 77px;
  text-align: center;
  font-family: 'wtfModern', Arial, sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  height: 77px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
  display: block;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  margin: 10px auto;
  width: 408px;
  border: none;
}

#btn-resend__wrap {
  text-align: center;
}

.btn-resend {
  display: block;
  width: 208px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: #777;
  border-radius: 3px;
  color: #e3e3e3;
  margin: 1.4em auto;
  vertical-align: middle;
  cursor: pointer;
}

.btn-resend:hover {
  background-color: #524d4d;
}

.btn-resend__link {
  padding: .5em;
  display: inline-block;
  color: white;
  font-size: 1.1em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.btn-resend.disabled {
  background: none;
  background-color: grey;
}

.btn-resend.error > .btn-resend__error {
  display: block;
  padding: 0.5em;
  color: brown;
  margin: .2em 0;
}

.btn-resend.success > .btn-resend__success {
  display: block;
  padding: 0.5em;
  margin: .2em 0;
  font-size: 1.4em;
}

.btn-resend.disabled > .btn-resend-link {
  color: lightgrey;
}

.btn-resend.disabled > .btn-resend__timer {
  color: white;
  display: inline-block;
  padding: 1em;
  font-size: 1.6em;
}

.btn-resend__error, .btn-resend__timer, .btn-resend__success {
  display: none;
}

#landing16 form.android-shield {
  top: 8% !important;
}

#landing16 input[type=checkbox].android-shield:focus {
  outline: 1px solid #4B7483;
}

#landing16.lp_animated_btn form .but-reg-big.ok, #landing16.lp_animated_btn form .but-reg-big.ok:hover, #landing16 form .but-reg-big:hover, #landing16 form .but-reg-big:focus {
  background-image: url(/i/modern/a_fb.png?v=1) !important;
  background-position: 0 0;
  background-repeat: repeat;
  outline: none;
  background-color: #FF0505 !important;
  line-height: 77px;
  text-align: center;
  font-family: 'wtfModern', Arial, sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  height: 77px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
  display: block;
  box-shadow: 0 0 25px -1px #ff0600;
  -moz-box-shadow: 0 0 25px -1px #ff0600;
  -webkit-box-shadow: 0 0 25px -1px #ff0600;
  -o-box-shadow: 0 0 25px -1px #ff0600;
  margin: 10px auto;
  width: 408px;
  border: none;
}

/**лаунчер*/
.launcher-download.linux {
  background: url(/i/modern/download/btn-launcher-linux.png?v=1);
}

.browser_notice {
  top: 0;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
}

.browser_notice p {
  line-height: 30px;
  color: #8a6d3b;
}

.js-close-alert {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  color: #8a6d3b;
  width: 10px;
  height: 10px;
  line-height: 10px;
}

/*хуё-маё*/
.mt15 {
  margin-top: 15px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                no script page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.no_script_page {
  margin-top: 50px;
}

.no_script_page h1 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 26px;
  color: black;
}

.no_script_page h2 {
  font-size: 20px;
  margin-bottom: 5px;
  color: black;
}

.no_script_page i {
  font-size: 14px;
  border-bottom: 1px dashed;
  color: black;
}

.no_script_page .choose_ur_desteny_wrapper {
  text-align: center;
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
  padding: 20px 20px 40px;
  width: 710px;
  margin: 0 auto;
  font-size: 0;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.no_script_page .choose_ur_destiny {
  padding: 0;
  margin-top: 20px;
}

.no_script_page .choose_ur_destiny li {
  display: inline-block;
  list-style-type: none;
  margin: 10px;
}

.no_script_page .choose_ur_destiny li a {
  display: inline-block;
  width: 150px;
  height: 150px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #eee;
}

.no_script_page .choose_ur_destiny li span {
  font-size: 14px;
  display: block;
  margin-top: 5px;
  color: black;
}

.no_script_page .choose_ur_destiny li a:hover {
  border-color: rgb(136, 223, 255);
}

.no_script_page .chrome, .mozilla, .opera, .safari {
  webkit-background-size: 150px;
  -moz-background-size: 150px;
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: center center;
}

.no_script_page .chrome {
  background-image: url('/i/browsers/chrome.png?v=1');
}

.no_script_page .mozilla {
  background-image: url('/i/browsers/mozilla.png?v=1');
}

.no_script_page .opera {
  background-image: url('/i/browsers/opera.png?v=1');
}

.no_script_page .safari {
  background-image: url('/i/browsers/safari.png?v=1');
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

               end no script page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.fz0 {
  font-size: 0;
}

.screenshots.loader {
  background: url('/i/ajax-loader4.gif') no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}

.ajax-not-found {
  min-width: 520px;
  height: 300px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.ajax-not-found p {
  font-size: 17px;
  border-top: 1px solid #6F6F6F;
  border-bottom: 1px solid #6F6F6F;
  padding: 10px 0px;
  color: #C7C7C7;
}

h3.tac.no-data {
  margin: 0;
  padding: 14px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

               popup_social_block

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.popup_social_block {
  display: none;
  background: #fff;
  padding: 30px 20px 15px;
  position: fixed;
  right: 50px;
  bottom: 25px;
  min-width: 200px;
  max-width: 260px;
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  border: 1px solid #242e36;
  -moz-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black;
  z-index: 10000;
}

.popup_social_block .h5 {
  color: #91bdc5;
}

.popup_social_block .close {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 21;
  background-image: url(/i/modern/sprite/icons.png?v=1);
  background-color: transparent;
  border: none;
  background-position: 0px -159px;
  -moz-background-size: 240px;
  background-size: 240px;
}

.popup_social_block .close:focus {
  outline: none;
}

.cbt-inner-block {
  padding: 20px 0;
}

.btn-cbt-agree {
  margin-left: 30px;
}

.popup_social_block .b-share {
  padding: 0 !important;
}

/*фикс лендинга*/
#landing16 #registration-container {
  text-align: left;
}

.beauty:after, .beauty:before {
  content: '';
  position: absolute;
  left: 16px;
  top: 1px;
  bottom: 0;
  width: 177px;
  min-height: 15px;
}

.beauty:after {
  z-index: 1;
  background: -webkit-repeating-linear-gradient(135deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15) 8px, transparent 8px, transparent 18px);
  background: -moz-repeating-linear-gradient(135deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15) 8px, transparent 8px, transparent 18px);
  background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15) 8px, transparent 8px, transparent 18px);
}

.beauty:before {
  z-index: 0;
  background: -moz-radial-gradient(ellipse at center top, rgba(179, 46, 35, .7) 30%, rgba(44, 15, 11, 0) 100%);
  background: radial-gradient(ellipse at center top, rgba(179, 46, 35, .7) 30%, rgba(44, 15, 11, 0) 100%);
  border-left: 1px solid #3a181b;
  border-right: 1px solid #3a181b;
  width: 175px;
}

.beauty--blue.beauty:before {
  border-left: 1px solid #303630;
  border-right: 1px solid #303630;
  background: -moz-radial-gradient(center, ellipse, rgba(112, 119, 106, .7) 30%, rgba(44, 15, 11, 0) 90%);
  background: radial-gradient(ellipse at center, rgba(112, 119, 106, .7) 30%, rgba(44, 15, 11, 0) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70776a', endColorstr='#002c0f0b', GradientType=1);
}

.news-item__image.beauty {
  padding-bottom: 15px;
}

.highlighted-img__head {
  width: 177px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  font-family: Arial;
  padding: 15px 15px;
  border: 1px solid #3a181b;
  border-top: none;
  border-bottom: 1px solid #8c400f;
  position: relative;
  background: radial-gradient(ellipse at center bottom, rgba(179, 46, 35, .7) 30%, rgba(44, 15, 11, 0) 100%);
  overflow: hidden;
  box-sizing: border-box;
}

.highlighted-img__head--blue {
  border: 1px solid #646c65;
  border-bottom: 1px solid #7f8476;
  border-left: 1px solid #303630;
  border-right: 1px solid #303630;
  border-top: none;
  background: -moz-radial-gradient(bottom, ellipse, rgba(112, 119, 106, .7) 30%, rgba(44, 15, 11, 0) 100%);
  background: radial-gradient(ellipse at bottom, rgba(112, 119, 106, .7) 30%, rgba(44, 15, 11, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70776a', endColorstr='#002c0f0b', GradientType=1);

  min-height: 24px;

}

.highlighted-img__body {
  position: relative;
  z-index: 10;
  padding-top: 2px;
  padding-bottom: 1px;
  border-left: 1px solid #3a181b;
  border-right: 1px solid #3a181b;
  border-bottom: 1px solid #8c400f;
}

.highlighted-img__body--blue {
  border-bottom: 1px solid #6a7066;
}

.highlighted-img__head p {
  margin: 0;
  line-height: 24px;
  font-size: 18px;
  position: relative;
  z-index: 10;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.clear {
  clear: both;
}

.highlighted-img {
  float: left;
  position: relative;
  background-color: #151a20;
  overflow: hidden;
  z-index: 2;
}

.highlighted-img--blue {

}

.highlighted-img:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-repeating-linear-gradient(135deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15) 8px, transparent 8px, transparent 18px);
  background: -moz-repeating-linear-gradient(135deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15) 8px, transparent 8px, transparent 18px);
  background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15) 8px, transparent 8px, transparent 18px);
}

.highlighted-img__bottomblock {
  overflow: hidden;

  height: 12px;
  border-top: 1px solid rgba(255, 102, 0, .50);
  background: -moz-radial-gradient(ellipse at center top, rgba(179, 46, 35, .70) 0%, rgba(44, 15, 11, 0) 100%);
  background: radial-gradient(ellipse at center top, rgba(179, 46, 35, .70) 0%, rgba(44, 15, 11, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b32e23', endColorstr='#002c0f0b', GradientType=1);

  border-left: 1px solid rgba(176, 22, 22, .20);
  border-right: 1px solid rgba(176, 22, 22, .20);
}

.por {
  position: relative;
}

.view.view-sixth .mask, .view.view-sixth .mask a {

  width: 220px;
  height: 124px;
}

/**link-fix*/
a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif], .text .no-border {
  text-decoration: none;
  border: 0 none;
  display: inline-block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

               superCup

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.superCup-table {
  table-layout: fixed;
  border-spacing: 0px;
  border: none;
  -moz-box-shadow: 1px 1px black, -1px -1px black;
  box-shadow: 1px 1px black, -1px -1px black;
  background: url(/i/modern/sprite/fon4.jpg?v=3);

}

.superCup-table th {
  background: url(/i/modern/sprite/title.png?v=1) repeat-X;
  text-align: center;
  height: 24px;
  border-bottom: 2px solid black;
  line-height: 24px;
}

.superCup-table td {
  padding: 15px;
}

.superCup-table p {
  margin-bottom: 5px;

}

.superCup-table td *, .superCup-table td {
  font-size: 22px;
  font-family: 'wtfModern', Arial, sans-serif;
  vertical-align: middle;
  text-align: center;
}

.superCup-table td {
  border-right: 1px dashed #41464e;
}

.superCup-table tbody tr td:nth-child(1) *, .superCup-table tbody tr td:nth-child(1), .superCup-table .red {
  color: #D32F2F;
  text-align: center;

}

.superCup-table tbody tr td:nth-child(2) a {
  border-bottom: none;
  text-decoration: none;
}

.superCup-table tbody tr td:nth-child(3) *, .superCup-table tbody tr td:nth-child(3), .superCup-table .blue {
  color: #91bdc5;
  text-align: center;

}

.superCup-table tbody tr td:nth-child(4) *, .superCup-table tbody tr td:nth-child(4) {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  vertical-align: top;
  text-align: left;
  border-right: none;
  padding-left: 20px;
  line-height: normal;
}

.superCup-table tbody tr:nth-child(2n) td {
  background: url(/i/modern/sprite/fon_dark.png?v=1);
}

.superCup-table .red, .superCup-table .blue, .superCup-table .white {
  border-bottom: none;
}

.text .white {
  color: #e5e5e5 !important;
}

.supercup--tabs {
  list-style-type: none;
  text-align: center;
  font-size: 0;
}

.supercup--tabs li {
  display: inline-block;
  width: 161px;
}

.supercup--tabs li + li {
  margin-left: 1px;
}

.supercup--tabs li .tab__link {
  text-decoration: none;
}

.supercup--tabs .tab__link span {
  display: inline-block;
  padding: 6px 0px 4px;
  background: url(/i/modern/sprite/tabs.png?v=1) no-repeat 0 0;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.supercup--tabs .active .tab__link span {
  background: url(/i/modern/sprite/tabs.png?v=1) no-repeat 0 -36px;
}

.supercup--tabs li:hover .tab__link span {
  background: url(/i/modern/sprite/tabs.png?v=1) 0 -73px no-repeat;
}

.superCup-table .supercup__video {
  display: block;
  margin: auto;
  width: 31px;
  height: 34px;
  background-image: url(/i/modern/sprite/icon_video.png?v=1);
  border-bottom: none;
}

/*********************************************************************************************

                                        paysafecard

*********************************************************************************************/
.paysafecard__img {
  width: 300px;
  height: 78px;
  display: block;
  position: absolute;
  right: 50%;
  margin-right: -160px;
  bottom: 155px;
}

.floatParagraph {
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 15px;
  bottom: 235px;
}

.lp-popup {
  background: rgba(20, 26, 31, 0.77);
  display: none;
  cursor: pointer;
}

.lp-popup .popup {
  width: 70%;
  margin: auto;
  background: url("/i/modern/sprite/fon3.jpg?v=3");
  top: 5%;
  position: absolute;
  margin: auto;
  margin-left: 15%;
  cursor: default;
}

.lp-popup .popup-body {
  padding: 2%;
}

.lp-popup .popup-head {
  padding: 15px 2%;
  height: auto;
}

#landing16 .lp-popup .popup-head .close {
  top: auto;
  margin: 0;
}

.lp-popup .header {
  font-size: 24px;
  color: #e5e5e5;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.lp-popup .adaptive-screen-preview {
  width: 40%;
  display: inline-block;
}

.lp-popup p {
  margin-bottom: 10px;
}

.lp-popup ul {
  padding-left: 20px;
  padding-bottom: 15px;
}

.lp-popup .media-content {
  padding-top: 30px;
}

.lp-popup .adaptive-screen-preview + .adaptive-screen-preview {
  margin-left: 10%;
}

.lp-popup .adaptive-screen-preview a img {
  width: 100%;
  height: auto;
}

.paysafecard__img img {
  width: 100%;
  height: auto;
}

#landing16.vid .show-again {
  margin-right: 15px;
}

#landing16.vid .show-again .get-long-version {
  -moz-background-size: 80px auto;
  background-size: 80px auto;
  width: 190px;
}

.big-lp-banner {
  position: absolute;
  width: 24%;
  min-width: 232px;
  min-height: 317px;
  height: 67%;
  right: 8%;
  bottom: 13%;
}

.motory_pobedy {
  background-image: url(/i/modern/sprite/landings/77_motory_pobedy/wt_engine_of_victory_logo+text.png?v=1);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.victory-day {
  background-image: url(/i/modern/sprite/landings/82_victory_day/9th_may.png?v=1);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-position: center;
}

.wtsummer {
  background-image: url(/i/modern/sprite/landings/84_wtsummer/WTGP.png?v=1);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-position: center;
}

.big-lp-banner.wtsummer {
  min-width: 458px;
  min-height: 536px;
}

.play-for-free {
  min-width: 100px;
  min-height: 100px;
  width: 11%;
  height: 20.7%;

  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  left: 13%;
  bottom: 145px;
  position: absolute;
}

.play-for-free--de {
  background-image: url(/i/modern/free_de.png?v=1);
}

.play-for-free--cz {
  background-image: url(/i/modern/free_cz.png?v=1);
}

.play-for-free--en {
  background-image: url(/i/modern/free_en.png?v=1);
}

.play-for-free--fr {
  background-image: url(/i/modern/free_fr_.png?v=1);
}

.play-for-free--pl {
  background-image: url(/i/modern/free_pl.png?v=1);
}

.play-for-free--ru {
  background-image: url(/i/modern/free_ru.png?v=1);
}

@media screen and (max-height: 450px) {
  .paysafecard__img, .motory_pobedy {
    display: none;

  }
}

.pseudo-reg-link {
  display: inline-block;
  padding: 15px;
  background: url(/i/modern/d_fb.png?v=1) repeat top left;
  -moz-transition: 0;
  transition: 0;
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .7);
  box-shadow: 0 0 7px rgba(0, 0, 0, .7);
  margin: 15px auto;
  line-height: 52px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  font-family: 'wtfModern', Tahoma, Arial, sans-serif;
  font-size: 45px;

  font-weight: bold;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
}

.pseudo-reg-link a {
  text-decoration: none;
  color: #e5e5e5;
  cursor: pointer;
  text-transform: uppercase;
}

.pseudo-reg-link span {
  vertical-align: baseline;
  line-height: normal;
}

.pseudo-reg-link:hover {
  background: url(/i/modern/a_fb.png?v=1) repeat top left;
  box-shadow: 0 0 25px -1px #ff0600;
  -moz-box-shadow: 0 0 25px -1px #ff0600;
  -webkit-box-shadow: 0 0 25px -1px #ff0600;
  -o-box-shadow: 0 0 25px -1px #ff0600;
}

.row:after {
  content: '';
  display: block;
  clear: both;
}

.col6 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  float: left;
  width: 50%;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				я искренне желаю всем старым верстальщикам смерти, горите в аду твари!

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
#landing16.vid .bodge_reg-form {
  display: block !important;
  position: relative;
}

#landing16 .bodge_reg-form #registration-container.fix-height {
  top: 5px !important;
}

#landing16 .bodge_reg-form .head {
  margin: 0;
  position: relative;
  left: 0;
  padding: 10px 25px;
  display: inline-block;
  width: auto;
}

#landing16 .bodge_reg-form .signup-table {
  margin: 0;
}

#landing16 .bodge_reg-form .signup-table td:first-child {
  padding-left: 0;
}

#landing16 .bodge_reg-form .signup-table td:last-child {
  padding-right: 0;
}

.h2 {
  font-size: 24px;
}

.h3 {
  font-size: 18px;
}

.priziv {
  font-family: wtfModern;
  color: #ececec;
}

.no-v-margins {
  margin-top: 0;
  margin-bottom: 0;
}

#landing16 .bodge_reg-form input {
  float: none;
}

#landing16 .bodge_reg-form .que_block {
  float: none;
}

#landing16 .bodge_reg-form .que_error {
  margin: 0;
}

#landing16 .bodge_reg-form .que_text {
  float: none;
}

#landing16 .bodge_reg-form .captcha {
  width: 280px;
  float: none;
  margin: auto;
}

#landing16 .bodge_reg-form .captcha img {
  width: auto;
}

#landing16 .bodge_reg-form .capt.error_input {
  margin: 0px;
  vertical-align: middle;
}

#landing16 .bodge_reg-form .captcha_bg {
  float: none;
  display: inline-block;
  height: 40px;
  width: 115px;
  vertical-align: middle;
}

#landing16 .bodge_reg-form .captcha_inner {
  height: 40px;
  width: 115px;
}

#landing16 .bodge_reg-form .reload {
  float: none;
  top: auto;
  left: auto;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

#landing16 .bodge_reg-form .capt {
  margin: 0;
}

#landing16 .bodge_reg-form .capt + a {
  margin-left: 5px;
  margin-right: 5px;
}

.not-jump-please {
  min-height: 90px;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				          awwards

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.awward {
  display: inline-block;
  vertical-align: baseline;
  height: 64px;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  width: 64px;
  margin-right: 15px;
  background-repeat: no-repeat;
  position: relative;
}

.awward:hover {
  background: none;
}

.awward__zoom {
  position: absolute;
  left: -8px;
  top: -10px;
  width: 84px;
  height: 84px;
  display: none;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

.awward:hover .awward__zoom {
  display: block;
}

.awward--navi {
  background-image: url(/i/modern/sprite/awards/navi.png?v=1);
}

.awward__zoom.awward--goha {
  width: 125px;
}

.awward--goha {
  background-image: url(/i/modern/sprite/awards/goha.png?v=1);
  width: 110px;

}

.awward--mania {
  background-image: url(/i/modern/sprite/awards/igromania.png?v=1);
}

.sidebar__awards {
  padding-top: 8px;
  padding-bottom: 15px;
}

.sidebar__award {
  background-position: center;
  width: 100%;
  height: 128px;
  background-repeat: no-repeat;
}

.sidebar__award + .sidebar__award {
  margin-top: 8px;
}

.awward--float {
  position: absolute;
  width: 128px;
  height: 128px;
  right: 50px;
  background-repeat: no-repeat;
  bottom: 15%;
  z-index: 10;
}

.awward--float.awward--goha {
  width: 200px;
}

.awward--float + .awward--float {
  right: 275px;
}

.awward--float + .awward--float + .awward--float {
  right: 425px;
}

@media screen and (max-height: 450px) {
  .awward--float {
    display: none;
  }
}

@media screen and (max-width: 1600px) {
  .awward--float {
    bottom: 45%;
  }
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

							lp with gift

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
#landing16.vid.with_gifts .head {

  width: 600px;
  top: 150px !important;
  margin: 0;
  left: 50%;

  margin-left: -300px;
}

#landing16.vid.with_gifts.spring .signup-table {
  width: 540px;
}

.choose-gift {
  text-align: center;
}

.choose-gift input[type="radio"] {
  display: none;
}

.choose-gift__header {
  font-family: wtfModern, Arial, sans-serif;
  font-size: 36px;
  margin-bottom: 10px;
}

.mailru_land_t1 {
  font-family: 'wtfModern';
  font-size: 18px;
  color: #ffd67f !important;
  margin: 19px 0;
}

.gift,
.gift-en,
.gift-pt {
  vertical-align: middle;
  display: inline-block;
  width: 228px;
  height: 84px;
  cursor: pointer;
  margin: 5px 12px 15px;
  background-repeat: no-repeat;
}

.gift {
  background-image: url(/i/modern/sprite/landings/bonus_en/rewards_en.png?v=1);
}

.land-ru .gift {
  background-image: url(/i/modern/sprite/landings/bonus_ru/rewards_ru.png?v=1);
}

/* bonus_ru */
.gift.gift--200eg {
  background-image: url(/i/modern/sprite/landings/80_with_eagles_gift/200egles.png?v=1);
}

input[type="radio"]:checked + .gift.gift--200eg {
  background-image: url(/i/modern/sprite/landings/80_with_eagles_gift/200egles_selected.png?v=1);
}

.gift.gift--500eg {
  background-image: url(/i/modern/sprite/landings/80_with_eagles_gift/500egles.png?v=1);
}

input[type="radio"]:checked + .gift.gift--500eg {
  background-image: url(/i/modern/sprite/landings/80_with_eagles_gift/500egles_selected.png?v=1);
}

.gift.gift--t26 {
  background-position: 0 100%;
}

.gift.gift--t26:hover {
  background-position: 0 80%;
}

input[type="radio"]:checked + .gift.gift--t26 {
  background-position: 0 60%;
}

.gift.gift--i153m62 {
  background-position: 0 40%;
}

.gift.gift--i153m62:hover {
  background-position: 0 20%;
}

input[type="radio"]:checked + .gift.gift--i153m62 {
  background-position: 0 0%;
}

.gift.gift--no-gift {
  background-position: 0 0%;
}

input[type="radio"]:checked + .gift.gift--no-gift {
  background-position: 0 0%;
}

/* bonus_en */
.gift-en.gift--200eg {
  background-position: 0 0%;
}

input[type="radio"]:checked + .gift-en.gift--200eg {
  background-position: 0 0%;
}

.gift-en.gift--500eg {
  background-position: 0 0%;
}

input[type="radio"]:checked + .gift-en.gift--500eg {
  background-position: 0 0%;
}

.gift.gift--t26--en {
  background-position: 0 100%;
}

.gift.gift--t26--en:hover {
  background-position: 0 80%;
}

input[type="radio"]:checked + .gift.gift--t26--en {
  background-position: 0 60%;
}

.gift.gift--i153m62--en {
  background-position: 0 40%;
}

.gift.gift--i153m62--en:hover {
  background-position: 0 20%;
}

input[type="radio"]:checked + .gift.gift--i153m62--en {
  background-position: 0 0%;
}

.gift-en.gift--no-gift {
  background-image: url(/i/modern/sprite/landings/bonus_en/nothing.png?v=1);
}

input[type="radio"]:checked + .gift-en.gift--no-gift {
  background-image: url(/i/modern/sprite/landings/bonus_en/nothing_selected.png?v=1);
}

/*bonus_pt*/
.gift-pt {
  width: 220px;
  height: 150px;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
}

.gift-pt.gift--f2abuffalo {
  background-image: url(/i/modern/sprite/landings/bonus_pt/f2a1buffalo.jpg?v=3);
  background-repeat: no-repeat;
}

input[type="radio"]:checked + .gift-pt.gift--f2abuffalo,
input[type="radio"]:checked + .gift-pt.gift--m2a4,
input[type="radio"]:checked + .gift-pt.gift--m2a4-b {
  border: 2px #228b22 solid;
}

.gift-pt.gift--m2a4 {
  background-image: url(/i/modern/sprite/landings/bonus_pt/m2a4.jpg?v=3);
  background-repeat: no-repeat;
}

.gift-pt.gift--m2a4-b {
  background-image: url(/i/modern/sprite/landings/bonus_pt/m2a4.b.jpg?v=3);
  background-repeat: no-repeat;
}

/*g2a2016*/
.g2alogo {
  display: inline-block;
  width: 628px;
  height: 180px;
  margin-top: 4%;
  background-image: url(/i/modern/sprite/landings/g2a2016/g2a-logo.png?v=1);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 70%;
}

.gift-en {
  width: 220px;
  height: 150px;
  border-color: transparent;
  border-width: 4px;
  border-style: solid;
}

.gift-en.gift--f2abuffalo {
  background-image: url(/i/modern/sprite/landings/g2a2016/thach-f2a.jpg?v=3);
  background-repeat: no-repeat;
}

.gift-en.gift--m2a4 {
  background-image: url(/i/modern/sprite/landings/g2a2016/m2a4.jpg?v=3);
  background-repeat: no-repeat;
}

input[type="radio"]:checked + .gift-en.gift--f2abuffalo,
input[type="radio"]:checked + .gift-en.gift--m2a4,
input[type="radio"]:checked + .gift-en.gift--m2a4-b {
  border: 4px #228b22 solid;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				      replay-items

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */
.replay-items {
  background: url(/i/modern/sprite/fon3.jpg?v=3);
}

.overview {
  cursor: pointer;
  position: relative;
}

.overview__popup {
  right: 64%;
  left: auto;
  bottom: auto;
  top: -50%;
  width: auto;
  min-width: 250px;
  text-align: left;
}

.overview:hover .overview__popup {
  display: block;
  opacity: 1;
}

.overview__popup:after {
  content: '';
  display: block;
  position: absolute;
  bottom: auto;
  top: 18px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgba(49, 65, 77, 1);
  right: -6px;
}

.overview__popup strong {
  color: #91bdc5;
}

.overview__popup p {
  font-size: 12px;
}

.overview__popup .stat {
  margin-bottom: 10px;
}

.replay-filter {
  padding: 15px;
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  border-bottom: 1px solid #242e36;
  margin-bottom: 15px;
}

.replay-filter .row + .row {
  margin-top: 15px;
}

.filter__dropdown, .replay__input {
  width: 100%;
  padding: 8px 10px;
  position: relative;
  border: 1px solid #363d40;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background: url(/i/modern/sprite/fon5.jpg?v=3);
  -moz-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black

}

.replay__input.text-input {
  resize: vertical;
}

.replay__input + label {
  margin-left: 15px;
}

.replay__input {
  cursor: text;
  color: #e5e5e5;
}

.replay__check-block {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  margin-bottom: 15px;
  position: relative;
}

.check__row * {
  vertical-align: middle;
  display: inline-block;
}

.replay__check-block label {
  cursor: pointer;
}

.replay-filter hr {
  margin-bottom: 15px;
  margin-top: -2px;
  border-color: #363d40;
}

.replay__check-block hr {
  margin: 5px 0;
  border-color: #242e36;

}

.replay__check-block:nth-child(3n+2) {
  margin-left: 5%;
  margin-right: 5%;
}

.check-boxes__wrapper {
  font-size: 0;
}

.filter__dropdown:after {
  content: '';
  display: block;
  position: absolute;

  right: 12px;
  top: 14px;

  width: 0;
  height: 0;

  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid white;
}

.dropdown__text {
  line-height: 37px;
  font-size: 18px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;

}

.dropdown__list {
  display: none;
  width: 100.3%;
  position: absolute;
  left: -1px;
  top: 106%;
  list-style-type: none;
  padding: 0 5px;
  border: 1px solid #363d40;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background: url(/i/modern/sprite/fon5.jpg?v=3);
  -moz-box-shadow: 0px 0px 0px 1px black;
  box-shadow: 0px 0px 0px 1px black;
  z-index: 1;
}

.dropdown__list .dropdown__item:last-child {
  border-bottom: none;
}

.dropdown__item {
  border-bottom: 1px dashed #2e4959;
  line-height: 37px;
}

.dropdown__link {
  color: #ffffff;
  text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
  font-size: 18px;
  text-decoration: none;

  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~          кнопка поиска реплеев           ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~*/

a.replay__btn--find {
  text-decoration: none;
}

.replay__btn--find {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
  text-transform: uppercase;
  font-size: 18px;
  width: 40%;
  line-height: 37px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  color: #ffffff;
  height: 38px;

  -moz-box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px rgba(111, 129, 134, 1), /*тенька вокруг*/ inset 0 1px 0 0 rgba(160, 169, 152, 1);

  box-shadow: 0px 0px 0px 1px black,
  0px 1px 1px black,
  inset 0px 0px 1px rgba(111, 129, 134, 1), /*тенька вокруг*/ inset 0 1px 0 0 rgba(160, 169, 152, 1);

  background: rgb(59, 68, 75); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -moz-linear-gradient(top, rgba(59, 68, 75, 1) 0%, rgba(23, 33, 38, 1) 100%);
  background: linear-gradient(to bottom, rgba(59, 68, 75, 1) 0%, rgba(23, 33, 38, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b444b', endColorstr='#172126', GradientType=0); /* IE6-9 */
}

.replay__btn--find + .replay__btn--find {
  margin-left: 45px;
}

.replay__btn--find:hover {
  -moz-box-shadow: 0px 0px 0px 1px black,
  0px 2px 1px black,
  inset 0px 0px 1px rgba(142, 150, 135, 1), /*тенька вокруг*/ inset 0 1px 0 0 rgba(157, 165, 149, 1) /*тенька сверху вниз*/;
  box-shadow: 0px 0px 0px 1px black,
  0px 2px 1px black,
  inset 0px 0px 1px rgba(142, 150, 135, 1), /*тенька вокруг*/ inset 0 1px 0 0 rgba(157, 165, 149, 1) /*тенька сверху вниз*/;

  background: rgb(123, 131, 124); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
  background: -moz-radial-gradient(bottom, ellipse, rgba(123, 131, 124, 1) 0%, rgba(59, 68, 75, 1) 73%);
  background: radial-gradient(ellipse at bottom, rgba(123, 131, 124, 1) 0%, rgba(59, 68, 75, 1) 73%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b837c', endColorstr='#3b444b', GradientType=1); /* IE6-9 fallback on horizontal gradient */

}

.replay__btn--find:active {
  -moz-box-shadow: 0px 0px 0px 1px black,
  inset 0px 0px 1px #32393e, /*тенька вокруг*/ inset 0 1px 0 0 rgba(157, 165, 149, 1) /*тенька сверху вниз*/;
  box-shadow: 0px 0px 0px 1px black,
  inset 0px 0px 1px #32393e, /*тенька вокруг*/ inset 0 1px 0 0 rgba(157, 165, 149, 1) /*тенька сверху вниз*/;

  background: rgb(14, 22, 26); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: -moz-linear-gradient(top, rgba(14, 22, 26, 1) 0%, rgba(42, 50, 56, 1) 99%);
  background: linear-gradient(to bottom, rgba(14, 22, 26, 1) 0%, rgba(42, 50, 56, 1) 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e161a', endColorstr='#2a3238', GradientType=0); /* IE6-9 */

}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~          иконки           ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~*/

.icon {
  vertical-align: middle;
  display: inline-block;
  font-family: fontello;

  text-align: center;

}

.icon--tank, .icon--plane, .icon--ship, .icon--cup {
  opacity: 0.5;
}

.icon--tank:hover, .icon--plane:hover, .icon--ship:hover, .icon--cup:hover {
  opacity: 1;
}

.icon--plane {
  background: url(/i/modern/sprite/icons.png?v=2);
  background-position: 0px -16px;
  width: 31px;
  height: 21px;
}

.icon--tank {
  background: url(/i/modern/sprite/icons.png?v=2);
  background-position: 0px -38px;
  width: 31px;
  height: 21px;
}

.icon--ship {
  background: url(/i/modern/sprite/icons.png?v=2);
  background-position: 0px -60px;
  width: 31px;
  height: 21px;
}

.icon--cup {
  background: url(/i/modern/sprite/icon-cup.png?v=2);
  width: 26px;
  height: 23px;
}

.icon--record-on, .icon--record-off {
  width: 8px;
  height: 8px;
}

.icon--record-on {
  background: url(/i/modern/sprite/icons.png?v=1);
  background-position: -7px -5px;
}

.icon--record-off {
  background: url(/i/modern/sprite/icons.png?v=1);
  background-position: -18px -5px;
}

.icon--eye, .icon--time {
  width: 26px;
  height: 17px;
  line-height: 17px;
}

.icon--eye:after {
  content: '\E804';
  font-size: 15px;
  color: #8f9395;
}

.icon--time:after {
  content: '\E805';
  font-size: 15px;
  color: #8f9395;

}

.stat-column .team-stat {
  margin: 15px 0 0 7px;
}

.replay-list .replay-data {
  margin-top: 18px;
}

.replay__title {
  font-size: 18px;
  color: #91bdc5;
}

.replay__date {
  text-align: right;
}

.replay-players {
  border: 1px solid #363d40;
}

.replay-players .team-name {
  background-color: rgba(255, 255, 255, .05);
  line-height: 1;
  padding: 10px 15px;
  color: #91bdc5;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
}

.replay-players .team-players {
  list-style-type: none;
}

.replay-players .team-players li {
  color: #91bdc5;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 0 15px;
}

.replay-players .team-players li:nth-child(even) {
  background-color: rgba(255, 255, 255, .05);
}

.replay-players .team-players li a {
  display: inline-block;
}

.replay-players .team-players li .ctrl-link {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 3px 0;
  float: right;
  background: url(/i/modern/sprite/icon-claim-sprite.png) -1px -22px;
  cursor: pointer;
  text-decoration: none;
}

.replay-players .team-players li:hover .ctrl-link {
  background-position: -1px -0px;
}

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~          попап           ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~*/
.replay_popup {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: none;
  left: 0;
  top: 0;
  z-index: 13;
}

.popup__inner {
  position: fixed;
  width: 1040px;
  border: 1px solid #363d40;
  -moz-box-shadow: 0 0 3px 2px black;
  box-shadow: 0 0 3px 2px black;
  background-image: url(/i/modern/sprite/fon5.jpg?v=3);
  top: 100px;
  left: 50%;
  margin-left: -520px;
}

.popup__head, .popup__footer {
  padding: 10px;
  background-color: rgba(255, 255, 255, .05);
}

.popup__head-label {
  font-size: 18px;
  color: #85aeb5;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  text-align: right;
}

.popup__head span {
  font-size: 18px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #ffffff;
}

.popup__title {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.popup__date {
  font-size: 14px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #91bdc5;
}

.popup__body {
  max-height: 500px;
  overflow-y: auto;
  padding: 20px;
  border-bottom: 1px solid #363d40;
}

.popup-body-text {
  max-height: 500px;
  overflow-y: auto;
}

.popup__body p {
  font-size: 16px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  color: #91bdc5;
  margin-bottom: 15px;
}

.popup__body .popup__body--text {
  padding: 0 30px;
}

.popup__head {
  border-bottom: 1px solid #363d40;
}

.error404 {
  background-image: url(/i/modern/sprite/errors/bg_404.jpg?v=3);
  background-position: center center;
  -moz-background-size: cover;
  background-size: cover;
}

/*~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

				        фреймворк

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fon3 {
  background: url(/i/modern/sprite/fon3.jpg?v=3);
}

.col-1 {
  width: 8.33333333%;
}

.col-2 {
  width: 16.66666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.33333333%;
}

.col-5 {
  width: 41.66666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.33333333%;
}

.col-8 {
  width: 66.66666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.33333333%;
}

.col-11 {
  width: 91.66666667%;
}

.col-12 {
  width: 100%;
}

.text-right {
  text-align: right;
}

.paddings15, .p15 {
  padding: 15px;
}

.text .m-l-10, .ml10 {
  margin-left: 10px;
}

.ui-slider-range-min {
  border: 0;
}

.row {
  margin-left: 0;
  margin-right: 0
}

.row:before, .row:after {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.m0 {
  margin: 0
}

.m5 {
  margin: 5px
}

.m10 {
  margin: 10px
}

.m15 {
  margin: 15px
}

.m20 {
  margin: 20px
}

.m25 {
  margin: 25px
}

.m30 {
  margin: 30px
}

.m35 {
  margin: 35px
}

.m40 {
  margin: 40px
}

.m45 {
  margin: 45px
}

.m50 {
  margin: 50px
}

.mt0 {
  margin-top: 0
}

.mt5 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt35 {
  margin-top: 35px
}

.mt40 {
  margin-top: 40px
}

.mt45 {
  margin-top: 45px
}

.mt50 {
  margin-top: 50px
}

.mb0 {
  margin-bottom: 0px
}

.mb5 {
  margin-bottom: 5px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 30px
}

.mb35 {
  margin-bottom: 35px
}

.mb40 {
  margin-bottom: 40px
}

.mb45 {
  margin-bottom: 45px
}

.mb50 {
  margin-bottom: 50px
}

.ml0 {
  margin-left: 0
}

.ml5 {
  margin-left: 5px
}

.ml10 {
  margin-left: 10px
}

.ml15 {
  margin-left: 15px
}

.ml20 {
  margin-left: 20px
}

.ml25 {
  margin-left: 25px
}

.ml30 {
  margin-left: 30px
}

.ml35 {
  margin-left: 35px
}

.ml40 {
  margin-left: 40px
}

.ml45 {
  margin-left: 45px
}

.ml50 {
  margin-left: 50px
}

.mr0 {
  margin-right: 0
}

.mr5 {
  margin-right: 5px
}

.mr10 {
  margin-right: 10px
}

.mr15 {
  margin-right: 15px
}

.mr20 {
  margin-right: 20px
}

.mr25 {
  margin-right: 25px
}

.mr30 {
  margin-right: 30px
}

.mr35 {
  margin-right: 35px
}

.mr40 {
  margin-right: 40px
}

.mr45 {
  margin-right: 45px
}

.mr50 {
  margin-right: 50px
}

.p0 {
  padding: 0
}

.p5 {
  padding: 5px
}

.p10 {
  padding: 10px
}

.p15 {
  padding: 15px
}

.p20 {
  padding: 20px
}

.p25 {
  padding: 25px
}

.p30 {
  padding: 30px
}

.p35 {
  padding: 35px
}

.p40 {
  padding: 40px
}

.p45 {
  padding: 45px
}

.p50 {
  padding: 50px
}

.pt0 {
  padding-top: 0
}

.pt5 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt25 {
  padding-top: 25px
}

.pt30 {
  padding-top: 30px
}

.pt35 {
  padding-top: 35px
}

.pt40 {
  padding-top: 40px
}

.pt45 {
  padding-top: 45px
}

.pt50 {
  padding-top: 50px
}

.pb0 {
  padding-bottom: 0
}

.pb5 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb25 {
  padding-bottom: 25px
}

.pb30 {
  padding-bottom: 30px
}

.pb35 {
  padding-bottom: 35px
}

.pb40 {
  padding-bottom: 40px
}

.pb45 {
  padding-bottom: 45px
}

.pb50 {
  padding-bottom: 50px
}

.pl0 {
  padding-left: 0
}

.pl5 {
  padding-left: 5px
}

.pl10 {
  padding-left: 10px
}

.pl15 {
  padding-left: 15px
}

.pl20 {
  padding-left: 20px
}

.pl25 {
  padding-left: 25px
}

.pl30 {
  padding-left: 30px
}

.pl35 {
  padding-left: 35px
}

.pl40 {
  padding-left: 40px
}

.pl45 {
  padding-left: 45px
}

.pl50 {
  padding-left: 50px
}

.pr0 {
  padding-right: 0
}

.pr5 {
  padding-right: 5px
}

.pr10 {
  padding-right: 10px
}

.pr15 {
  padding-right: 15px
}

.pr20 {
  padding-right: 20px
}

.pr25 {
  padding-right: 25px
}

.pr30 {
  padding-right: 30px
}

.pr35 {
  padding-right: 35px
}

.pr40 {
  padding-right: 40px
}

.pr45 {
  padding-right: 45px
}

.pr50 {
  padding-right: 50px
}

.fright {
  float: right;
}

.fleft {
  float: left;
}

.clear {
  clear: both;
}

.no-paddings {
  padding: 0
}

.text-left, .tal {
  text-align: left
}

.text-right, .tar {
  text-align: right
}

.text-center, .tac {
  text-align: center
}

.text-justify, .taj {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

.inlined {
  display: inline-block;
  vertical-align: middle;
  float: none
}

.dnone {
  display: none !important;
}

#sidebar #download-client-link {
  line-height: 208px;
}

iframe {
  margin: 0 auto;
  display: block;
}

p.lb-message {
  font-style: italic;
  text-align: center;
  margin-left: 389px;
  position: absolute;
  margin-top: 6px;
  width: 473px;
}

.news-press {
  margin-bottom: -23px !important;
}

.has-decal {
  background: url('/i/modern/Decal.png?1');
  width: 24px;
  height: 24px;
  float: right;
  margin-left: 2px;
  margin-bottom: 5px;
  z-index: 50;
}

.has-decal__text {
}

.has-decal .tooltip {
  top: 28px;
  position: relative;
  z-index: 9999;
}

.has-decal .tooltip:after {
  top: -5px;
  bottom: auto;
  border-bottom: 5px solid rgba(49, 65, 77, 1);
  border-top: none;
}

.has-decal:hover .tooltip {
  display: block;
}

.old-land-form {
  margin-top: 0 !important;
}

.no_hide {
  display: inherit !important;
}

.download-link-special {
  color: #b6b6b6;
  height: 35px;
  width: 230px;
  text-align: left;
  padding: 8px 0px 0px 0px;
  margin: 0 auto 10px;
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  background: none;
  vertical-align: middle;
  text-shadow: none;
  border-bottom: 2px solid #b6b6b6;
}

.download-link-special:hover {
  color: #ffffff;
}

/* /tournaments page */
.tournaments {
  padding: 0 15px;
}

.tournaments-table td {
  padding: 3px;
  vertical-align: middle;
}

.tournaments-table thead td {
  padding: 15px 3px;
  font-size: 18px;
  color: #91bdba;
  text-align: center;
  white-space: nowrap;
}

.tournaments-table .cell {
  border-top: 1px solid #353436;
}

.tournaments-table td.item-room {
  padding-left: 0;
}

.item-room .room-name,
.item-room .room-teams {
  text-align: center;
}

.item-room .room-teams {
  font-size: 13px;
}

.item-name .block-name {
  width: 240px;
  padding: 15px 3px;
  background-color: #272727;
  text-align: center;
  color: #c62828;
}

.tournaments-table .cell.item-time {
  text-align: center;
}

.item-role .role-name {
  text-align: center;
}

.tournaments-table td.item-action {
  padding-right: 0;
}

.item-action .btn-participate {
  display: block;
  float: right;
  width: 130px;
  padding: 15px 3px;
  background-color: #272727;
  text-align: center;
  text-decoration: none;
}

/* /community/twitch page */
#clan-diff ul li a.green-button.selected {
  border-bottom: 2px solid black;
  height: 35px;
}

.streams *,
.stream-items *,
.stream-item * {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
}

.streams thead td {
  padding: 14px 4px;
  vertical-align: middle;
  text-align: center;
  color: #91bdba;
}

.streams .header-place {
  width: 80px;
}

.streams .header-counter {
  width: 165px;
}

.streams tbody td {
  padding: 7px 3px;
}

.streams tbody tr:nth-child(odd) {
  background-color: #2c2d30;
}

.streams tbody td {
  vertical-align: middle;
  text-align: center;
}

.streams .streamer-name {
  padding: 4px;
  text-align: left;
}

.streams .streamer-name a {
  color: #fff;
  text-decoration: none;
}

.streams .streamer-name a:hover {
  text-decoration: underline;
}

.streamer-name .user-image {
  display: inline-block;
  float: left;
  width: 42px;
  min-height: 1px;
}

.streamer-name .user-name {
  float: left;
  margin: 8px 0 0 10px;
}

.streams .inactive {
  color: #f7575c;
}

.streams .icon-inactive {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('/i/twitch/state-inactive.png?v=1') 0 0 no-repeat;
}

/* /community/twitch/stream/XXX page */
.stream-items td {
  width: 25%;
  background-color: #000000;
}

.stream-items .video-item {
  margin: 6px;
  min-height: 275px;
  background-color: #202124;
}

.video-item .video-image {
  position: relative;
  padding-top: 6px;
  text-align: center;
}

.video-item .counter {
  position: absolute;
  top: 12px;
  padding: 1px 5px;
  background-color: #202124;
  font-size: 12px;
}

.video-item .counter-views {
  left: 13px;
}

.video-item .counter-duration {
  right: 13px;
}

.video-item .icon {
  margin-right: 5px;
}

.video-item .icon-views {
  width: 22px;
  height: 11px;
  background: url('/i/twitch/icon-views.png?v=1') no-repeat;
}

.video-item .icon-duration {
  width: 17px;
  height: 17px;
  background: url('/i/twitch/icon-duration.png?v=1') no-repeat;
}

.video-item .video-image img {
  border: 1px solid #000000;
}

.video-item .video-title,
.video-item .video-uploaded {
  text-align: left;
  padding-left: 7px;
}

.video-item .video-title a {
  color: #ffffff;
  text-decoration: none;
}

.video-item .video-title a:hover {
  text-decoration: underline;
}

.video-item .video-uploaded {
  padding-bottom: 6px;
  color: #9a9a9a;
}

/* /community/twitch/item/XXX page */
.stream-item .video-frame {
  float: left;
  width: 630px;
}

.stream-item .info-block {
  height: 69px;
  margin-top: 20px;
  padding: 15px;
  background-color: #202124;
}

.info-block .channel-info {
  float: left;
  width: 505px;
}

.channel-info .user-image {
  display: inline-block;
  float: left;
  width: 42px;
  min-height: 1px;
  margin-right: 15px;
}

.info-block .stream-counters {
  float: left;
  width: 85px;
}

.stream-counters .icon {
  width: 22px;
  margin-right: 10px;
}

.stream-counters .icon-views-online {
  height: 17px;
  background: url('/i/twitch/icon-views-online.png?v=1') no-repeat;
}

.stream-counters .icon-views {
  height: 11px;
  background: url('/i/twitch/icon-views.png?v=1') no-repeat;
}

.stream-counters .icon-followers {
  height: 15px;
  background: url('/i/twitch/icon-subscribers.png?v=1') no-repeat;
}

.stream-item .chat-frame {
  float: right;
  width: 326px;
}

.date-history {
  padding-top: 10px;
}

.featured {
  width: 150px;
  height: 83px;
  overflow: hidden;
  display: inline-block;
}

.app-menu.top-panel {
  position: inherit !important;
}

#landing16 .bg-page {
  background: url(/i/modern/bg-fon/wt_tanks_promo_art_hd.jpg?v=3) no-repeat top center;
  z-index: -3;
  position: absolute;
  width: 100%;
  min-width: 320px;
  height: 100%;
}

#landing16.new-video-lp .bg-page {
  background: url(/i/landings/lp72/bg_main.jpg?v=3) no-repeat top center;
  -moz-background-size: cover;
  background-size: cover;
}

#landing16 .logo.wo.red-stripe {
  width: 543px;
  height: 371px;
  background: url(/i/landings/lp72/logo_main.png?v=1) no-repeat;
}

#landing16.vid .reg-link.active {
  background: url(/i/modern/a_fb.png?v=1) top left !important;
}

div.reply {
  height: 0;
  display: block;
  overflow: hidden !important;
}

div.question {
  cursor: pointer;
}

table[border="1"], table[border="1"] td {
  border: 1px dotted #464646;
}

.wrapper-menu #menu li .sub li.partnership,
.wrapper-menu #menu li .sub li.custom {
  background-color: rgba(210, 34, 34, 0.5);
}

.wrapper-menu #menu li .sub li.partnership:hover,
.wrapper-menu #menu li .sub li.custom:hover {
  background-color: brown;
}

.video-page .preview > div:nth-child(2) {
  text-align: center;
}

@media screen and (max-width: 980px) {
  body, div, span, p, blockquote,
  pre, abbr, acronym, address, code, del, dfn,
  em, q, dl, dt, dd, ol, li, fieldset, label, legend,
  caption, tr, th, td, a, label {
    font-size: 14px
  }
}

.logo-sumtel {
  position: absolute;
  width: 211px;
  height: 270px;
  top: 10px;
  left: 10px;
  background: url(/i/landings/logo-sumtel.png?v=1);
}

.logo-dmax {
  position: absolute;
  width: 300px;
  height: 119px;
  top: 20px;
  left: 20px;
  background: url(/i/landings/logo-dmax.png?v=1) no-repeat;
  -moz-background-size: contain;
  background-size: contain;
}

.label-beta {
  padding: 0px 10px 0px 5px;
  float: right;
  background-color: #E12D35;
  display: inline;
  font-size: 85%;
  line-height: 1.8;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}

.html5-video {
  position: absolute;
  top: 0;
  left: 50%;
}

.video_bg__wrapper .html5-video {
  width: 100%;
  position: static;
  opacity: 0.01;
  transition: opacity 0.3s ease-in-out;
}

.col-lg-4-custom {
  width: 44%;
  display: inline-block;
}

p.til {
  margin: 28px 0 13px 0;
  font-style: italic;
  font-size: 11px;
  color: #909090;
}

.igromania-container {
  padding: 0px 15px;
}

.igromania2016 {
  background-color: #1C3C5D;
  top: -9px;
  position: relative;
  padding: 8px 7px;
}

.igromania2016 input[type=text] {
  padding: 6px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #2F658A;
  width: 210px;
  -moz-box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.51);
  box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.51);
}

.igromania2016 > span {
  font-size: 12px;
}

.igromania2016 a {
  color: #86BF6F;
}

.red-star-igromania {
  padding-left: 5px;
}

.radio_new .block-inner {
  background: none;
}

/*--------------------------------------------------------------------------------------------------------------------*/
.clear-fix:after {
  clear: both;
}

.clear-fix:before,
.clear-fix:after {
  display: table;
  content: " ";
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.comments-block {
  padding: 15px 20px;
  background: #1a1f22;
}

.comments-block .comment-rules {
  display: block;
  float: right;
  margin: 25px 15px 0 0;
  padding: 7px 20px;
  color: white;
  font-size: 15px;
  line-height: 1.2;
}

.comment-rules:hover {
  text-decoration: underline;
}

.comments-block .btn-submit {
  display: block;
  padding: 7px 25px;
  border: 1px solid #242e36;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  background: #444f53;
  background: -moz-linear-gradient(top, #444f53 0%, #181818 100%);
  background: linear-gradient(to bottom, #444f53 0%, #181818 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444f53', endColorstr='#181818', GradientType=0);
}

.comments-block .btn-submit:hover {
  background: #181818;
  background: -moz-linear-gradient(top, #181818 0%, #444f53 100%);
  background: linear-gradient(to bottom, #181818 0%, #444f53 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181818', endColorstr='#444f53', GradientType=0);
}

.comments-block .btn-submit.disabled {
  background: #7f7f7f;
  cursor: default;
}

.comments-block .tab-content {
  overflow: visible;
  background: #1a1f22;
}

.comments-block .nav-tabs {
  border-bottom-color: #263038;
}

.comments-block .comments-pager {
  position: relative;
}

.comments-pager .get-all-comments {
  position: absolute;
  top: 15px;
  right: 20px;
}

.tab-content a.btn-submit {
  display: block;
  max-width: 230px;
  margin: 20px auto;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
}

.comments-block h2 {
  font-weight: normal;
  color: #91bdc5;
}

.comments-block a {
  cursor: pointer;
}

.comments-block .error,
.answer-form .error {
  color: #D32F2F;
}

.form-comment textarea,
.editable-input textarea {
  display: block;
  font-size: 14px;
  width: 940px;
  padding: 8px;
  background-color: #999999;
  border: 1px solid #242e36;
  overflow: auto;
  resize: vertical;
}

.form-comment textarea::-webkit-input-placeholder {
  color: #656565;
  font-style: italic;
  font-size: 14px;
}

.form-comment textarea::-moz-placeholder {
  color: #656565;
  font-style: italic;
  font-size: 14px;
}

.form-comment textarea:-moz-placeholder {
  color: #656565;
  font-style: italic;
  font-size: 14px;
}

.form-comment textarea:-ms-input-placeholder {
  color: #656565;
  font-style: italic;
  font-size: 14px;
}

.form-comment label {
  display: inline-block;
  width: 120px;
}

.form-comment input[type=text],
.form-comment select {
  margin-top: 5px;
  padding: 7px;
}

.form-comment input[type=text] {
  width: 200px;
}

.form-comment select {
  width: 218px;
}

.form-comment .btn-submit {
  float: right;
  margin-top: 25px;
}

.form-comment .text-length {
  font-size: 12px;
}

.partnership-form {
  margin: 0 18px;
  padding: 20px;
  border: solid 1px #2b3339;
}

.partnership-form__errors {
  display: flex;
  max-width: 50%;
  margin-bottom: 1em;
  color: #ff5722;
  line-height: 1.3;
}

.partnership-banner {
  margin: 18px 18px;
}

.partnership-banner__image {
  width: 100%;
}

.partnership-banner__link {
  text-decoration: none;
  display: block;
  border: 4px solid #af8a57;
}

.comments-block .selector,
.replays-block .selector {
  display: block;
  width: 100%;
  padding: 0;
  list-style-type: none;
}

.comments-block .selector {
  margin: -45px 0 0 0;
}

.replays-block .selector {
  min-height: 65px;
  margin: 20px 0 0 0;
}

.comments-block .selector li,
.replays-block .selector li {
  display: block;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-bottom: -1px;
  background-color: #1a1f22;
}

.comments-block .selector li.active,
.replays-block .selector li.active {
  background: none;
}

.comments-block .selector a,
.replays-block .selector a {
  display: block;
  margin: 0;
  padding: 20px 25px;
  border: 1px solid #263038 !important;
  background-color: transparent;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.comments-block .selector .active a,
.replays-block .selector .active a {
  color: #fff;
}

.comments-block .selector .active a,
.comments-block .selector .active a:hover,
.replays-block .selector .active a,
.replays-block .selector .active a:hover {
  border-bottom: 1px solid #1a1f22 !important;
}

.comments-block .selector a:hover,
.replays-block .selector a:hover {
  background-color: transparent;
  border: 1px solid #263038 !important;
}

.comments-block .comments-count {
  font-size: 18px;
  color: #91bdc5;
}

.comments-block .announcements {
  margin-top: 20px;
  border-top: 1px solid #078ed2;
  border-bottom: 1px solid #078ed2;
  background-color: #071e2a;
}

.comments-block .announcements .comment-item {
  padding: 15px 20px 0 20px;
}

.comments .comment-item {
  padding-top: 15px;
  margin-bottom: 10px;
  border-top: 1px solid #242e36;
}

.comments .comment-item p {
  max-width: 958px;
  overflow: hidden;
}

.comments .answers .comment-item {
  border-top: 0;
  padding-top: 0;
  margin-bottom: 0;
}

.comments .answers .comment-item .children {
  margin: 10px 0;
}

.comments .answers .comment-item p {
  max-width: 868px;
}

.comments .comment-item:first-child {
  border-top: none;
}

.comment-item .nick {
  float: left;
  font-size: 16px;
  color: #91bdc5;
}

.comment-item .nick a {
  color: #91bdc5;
  text-decoration: none;
}

.comment-item .nick a:hover {
  text-decoration: underline;
}

.comment-item .nick.administrator {
  color: #039be5;
}

.comment-item .nick.moderator {
  color: #91bdc5;
}

.comment-item .nick.developer {
  color: #00bfa5;
}

.comment-item .label {
  float: left;
  margin-left: 15px;
  padding: 0 7px;
  color: #fff;
  text-transform: lowercase;
}

.comment-item .label-administrator {
  background-color: #054f74;
}

.comment-item .label-moderator {
  background-color: #455a64;
}

.comment-item .label-developer {
  background-color: #036559;
}

.comment-item .block {
  margin-left: -15px;
  padding-left: 10px;
}

.comment-item .block-administrator {
  border-left: 5px solid #0394db;
}

.comment-item .block-moderator {
  border-left: 5px solid #455a64;
}

.comment-item .block-developer {
  border-left: 5px solid #00bfa5;
}

.comment-item .date {
  float: left;
  margin: 0 15px;
  color: #808080;
}

.comment-item .pinned {
  color: #838f95;
}

.comment-item .counter {
  float: right;
  font-size: 16px;
  color: #91bdc5;
}

.comment-item .comment-icon {
  display: block;
  float: right;
  margin-left: 12px;
  cursor: pointer;
  background: url(/i/modern/sprite-comment.png?v=1) no-repeat;
}

.comment-item .icon-menu {
  position: relative;
  width: 30px;
  height: 20px;
  background-position: -1px -21px;
}

.comment-item .icon-menu:hover {
  background-position: -1px -0px;
}

.comment-item .icon-menu:hover .dropdown {
  display: block;
}

.comment-item .dropdown {
  display: none;
  position: absolute;
  bottom: -85px;
  right: 30px;
  padding: 0;
  list-style: none;
  border: 1px solid #242e36;
  z-index: 100;
}

.comment-item .dropdown li {
  display: block;
  border-top: 1px dashed #242e36;
  background-color: #12171d;
}

.comment-item .dropdown li:hover {
  background-color: #25353f;
}

.comment-item .dropdown li:first-child {
  border-top: none;
}

.comment-item .dropdown a {
  display: block;
  padding: 6px 10px;
  white-space: nowrap;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
}

.comment-menu-item-down .dropdown {
  top: -10px;
  bottom: unset;
}

.comment-menu-item-up .dropdown {
  bottom: -10px;
}

.comment-item .icon-like {
  width: 16px;
  height: 14px;
  margin-top: 2px;
  background-position: -1px -57px;
}

.comment-item .icon-like.disabled,
.comment-item .icon-like.selected {
  cursor: default;
}

.comment-item .icon-like.selected,
.comment-item .icon-like:hover {
  background-position: -1px -42px;
}

.comment-item .icon-like.disabled:hover {
  background-position: -1px -57px;
}

.comment-item p {
  margin-top: 3px;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.comment-item .comment-info {
  margin-top: 0;
  font-size: 12px;
  color: #D32F2F;
}

.comment-item .answers {
  margin-top: 10px;
  margin-left: 90px;
}

.comment-item .link {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}

.comment-item .link span {
  color: #D32F2F;
}

.comment-item .answer-form-placement {
  display: none;
}

.answer-form-placement .form-comment .btn-submit {
  margin-top: 0;
}

.answer-form-placement.inner .form-comment textarea {
  width: 850px;
}

.answer-form {
  position: fixed;
  top: 150px;
  left: 50%;
  margin-left: -375px;
  background-color: #000000;
}

.answer-form .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.answer-form textarea {
  width: 700px;
}

.answer-form .btn-submit {
  margin-right: 35px;
}

.comments-block table.bot_pagination {
  background: none;
  border: 0;
}

.comments-block table.bot_pagination .selected {
  display: inline-block;
  padding: 0px 6px;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
  background: rgb(215, 52, 43);
  background: -moz-linear-gradient(top, rgba(215, 52, 43, 1) 0%, rgba(211, 72, 80, 1) 100%);
  background: linear-gradient(to bottom, rgba(215, 52, 43, 1) 0%, rgba(211, 72, 80, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7342b', endColorstr='#d34850', GradientType=0);
}

.comments-block .editable-click {
  border-bottom: none;
  cursor: pointer;
}

.comments-block .editableform {
  margin-top: 10px;
}

.comments-block .editable-input,
.comments-block .editable-buttons {
  display: block;
}

.comments-block .editable-buttons {
  margin: 5px 0 0 0;
}

.comments-block .editable-submit,
.comments-block .editable-cancel {
  padding: 2px 5px;
  border: 1px solid #242e36;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  background: #444f53;
  background: -moz-linear-gradient(top, #444f53 0%, #181818 100%);
  background: linear-gradient(to bottom, #444f53 0%, #181818 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444f53', endColorstr='#181818', GradientType=0);
}

.comments-block .editable-pre-wrapped {
  white-space: normal;
}

/*--------------------------------------------------------------------------------------------------------------------*/
.language-selector-window {
  position: absolute;
  width: 880px;
  height: 551px;
  top: 100px;
  left: 50%;
  margin-left: -440px;
  margin-left: -440px;
  z-index: 100;
  background: url(/i/language-selector/bg.jpg?v=3);
}

.language-selector-window .logo {
  width: 375px;
  height: 231px;
  margin: 25px auto 0;
  background: url(/i/language-selector/logo.png?v=1);
}

.language-selector-window .country-flags {
  margin-top: -50px;
}

.language-selector-window .country-flag {
  float: left;
  display: block;
  width: 400px;
  height: 210px;
  text-decoration: none;
  cursor: pointer;
}

.language-selector-window img {
  display: block;
}

.language-selector-window .icon {
  display: block;
  float: left;
  margin: 13px 0 0 20px;
  background: url(/i/language-selector/sprite-icons.png?v=1) no-repeat center center;
  height: 27px;
}

.language-selector-window .icon-stay {
  width: 13px;
  background-position: -1px -84px;
}

.language-selector-window .icon-go {
  width: 18px;
  background-position: -1px -28px;
}

.language-selector-window .country-flag:hover .icon-stay {
  background-position: -1px -56px;
}

.language-selector-window .country-flag:hover .icon-go {
  background-position: -1px -0px;
}

.language-selector-window .first {
  float: left;
  padding-left: 1px;
}

.language-selector-window .last {
  float: right;
  padding-right: 1px;
}

.language-selector-window .flag-text {
  width: 100%;
  background-color: rgba(0, 0, 0, .55);
}

.language-selector-window .flag-text p {
  float: left;
  padding: 10px 20px;
  color: #b71c1c;
  text-transform: uppercase;
  line-height: 1.3;
}

.language-selector-window .divider {
  width: 40px;
  height: 258px;
  float: left;
  margin: 0 19px;
  background-image: url(/i/language-selector/divider.png?v=1);
  background-position: -1px -259px;
}

.language-selector-window .divider:hover {
  background-position: -1px -0px;
}

.language-selector-window .note-text {
  padding: 30px 20px 0 20px;
  color: #b2b2b2;
  line-height: 1.2;
}

.language-selector-window .note-text .place {
  color: #ffffff;
  font-weight: bold;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* USER INFO PROFILE */

.user-info-sprite {
  background-image: url(/i/modern/sprite/userinfo.png?v=3);
  background-repeat: no-repeat;
  display: inline-block;
}

.user-info-sprite-achievements {
  width: 249px;
  height: 42px;
  background-position: -1px -1px;
}

.user-info-sprite-ge_flag {
  width: 61px;
  height: 32px;
  background-position: -252px -1px;
}

.user-info-sprite-jp_flag {
  width: 61px;
  height: 32px;
  background-position: -315px -1px;
}

.user-info-sprite-marker {
  width: 74px;
  height: 15px;
  background-position: -378px -1px;
}

.user-info-sprite-medal {
  width: 20px;
  height: 27px;
  background-position: -454px -1px;
}

.user-info-sprite-rate {
  width: 362px;
  height: 376px;
  background-position: -555px -1px;
}

.user-info-sprite-tankAndAir {
  width: 44px;
  height: 30px;
  background-position: -1px -379px;
}

.user-info-sprite-tankAndAirAndStar {
  width: 46px;
  height: 31px;
  background-position: -47px -379px;
}

.user-info-sprite-uk_flag {
  width: 61px;
  height: 32px;
  background-position: -95px -379px;
}

.user-info-sprite-us_flag {
  width: 61px;
  height: 32px;
  background-position: -158px -379px;
}

.user-info-sprite-ussr_flag {
  width: 61px;
  height: 32px;
  background-position: -221px -379px;
}

.user-info-sprite-italy_flag {
  width: 61px;
  height: 32px;
  background-position: -284px -379px;
}

.user-info-sprite-france_flag {
  width: 61px;
  height: 32px;
  background-position: -347px -379px;
}

.user-info-sprite-glass_bar {
  width: 362px;
  height: 52px;
  background-position: -1px -49px;
}

.user-info-sprite-progress_top {
  width: 22px;
  height: 52px;
  background-position: -365px -49px;
}

.user-info-sprite-rang {
  width: 21px;
  height: 18px;
  background-position: -476px -1px;
}

.user-info-battle-score {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

.user-info-battle-type {
  width: 120px;
  float: left;
  font-size: 16px;
}

.user-info-sprite-cross {
  padding: 0;
  width: 552px;
  height: 2px;
  background-position: -1px -45px;
}

.user-info-sprite-rang_0 {
  width: 18px;
  height: 18px;
  background-position: -477px -2px;
}

.user-info-sprite-rang_1 {
  width: 18px;
  height: 18px;
  background-position: -499px -2px;
}

.user-info-sprite-rang_2 {
  width: 18px;
  height: 18px;
  background-position: -521px -2px;
}

.user-info-sprite-rang_3 {
  width: 17px;
  height: 18px;
  background-position: -379px -24px;
}

.user-info-sprite-rang_4 {
  width: 18px;
  height: 18px;
  background-position: -400px -24px;
}

.user-info-sprite-rang_5 {
  width: 18px;
  height: 18px;
  background-position: -422px -24px;
}

.user-info-sprite-rang_6 {
  width: 18px;
  height: 18px;
  background-position: -477px -24px;
}

.user-info-sprite-rang_7 {
  width: 18px;
  height: 18px;
  background-position: -499px -24px;
}

.user-info-sprite-rang_8 {
  width: 18px;
  height: 18px;
  background-position: -521px -24px;
}

.user-info-battle-type-non-active {
  color: #e14048;
  cursor: pointer;
}

.user-info-battle-type:hover {
  color: #fff;
}

.clan-members th {
  background-color: #121517;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  color: #8bb6b3;
  font-size: 14px;
}

.clan-members {
  text-align: center;
}

.clan-members tr:nth-child(2n) td {
  background-color: #121517 !important;
}

.clan-members tr:nth-child(2n) td:nth-last-child(1) {
  border-right: 1px solid #1f2224;
}

.clan-members tr:nth-child(2n) td:nth-child(1) {
  border-left: 1px solid #1f2224;
}

.clan-rate {
  width: 362px;
  height: 336px;
  background-image: url(/i/modern/clan_star.png?v=1);
}

.rating_score {
  position: absolute;
  top: 345px;
  color: #c8b176;
  width: 362px;
  text-align: center;
  text-shadow: black 1px 1px 0, black -1px -1px 0, black -1px 1px 0, black 1px -1px 0;
}

.rating_label {
  text-transform: uppercase;
  position: absolute;
  top: 215px;
  font-size: 19px;
  font-weight: 600;
  width: 362px;
  text-align: center;
  color: #1c0505;
}

.fightType_label {
  padding: 0 20px;
}

.rating_line {
  width: 362px;
  height: 52px;
  border: solid 2px transparent;
  margin-top: -5px;
  border-top: none;
  position: absolute;
  overflow: hidden
}

.battle-score-line {
  height: 52px;
  background-color: #9d1d12;
  position: absolute;
}

.score-red-line {
  position: absolute;
  right: 0px;
}

.score-glass-box {
  border: 2px solid #121517;
  border-top: none;
  position: absolute;
  top: 408px;
}

td.cross-box {
  padding: 0px;
}

.rating-line-score {
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  position: absolute;
  padding: 9px 25px
}

td.userinfo-padding {
  width: 15px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
.lp-igromania .code > h4 {
  width: 400px;
}

#landing16.vid .download-link.dl-2 {
  font-size: 20px;
  line-height: 43px;
}

.mailru_land_t1 {
  font-family: 'wtfModern';
  font-size: 18px;
  color: #ffd67f !important;
  margin: 19px 0;
  letter-spacing: 0.6px;
}

.reg-mailru-button:hover {
  background-position: 0px -182px;
}

.reg-mailru-button {
  width: 672px;
  height: 170px;
  background: url('/i/landings/mail.ru/button_v3.png?v=1') no-repeat;
  position: absolute;
  left: -40px;
  cursor: pointer;
  top: 370px;
  padding: 63px 0 0 296px;
  box-sizing: border-box;
  font-size: 90px;
  font-family: 'wtFont';
  text-transform: uppercase;
  line-height: 45px;
  text-shadow: 1px 1px 4px #000;
}

.reg-mailru-bg1 {
  position: absolute;
  left: 1px;
}

#landing16.vid #reg-link-mailru {
  background: url('/i/landings/mail.ru/pp-btn.png?v=1') !important;
  border: none !important;
  background-position: -21px -18px !important;
}

#landing16.vid #reg-link-mailru:hover {
  background-position: -21px -167px !important;
  box-shadow: 0 0 5px #61573E;
}

#landing16.vid.with_gifts.mailru-landing .head {
  top: 0 !important;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  height: 608px;
  position: fixed;
}

.art-container {
  top: -12px;
  position: relative;
}

.art-container .art-mail {
  float: left;
  padding-right: 12px;
}

.art-container h1 {
  color: #90A4AE;
  font-size: 20px !important;
}

.art-container p {
  color: #90A4AE;
}

.art-email {
  width: 312px;
  padding: .5em;
  margin: 1em auto;
  background-color: #171e24;
  font-size: 17px;
  color: white;
  text-align: center;
}

.art-login-button {
  display: block;
  width: 312px;
  margin: 2em auto 0;
  padding: 1em;
  background-color: #801515;
  color: white;
  border-left: 1px solid #c08a8a;
  border-top: 1px solid #c08a8a;
  text-align: center;
  text-decoration: none;
}

.art-container > h1 {
  width: 378px;
}

.sprite-steam {
  background-image: url(/i/modern/sprite/steam-achivements.png?v=1);
  background-repeat: no-repeat;
  display: inline-block;
  margin: 3px;
}

.steam_trophy_100_battles_on_rank_1 {
  width: 64px;
  height: 64px;
  background-position: -1px -1px;
}

.steam_trophy_100_battles_on_rank_2 {
  width: 64px;
  height: 64px;
  background-position: -67px -1px;
}

.steam_trophy_100_battles_on_rank_3 {
  width: 64px;
  height: 64px;
  background-position: -133px -1px;
}

.steam_trophy_100_battles_on_rank_4 {
  width: 64px;
  height: 64px;
  background-position: -199px -1px;
}

.steam_trophy_100_battles_on_rank_5 {
  width: 64px;
  height: 64px;
  background-position: -265px -1px;
}

.steam_trophy_50_modifications {
  width: 64px;
  height: 64px;
  background-position: -331px -1px;
}

.steam_trophy_50_units_britain {
  width: 64px;
  height: 64px;
  background-position: -1px -67px;
}

.steam_trophy_50_units_germany {
  width: 64px;
  height: 64px;
  background-position: -67px -67px;
}

.steam_trophy_50_units_japan {
  width: 64px;
  height: 64px;
  background-position: -133px -67px;
}

.steam_trophy_50_units_usa {
  width: 64px;
  height: 64px;
  background-position: -199px -67px;
}

.steam_trophy_50_units_ussr {
  width: 64px;
  height: 64px;
  background-position: -265px -67px;
}

.steam_trophy_5_targets_1_second {
  width: 64px;
  height: 64px;
  background-position: -331px -67px;
}

.steam_trophy_activate_10_boosters {
  width: 64px;
  height: 64px;
  background-position: -1px -133px;
}

.steam_trophy_heroic_mission_maker {
  width: 64px;
  height: 64px;
  background-position: -67px -133px;
}

.steam_trophy_burn_30_players {
  width: 64px;
  height: 64px;
  background-position: -133px -133px;
}

.steam_trophy_carrier_landings {
  width: 64px;
  height: 64px;
  background-position: -199px -133px;
}

.steam_trophy_close_combat {
  width: 64px;
  height: 64px;
  background-position: -265px -133px;
}

.steam_trophy_element_of_surprise_capture {
  width: 64px;
  height: 64px;
  background-position: -331px -133px;
}

.steam_trophy_global_avenge_friendly {
  width: 64px;
  height: 64px;
  background-position: -1px -199px;
}

.steam_trophy_global_avenge_self {
  width: 64px;
  height: 64px;
  background-position: -67px -199px;
}

.steam_trophy_global_destroy_enemy_marked_by_ally {
  width: 64px;
  height: 64px;
  background-position: -133px -199px;
}

.steam_trophy_global_shadow_assassin {
  width: 64px;
  height: 64px;
  background-position: -199px -199px;
}

.steam_trophy_heroic_bomber {
  width: 64px;
  height: 64px;
  background-position: -265px -199px;
}

.steam_trophy_heroic_fighter {
  width: 64px;
  height: 64px;
  background-position: -331px -199px;
}

.steam_trophy_heroic_50_single_missions {
  width: 64px;
  height: 64px;
  background-position: -1px -265px;
}

.steam_trophy_heroic_tankman {
  width: 64px;
  height: 64px;
  background-position: -67px -265px;
}

.steam_trophy_kill_1000_in_arcade {
  width: 64px;
  height: 64px;
  background-position: -133px -265px;
}

.steam_trophy_kill_100_in_simulator {
  width: 64px;
  height: 64px;
  background-position: -199px -265px;
}

.steam_trophy_kill_2_players_while_burning {
  width: 64px;
  height: 64px;
  background-position: -265px -265px;
}

.steam_trophy_kill_500_in_realistic {
  width: 64px;
  height: 64px;
  background-position: -331px -265px;
}

.steam_trophy_kill_5_players_while_on_zone {
  width: 64px;
  height: 64px;
  background-position: -1px -331px;
}

.steam_trophy_kill_someone_while_dead {
  width: 64px;
  height: 64px;
  background-position: -67px -331px;
}

.steam_trophy_kill_the_winched {
  width: 64px;
  height: 64px;
  background-position: -133px -331px;
}

.steam_trophy_open_10_chests {
  width: 64px;
  height: 64px;
  background-position: -199px -331px;
}

.steam_trophy_shoot_down_a_plane_with_tank_cannon {
  width: 64px;
  height: 64px;
  background-position: -265px -331px;
}

.steam_trophy_sink_carriers {
  width: 64px;
  height: 64px;
  background-position: -331px -331px;
}

.steam_trophy_sniper_shot {
  width: 64px;
  height: 64px;
  background-position: -397px -1px;
}

.steam_trophy_tank_best_antiAircraft {
  width: 64px;
  height: 64px;
  background-position: -397px -67px;
}

.steam_trophy_tank_marked_enemy_destroyed_by_ally {
  width: 64px;
  height: 64px;
  background-position: -397px -133px;
}

.steam_trophy_triple_strike {
  width: 64px;
  height: 64px;
  background-position: -397px -199px;
}

.gift--500get26 {
  background: url('/i/landings/9may2016/T-500egles.png?v=1');
}

.gift--500gei53 {
  background: url('/i/landings/9may2016/500egles.png?v=1');
}

input[type="radio"]:checked + .gift--500get26 {
  background: url('/i/landings/9may2016/T-500egles_selected.png?v=1');
}

input[type="radio"]:checked + .gift--500gei53 {
  background: url('/i/landings/9may2016/500egles_selected.png?v=1');
}

.qiwi-lp .qiwi-gift {
  background: url('/i/landings/qiwi/atlas.png?v=1');
  width: 159px;
  height: 197px;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 15px;
}

.qiwi-lp .qiwi-gift.__i-153 {
  background-position: 0px 0px;
}

.qiwi-lp input[type="radio"]:checked + .qiwi-gift.__i-153 {
  background-position: 0px -197px;
}

.qiwi-lp .qiwi-gift.__t-26 {
  background-position: 0px -394px;
}

.qiwi-lp input[type="radio"]:checked + .qiwi-gift.__t-26 {
  background-position: 0px -591px;
}

#landing16.historymag .logo {
  width: 100px;
  height: 50px;
  margin-left: 20px;
}

.promo-block {
  position: absolute;
  width: 60%;
  left: 20%;
  bottom: 300px;
}

.promo-text {
  width: 47%;
  padding-top: 20px;
  line-height: 52px;
  font-family: 'wtfModern', Arial, sans-serif !important;
  font-size: 50px;
  text-align: right;
  text-shadow: 1px 1px 2px #000000;
  float: left;
}

.promo-image {
  width: 370px;
  height: 208px;
  float: left;
  margin-left: 30px;
}

.marvo .corner {
  position: absolute;
  top: 0;
  left: -10px;
  width: 250px;
  height: 250px;
  background: url(/i/landings/marvo/logo.png?v=1);
}

.marvo .code {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid black;
  background-color: #ee2e24;
  height: 42px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
  text-align: left;
  margin-top: -10px;
  font-size: 0;
}

.marvo .code h4 {
  width: 30%;
  display: inline-block;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-transform: uppercase;
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  text-align: center;
  color: #ffffff;
}

.marvo .code input {
  width: 295px;
  height: 33px;
  border: 1px solid black;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  color: black;
  font-size: 13px;
  line-height: 33px;
  outline: none;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  vertical-align: top;
  margin-top: 3px;
  font-size: 14px;
  margin-left: 7px;
}

.marvo .offer-conditions {
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.1;
  text-align: center;
  padding: 10px 10px 0;
}

.marvo .alternate-text {
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 24px;
  text-align: center;
}

.touchbank-bonus-text {
  margin-bottom: 20px;
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
}

.gamescom-redeem {
  background: url(/i/modern/sprite/sidebar/gamescom_redeem.jpg?v=3);
}

.gamescom-paysafe-redeem {
  background: url(/i/modern/sprite/sidebar/gamescom_paysafe_redeem.jpg?v=3);
}

.gamescom-code {
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  border: 1px solid black;
  background-color: #0098ce;
  border-radius: 3px;
  margin-bottom: 10px;
  text-align: left;
  margin-top: -10px;
  font-size: 0;
}

.gamescom-code h4 {
  width: 41%;
  display: inline-block;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-transform: uppercase;
  font-family: "Verdana", "sans-serif";
  font-size: 15px;
  font-style: normal;
  text-align: center;
  color: #ffffff;
}

.gamescom-code h4 span {
  color: #10b9f4;
  font-size: 15px;
}

.gamescom-code input {
  width: 268px;
  height: 33px;
  border: 1px solid black;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  color: black;
  font-size: 13px;
  line-height: 33px;
  outline: none;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  vertical-align: top;
  margin: 3px 3px 0 7px;
  font-size: 14px;
}

.wrapper-menu .gamescom {
  width: 220px !important;
  height: 33px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wrapper-menu a.gamescom span {
  left: 0 !important;
  display: inline-block;
  background: url("/i/modern/sprite/main-btn/gamescom2016btn.png?v=1") center no-repeat !important;
}

.wrapper-menu a:hover.gamescom span {
  background: url("/i/modern/sprite/main-btn/gamescom2016btn-hover.png?v=1") center no-repeat !important;
}

.spoiler-answer {
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 5px;
  font-size: 12px;
}

.replay-faq {
  padding-right: 15px;
  border-bottom: 1px solid #242e36;
}

.replay-faq .replay-faq-head {
  padding: 5px 15px;
  color: #fff;
  font-size: 15px;
  background: url('/i/modern/arrow-down.png?v=2') 100% 50% no-repeat;
  cursor: pointer;
}

.replay-faq .replay-faq-text {
  height: 0;
  margin-bottom: 10px;
  line-height: 1.2;
  overflow: hidden;
}

.replay-faq-text.js-answer.open {
  padding: 10px 20px;
}

.js-answer.open {
  height: auto;
}

.replay-faq .replay-faq-text ol {
  padding-left: 10px;
}

.another_title {
  padding: 10px 15px;
  font-size: 28px;
  color: #cfd8dc;
  text-align: initial;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.replay-links {
  padding-right: 100px;
}

.replay-parts-header {
  margin-left: -5px;
  font-family: Arial;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  color: #cfcfcf !important;
  cursor: pointer;
}

.replay-parts-header:hover {
  color: #fff;
}

.replay-parts-header.red {
  border-bottom: none;
}

.replay-parts-links {
  height: 0;
  overflow: hidden;
}

.replay-parts-links .replay-parts-link {
  color: #85aeb5;
  display: inline-block;
  margin: 5px 10px 0 0;
}

.ui-widget-header {
  background: none;
  color: #fff;
  border: 1px solid #363d40;
}

.ui-widget-content {
  background: url(/i/modern/sprite/fon3.jpg?v=3);
  color: #fff;
  border: 1px solid #363d40;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: url(/i/modern/sprite/fon5.jpg?v=3);
  color: #fff;
  border: 1px solid #363d40;
}

.ui-widget-header a {
  color: #fff;
}

.comment-rules-for-disabled a {
  margin: 0 !important;
}

@media screen and (max-height: 890px) {

  #landing16.vid.with_gifts #registration-container {
    top: 50px !important;
  }

}

@media screen and (max-height: 800px) {
  #landing16.vid.with_gifts #registration-container {
    top: 25px !important;
  }

  #landing16.vid.with_gifts table.signup-table {
    margin: 0px 0 0 34px;
  }

  #landing16.vid.with_gifts .choose-gift__header {
    font-size: 28px;
  }
}

@media screen and (max-height: 710px) {
  #landing16.vid.with_gifts #registration-container {
    top: 5px !important;
  }
}

@media screen and (max-height: 680px) {
  #landing16.vid.with_gifts .gift {
    margin-bottom: 0px;
  }

  #landing16.vid.with_gifts .social_connectors_row {
    display: none;
  }
}

@media screen and (max-height: 660px) {
  #landing16.vid.with_gifts form .but-reg-big {
    line-height: 58px;
    font-size: 30px;
    height: 61px;
    width: 348px;
  }

  #landing16.vid.with_gifts .que_text {
    font-size: 11px;
    line-height: 12px;
  }
}

@media screen and (max-height: 640px) {
  #landing16.vid.with_gifts .gift {
    background-size: contain;
    background-position: center center;
    width: 130px;
    height: 180px;
  }
}

.carouselContainer {
  text-align: center;
}

.carouselWrapper {
  overflow: hidden;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.owl-left {
  width: 50px;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
  opacity: 0.7;
}

.owl-right {
  width: 50px;
  height: 100%;
  position: absolute;
  z-index: 10;
  right: 0px;
  top: 0px;
  opacity: 0.7;
}

.owl-left:hover, .owl-right:hover {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.owl-chevron {
  width: 100%;
}

.tutorial_container {
  margin-bottom: 100px;
}

.tutorial_item_wrapper {
  width: 690px;
  height: 158px;
  margin: 1em auto;
  background-color: #ffffff;
}

.tutorial_item {
  position: relative;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tutorial_item:hover {
  opacity: 0.95;
}

.tutorial_text {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 42px;
  z-index: 10;
  color: #f7f7f7;
}

.tutorial_text_i {
  display: none;
  font-size: 0.8em;
  padding: 7px;
}

.tutorial_play {
  position: absolute;
  left: 345px;
  top: 52px;
  z-index: 10;
}

.ytplayer {
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
  border-top: solid 1px #12161d;
  border-bottom: solid 1px #12161d;
}

.ytplayer_active {
  border-top: solid 1px #d63730;
  border-bottom: solid 1px #d63730;
}

.video-page {
  margin-bottom: 30px;
}

.tutorial_item_wrapper {
  width: 690px;
  height: 158px;
  background-color: #ffffff;
}

.tutorial_item {
  position: relative;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tutorial_item:hover {
  opacity: 0.95;
}

.tutorial_text {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-family: "wtfModern", Arial, sans-serif;
  font-size: 42px;
  z-index: 10;
  color: #f7f7f7;
}

.tutorial_text_i {
  display: none;
  font-size: 0.8em;
  padding: 7px;
}

.tutorial_play {
  position: absolute;
  left: 345px;
  top: 52px;
  z-index: 10;
}

.ytplayer {
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
  border-top: solid 1px #12161d;
  border-bottom: solid 1px #12161d;
}

.ytplayer_active {
  border-top: solid 1px #d63730;
  border-bottom: solid 1px #d63730;
}

.video-page {
  margin-bottom: 30px;
}

.usefullProgs {
  display: block;
  height: 320px;
  margin: 0 auto;
  padding: 23px 19px;
  border-top: 2px solid rgb(0, 0, 0);
}

.usefullProgs__item {
  position: relative;
  display: block;
  float: left;
  width: calc(100% / 2 - 21px);
  background-color: rgb(19, 23, 29);
  border: solid 1px black;
}

.usefullProgs .item-assistant {
  margin-right: 21px;
}

.usefullProgs .item-img {
  width: 100%;
  height: 187px;
  background-image: url('/i/useful-progs/useful-progs-sprite.png');
  background-repeat: no-repeat;
}

.item-img__link {
  display: block;
  width: 100%;
  height: 100%;
}

.usefullProgs .item-assistant__img {
  background-position: 0 0;
}

.usefullProgs .item-cdk__img {
  background-position: 100% 0;
}

.usefullProgs .item-caption {
  position: absolute;
  padding: 0 20px;
  top: 38%;
  left: 0;
  line-height: 1.2;
  font-family: wtfont;
  font-size: 42px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #e7e8e8;
  -webkit-text-stroke: 1px #000000;
}

.usefullProgs .item-description {
  min-height: 95px;
  font-family: Roboto;
  font-size: 14px;
  text-align: left;
  color: rgb(231, 232, 232);
  padding: 16px 20px;
}

.devices {
  position: absolute;
  top: 90%;
  left: 74%;
  width: 100px;
  text-align: right;
}

.devices .devices__list {
  list-style: none;
}

.devices .devices__icon {
  display: inline-block;
  background-image: url('/i/useful-progs/useful-progs-sprite-devices.png');
  background-repeat: no-repeat;
  margin-right: 20px;
}

.devices .devices__icon:last-child {
  margin-right: 0;
}

.devices .devices__icon--android {
  width: 16px;
  height: 20px;
  background-position: 0 0;
}

.devices .devices__icon--apple {
  width: 16px;
  height: 20px;
  background-position: 48% 0;
}

.devices .devices__icon--windows {
  width: 20px;
  height: 20px;
  background-position: 100% 0;
}

.devices .devices__list-link {
  display: block;
  width: 100%;
  height: 100%;
}

.head-submenu__item.external:hover,
.head-submenu__item.external-colored:hover {
  background-color: rgba(46, 73, 89, .5);
}

@media screen and (max-width: 1120px) {
  #toTop {
    opacity: 0;
  }
}

#toTop {
  width: 40px;
  height: 42px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  color: #c7c7c7;
  border: 1px solid #2c3d44;
  background-color: #1a1f22;
  background-position: -164px -298px;
  background-image: url('/i/sprite/sprite.png');
}

#toTop:hover {
  color: #c7c7c7;
  border: 1px solid #2c3d44;
  background-color: #1a1f22;
  opacity: 1;
}

.toTop__default {
  opacity: 0;
}

.toTop__fixed {
  opacity: 0.5;
}

.comment__popup {
  width: 514px;
}
.comment__popup-close {
  left: 93% !important;
}
.comment__popup-btn {
  width: 200px;
  height: 52px;
  font-size: 21px;
}