.blueprint-menu {
  color: #7b7b6e;
  font-size: 13px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.blueprint-menu,
.blueprint-menu_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blueprint-menu_item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #2a2929;
  border-right: 1px solid #504f47;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  justify-content: center;
  padding: 13px 1%;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  width: 100%;
  will-change: background;
}
.blueprint-menu_item:last-child {
  border: none;
}
.blueprint-menu_item:hover,
.blueprint-menu_item__active {
  background: #363635;
}
.blueprint-menu_item__active {
  pointer-events: none;
}
.blueprint-menu_ico {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  will-change: background;
}
@media (min-width: 720px) {
  .blueprint-menu_ico {
    margin-right: 10px;
  }
}
.blueprint-menu_ico__general {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/general.08a894.svg)
    0 0 no-repeat;
  height: 12px;
  min-width: 20px;
  width: 20px;
}
.blueprint-menu_item:hover .blueprint-menu_ico__general,
.blueprint-menu_item__active .blueprint-menu_ico__general {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/general_active.575755.svg)
    0 0 no-repeat;
}
.blueprint-menu_ico__gun {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/gun.bd9b2b.svg)
    0 0 no-repeat;
  height: 16px;
  min-width: 16px;
  width: 16px;
}
.blueprint-menu_item:hover .blueprint-menu_ico__gun,
.blueprint-menu_item__active .blueprint-menu_ico__gun {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/gun_active.246a47.svg)
    0 0 no-repeat;
}
.blueprint-menu_ico__binoculars {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/binoculars.890541.svg)
    0 0 no-repeat;
  height: 15px;
  min-width: 17px;
  width: 17px;
}
.blueprint-menu_item:hover .blueprint-menu_ico__binoculars,
.blueprint-menu_item__active .blueprint-menu_ico__binoculars {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/binoculars_active.bae711.svg)
    0 0 no-repeat;
}
.blueprint-menu_ico__mob {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/mob.747a92.svg)
    0 0 no-repeat;
  height: 18px;
  min-width: 21px;
  width: 21px;
}
.blueprint-menu_item:hover .blueprint-menu_ico__mob,
.blueprint-menu_item__active .blueprint-menu_ico__mob {
  background: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/mob_active.7badf6.svg)
    0 0 no-repeat;
}
@media (min-width: 920px) {
  .blueprint-menu_ico {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.blueprint-menu_title {
  display: none;
  line-height: 1;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: -o-max-content;
  width: -ms-max-content;
  will-change: color;
}
@media (min-width: 920px) {
  .blueprint-menu_title {
    display: block;
  }
}
.blueprint-menu_item:hover .blueprint-menu_title,
.blueprint-menu_item__active .blueprint-menu_title {
  color: #e85111;
}
.blueprint-table {
  position: relative;
}
.blueprint-table_wrapper {
  margin: 0 2%;
  position: relative;
}
@media (min-width: 520px) {
  .blueprint-table_wrapper {
    margin-left: 7%;
  }
}
.blueprint-table_wrapper__columns {
  grid-column-gap: 9%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media (min-width: 520px) {
  .blueprint-table_wrapper__columns {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    margin-left: 7%;
  }
}
.blueprint-table_ico {
  height: 21px;
  width: 19px;
}
.blueprint-table_flag {
  height: 20px;
  margin-right: 10px;
  width: 34px;
}
.blueprint-table_level {
  font-size: 18px;
  line-height: 1;
  margin-left: 10px;
}
.blueprint-table_item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #424042;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 1;
  padding: 9px 0;
  position: relative;
}
@media (min-width: 720px) {
  .blueprint-table_item {
    font-size: 16px;
  }
}
.blueprint-table_item__name {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-bottom: 1px solid #59636d;
  color: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media (min-width: 720px) {
  .blueprint-table_item__name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0 25px;
    padding: 9px 1% 9px 3%;
  }
}
.blueprint-table_item__name .blueprint-table_item-left {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 5px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 720px) {
  .blueprint-table_item__name .blueprint-table_item-left {
    font-size: 29px;
    padding-right: 10px;
    text-align: left;
  }
}
.blueprint-table_item-left {
  background: no-repeat;
  margin-bottom: 0;
  padding-right: 10px;
}
.blueprint-table_item-right {
  color: #fff !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  text-decoration: none;
  white-space: nowrap;
}
.blueprint-table_item-right__flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
@media (min-width: 720px) {
  .blueprint-table_item-right__flex {
    margin-top: 0;
  }
}
.blueprint-table_item-ico {
  display: none;
  position: absolute;
}
@media (min-width: 520px) {
  .blueprint-table_item-ico {
    display: block;
  }
}
.blueprint-crew {
  background: #151516;
  margin-top: 18px;
  position: relative;
}
@media (min-width: 720px) {
  .blueprint-crew {
    -ms-flex-pack: distribute;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top: 45px;
  }
  .blueprint-crew:after {
    background: #050505;
    bottom: 0;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
.blueprint-crew_item {
  margin-bottom: 1px;
  min-width: 140px;
  position: relative;
  z-index: 1;
}
.blueprint-crew_item:last-child {
  margin-bottom: 0;
}
@media (min-width: 720px) {
  .blueprint-crew_item {
    margin-bottom: 0;
    margin-top: -20px;
  }
}
.blueprint-crew_pic {
  margin: 0 auto;
  max-width: 200px;
  position: relative;
  text-align: center;
}
.blueprint-crew_pic:after {
  background: linear-gradient(90deg, transparent 0, #505051 50%, transparent);
  bottom: 6px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.blueprint-crew_name {
  background: #050505;
  color: #c9c4a5;
  font-size: 16px;
  line-height: 1;
  margin-top: -7px;
  padding: 4px 0;
  text-align: center;
}
@media (min-width: 720px) {
  .blueprint-crew_name {
    background: none;
  }
}
.blueprint-crew_ico {
  left: 55%;
  position: absolute;
  top: 15px;
}
.blueprint-crew_face {
  position: relative;
  z-index: 1;
}
.blueprint-ammo {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #151516;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 18px;
  padding: 15px 0;
}
@media (min-width: 720px) {
  .blueprint-ammo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 25px;
    padding: 0;
  }
}
.blueprint-ammo_item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blueprint-ammo_item:not(:last-child) {
  margin-bottom: 6px;
}
@media (min-width: 720px) {
  .blueprint-ammo_item:not(:last-child) {
    margin-bottom: 0;
  }
}
.blueprint-ammo_title {
  color: #c9c4a5;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 15px;
}
.blueprint-ammo_spec {
  color: #fdfdfb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 1;
}
@media (min-width: 720px) {
  .blueprint-ammo_ico {
    margin-top: -12px;
  }
}
.blueprint-ammo_info {
  margin-left: 13px;
}
.blueprint-ammo_descr {
  color: #c9c4a5;
  display: none;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  padding: 0 2%;
}
@media (min-width: 920px) {
  .blueprint-ammo_descr {
    display: block;
  }
}
@media (min-width: 1100px) {
  .blueprint-ammo_descr {
    display: none;
  }
}
@media (min-width: 1300px) {
  .blueprint-ammo_descr {
    display: block;
    padding: 0;
  }
}
.blueprint-ammo_type {
  margin-bottom: 13px;
}
.blueprint-note {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: flex-start;
  background: #151516;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 21px;
  padding: 0 5% 25px;
}
@media (min-width: 620px) {
  .blueprint-note {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 2%;
  }
}
.blueprint-note_pic {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media (min-width: 620px) {
  .blueprint-note_pic {
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    margin-right: 2%;
  }
}
.blueprint-note_text {
  color: #c9c4a5;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-top: 10px;
}
@media (min-width: 720px) {
  .blueprint-note_text {
    font-size: 16px;
  }
}
.id-note {
  background: #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.id-note__small {
  display: none;
}
@media (min-width: 720px) {
  .id-note__small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.id-note__middle {
  display: none;
}
@media (min-width: 1100px) {
  .id-note__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.id-note_ico {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #8b8c7c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  max-width: 50px;
  min-width: 40px;
  padding: 4px;
  width: 40px;
}
.id-note_text {
  padding: 10px 10px 10px 15px;
}
.id-note_text strong {
  color: #f9f5e1;
}
.id-note_button {
  display: inline-block;
  height: 21px;
  margin: 0 8px;
  position: relative;
  top: 7px;
  width: 19px;
}
.id-note_button__minus {
  background-image: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/minus.bb4062.png);
}
.id-note_button__plus {
  background-image: url(https://tanki-media-content.tanki.su/tanki-media/portal_debranding_files/bp/gsor_1010_fb/img/plus.1597bf.png);
}
.blueprint {
  font-family: Roboto Condensed, Arial Narrow, Arial, sans-serif;
  height: 820px;
  margin: 0 auto 16px;
  max-width: 1100px;
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
  will-change: height;
}
.blueprint:lang(ko),
.blueprint:lang(zh-cn),
.blueprint:lang(zh-sg),
.blueprint:lang(zh-tw) {
  font-family: гѓ’гѓ©г‚®гѓЋи§’г‚ґ ProN W3, Hiragino Kaku Gothic ProN, Meiryo,
    맑은 кі л”•, Malgun Gothic, 굴림, Gulim, Helvetica, sans-serif;
}
.blueprint:lang(ja) {
  font-family: Noto Sans JP, гѓ’гѓ©г‚®гѓЋи§’г‚ґ ProN W3,
    Hiragino Kaku Gothic ProN, Osaka, メイリオ, Meiryo,
    пј­пјі пј°г‚ґг‚·гѓѓг‚Ї, MS PGothic, sans-serif;
}
@media (min-width: 720px) {
  .blueprint:after {
    background: linear-gradient(0deg, #1c1c1e, transparent);
    bottom: 0;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
  }
}
.blueprint_wrapper {
  height: 100%;
  position: relative;
  z-index: 3;
}
.blueprint_img-wrapp {
  background: -8px -42px no-repeat;
  background-size: cover;
  height: 484px;
  margin-bottom: -8%;
  pointer-events: none;
  position: relative;
  text-align: center;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
  will-change: height;
  z-index: 1;
}
@media (max-height: 890px) {
  .blueprint_img-wrapp {
    margin-bottom: -16%;
    margin-top: -10.5%;
  }
}
.blueprint_img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  margin: auto;
  opacity: 0;
  padding: 5% 9% 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.7s ease 0.3s, visibility 0.7s ease 0.3s;
  transition: opacity 0.7s ease 0.3s, visibility 0.7s ease 0.3s;
  visibility: hidden;
  will-change: opacity, visibility;
}
@media (max-height: 890px) {
  .blueprint_img {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.blueprint_img__active {
  opacity: 1;
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  visibility: visible;
}
.blueprint_img__tech {
  display: none;
}
.blueprint_item {
  position: absolute;
  -webkit-transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out,
    -webkit-transform 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out,
    -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out,
    visibility 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out,
    visibility 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
  width: 100%;
  will-change: transform;
}
.blueprint_item__outside-left {
  opacity: 0;
  -webkit-transform: translateX(90%);
  -ms-transform: translateX(90%);
  transform: translateX(90%);
  visibility: hidden;
  z-index: 1;
}
.blueprint_item__outside-right {
  opacity: 0;
  -webkit-transform: translateX(-90%);
  -ms-transform: translateX(-90%);
  transform: translateX(-90%);
  visibility: hidden;
  z-index: 1;
}
.blueprint-arrows {
  margin-top: -22px;
  position: absolute;
  top: 40vw;
  width: 100%;
}
@media (min-width: 840px) {
  .blueprint-arrows {
    top: 335px;
  }
}
@media (max-height: 890px) {
  .blueprint-arrows {
    top: 29vw;
  }
}
@media (max-height: 890px) and (min-width: 840px) {
  .blueprint-arrows {
    top: 180px;
  }
}
.blueprint-arrows_item {
  cursor: pointer;
  height: 44px;
  position: absolute;
  -webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out,
    background-color 0.15s ease-out;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out,
    background-color 0.15s ease-out;
  width: 44px;
  will-change: opacity, visibility, background-color;
  z-index: 3;
}
@media (min-width: 840px) {
  .blueprint-arrows_item {
    background-color: #454540;
  }
}
.blueprint-arrows_item:hover {
  opacity: 0.6;
}
@media (min-width: 840px) {
  .blueprint-arrows_item:hover {
    background: #676760;
    opacity: 1;
  }
}
.blueprint-arrows_item:before {
  bottom: 0;
  content: "";
  height: 16px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
.blueprint-arrows_item__next {
  right: -10px;
}
@media (min-width: 840px) {
  .blueprint-arrows_item__next {
    right: 0;
  }
}
.blueprint-arrows_item__next:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuOTM2IDcuOTk4LjE4MyAyLjMzM2EuNi42IDAgMCAxIDAtLjg2MkwxLjQ5Ni4xNzhhLjYyNy42MjcgMCAwIDEgLjg3NiAwbDcuNDQ1IDcuMzNhLjYuNiAwIDAgMSAuMTguNDkuNi42IDAgMCAxLS4xOC40OWwtNy40NDUgNy4zM2EuNjI3LjYyNyAwIDAgMS0uODc2IDBMLjE4MyAxNC41MjNhLjYuNiAwIDAgMSAwLS44NjJsNS43NTMtNS42NjR6IiBmaWxsPSIjQjhCMzk3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.blueprint-arrows_item__prev {
  left: -10px;
}
@media (min-width: 840px) {
  .blueprint-arrows_item__prev {
    left: 0;
  }
}
.blueprint-arrows_item__prev:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuMDY0IDcuOTk4IDUuNzUzLTUuNjY1YS42LjYgMCAwIDAgMC0uODYyTDguNTA0LjE3OGEuNjI3LjYyNyAwIDAgMC0uODc2IDBMLjE4MyA3LjUwOGEuNi42IDAgMCAwLS4xOC40OS42LjYgMCAwIDAgLjE4LjQ5bDcuNDQ1IDcuMzNhLjYyNy42MjcgMCAwIDAgLjg3NiAwbDEuMzEzLTEuMjk0YS42LjYgMCAwIDAgMC0uODYyTDQuMDY0IDcuOTk4eiIgZmlsbD0iI0I4QjM5NyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}