/* Вернуть старое поведение картинок и др. медиа внутри контента */
#content .container-center img,
#content .container-center svg,
#content .container-center video,
#content .container-center canvas,
#content .container-center audio,
#content .container-center iframe,
#content .container-center embed,
#content .container-center object {
  display: inline;                 /* или inline-block — как тебе нужнее */
  vertical-align: middle;          /* оставим выравнивание как в preflight */
}


img {
    border: 0
}

.right {
    float: right
}

.clearfix {
    clear: both
}

.main h2, #content .right-panel h2 {
    border-bottom: 1px solid rgb(170, 170, 170)
}

#content {
    overflow: visible;
    padding-bottom: 15px;
    min-height: calc(100vh - 202px);
    position: relative;
    margin-inline: auto
}

#content .left-panel {
    padding: 0 25px 25px 25px;
    display: inline-block;
    width: 778px;
    vertical-align: top;
    position: relative
}

#content .left-panel.full {
    padding: 0 25px 25px 25px;
    width: 100%
}

#content .right-panel {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    margin-bottom: 25px
}

#content .right-panel h2 {
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    margin-top: 25px
}

#content .right-panel h2:first-child {
    margin-top: 0
}

#content .right-panel ol {
    margin: 0 0 25px 0;
    padding-left: 22px
}

#content .right-panel ul.top5 {
    margin: 0 0 25px 0;
    padding-left: 0;
    list-style: none
}

#content .right-panel ul.top5 li {
    margin-bottom: 7px;
    white-space: nowrap;
    line-height: 30px;
    height: 30px;
    width: 250px;
    position: relative;
    padding-left: 60px;
    border: 1px solid #000;
    border-radius: 4px;
    padding-right: 5px;
    background: #000;
    color: #fff;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.64);
    overflow: hidden;
    text-shadow: 1px 1px 1px black, 1px 1px 1px black, 0 0 2px black;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transition: all 200ms
}

#content .right-panel ul.top5 li:hover {
    margin-left: -5px
}

#content .right-panel ul.top5 li a {
    color: #E7E7E7;
    text-decoration: none
}

#content .right-panel ul.top5 li .tank {
    position: absolute;
    left: -15px;
    top: 0;
    height: 48px;
    margin-top: -8px
}

#content .right-panel ul.top5 li .map {
    width: 248px;
    height: 28px;
    position: absolute;
    left: 0;
    border-radius: 3px;
    background-size: cover;
    background-position: 0% 292px;
    opacity: 0.8
}

#content .right-panel ul.top5 li .cell {
    display: inline-block;
    font-size: 10px;
    width: 50px;
    position: relative;
    z-index: 1
}

#content .right-panel ul.top5 li .cell img {
    height: 12px;
    margin-right: 3px;
    vertical-align: text-bottom;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 1))
}

#content .right-panel ul.top5 li .cell img.kill {
    margin-bottom: 2px;
    height: 10px
}

#content .right-panel ul.top5 li .right {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 10px
}

#content .right-panel a.tank-poll {
    padding: 0 15px;
    text-transform: uppercase;
    border-radius: 4px;
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    color: #F2F2F2;
    text-shadow: 0 0 2px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 1), 0 0 11px black;
    position: relative;
    top: 50%;
    margin-top: 22px;
    text-decoration: none;
    display: block;
    margin: 10px auto -7px auto;
    border: 1px solid #080808;
    background-color: #313131;
    height: 50px;
    background-position: right -30px;
    line-height: 50px
}

.tank-list {
    border-right: 1px solid rgb(210, 210, 210);
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    clear: both
}

.tank-list a {
    color: rgb(70, 70, 70);
    text-decoration: none
}

.tank-list th {
    background-color: #2D2C25;
    cursor: url("../../style/images/wot/cursors/cursor-pointer.932fd2dba7b8.png"), pointer;
    color: white;
    line-height: 1.3;
    height: 40px
}

.tank-list .sorting_asc {
    background: #26251E url("../../style/images/wot/results/ascendingSortArrow.0fc56f2153e2.png") no-repeat;
    background-position: 4px 4px
}

.tank-list .sorting_desc {
    background: #26251E url("../../style/images/wot/results/descendingSortArrow.4ce2eee1b942.png") no-repeat;
    background-position: 4px 4px
}

.tank-list .img-container {
    width: 80px;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.tank-list .text-left {
    text-align: left;
    padding-top: 2px
}

.tank-list .sorting_1 {
    background-color: rgba(215, 215, 215, 0.23)
}

.tank-list tr.even {
    background: #EFEFEF
}

.tank-list .number-width {
    width: 85px
}

.tank-list tr.odd {
    background: #FFF
}

.tank-list tr {
    height: 31px;
    position: relative
}

.tank-list td {
    padding: 0;
    border: 1px solid rgb(210, 210, 210);
    height: 31px
}

.tank-list .dataTables_empty {
    vertical-align: middle
}

@keyframes flag-play {
    100% {
        background-position: -7000px
    }
}

.achi-number-wrapper.diff, .main-stats .diff, .tank-list td.diff:after {
    display: none !important
}

.achi-number-wrapper.diff.show, .main-stats .diff.show, .tank-list td.diff.show:after {
    display: block !important
}


.stat-number .diff.red, .tank-list td.diff.red:after {
    color: #CD3333
}

.gold.achi-number-wrapper {
    bottom: 0
}

.gold .achi-number {
    border: none
}

.gold .achi-number span {
    width: 41px;
    height: 25px;
    border: none;
    background: url("../../style/images/wot/achievement/web/achievements-1.738abc43532d.png");
    padding-top: 3px
}

/*.ui-tooltip {*/
/*    !*background: url("http://worldoftanks.eu/static/3.24.0.2/common/css/scss/content/tooltip/img/tooltip_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);*!*/
/*    background-color: rgba(0, 0, 0, 0.94);*/
/*    border: 1px solid #454648;*/
/*    border-radius: 3px;*/
/*    box-shadow: 0 0 1px rgba(0, 0, 0, 0.85), 0 0 20px rgba(0, 0, 0, 0.25), 0 0 7px rgba(0, 0, 0, 0.21), 0 0 11px rgba(255, 255, 255, 0.03) inset;*/
/*    color: #979899;*/
/*    display: none;*/
/*    float: left;*/
/*    line-height: 130%;*/
/*    margin: 0;*/
/*    padding: 8px 13px;*/
/*    position: absolute;*/
/*    z-index: 10000;*/
/*}*/

.ui-tooltip.achi-tooltip {
    background-color: #1b1b1b;
    color: #e6e6e6; /* базовый цвет текста */
    border: 1px solid #2a2b2f; /* граница */
    width: 300px;
    /*padding: 15px;*/
      border-radius: 8px;
  padding: 10px 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.35);
  max-width: 360px;
  line-height: 1.35;
  z-index: 9999;                 /* поверх всего */
}

.ui-tooltip.achi-tooltip img {
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 180px;
}

.ui-tooltip.achi-tooltip .title {
    font-size: 18px;
    /*font-family: "swiss721_cn_pflbold";*/
    line-height: 20px;
    color: #ffd27d;
    font-weight: 600;
    margin: 0 0 6px
}

.ui-tooltip.achi-tooltip .condition {
    margin-top: 15px;
    opacity: 0.6
}

.ui-tooltip.achi-tooltip img.achi {
    margin: 20px auto
}

.hit-list-tooltip .title {
    font-size: 16px !important;
    /*font-family: "swiss721_cn_pflbold";*/
    margin-top: 18px;
    vertical-align: top;
    line-height: 1.3
}

.hit-list-tooltip .gray {
    font-size: 11px;
    color: #54514c
}

.ui-tooltip .tooltip .img.left {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block
}

.ui-tooltip .tooltip .title {
    margin-bottom: 5px;
    color: #fcf1d3;
    font-weight: bold;
    font-size: 14px
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.vehicle-image.small img.tank {
    height: 64px;
    margin-top: -8px;
    margin-left: 23px
}

.vehicle-image .tank {
    height: 100%;
    margin: 0 auto
}

.vehicle-image .type {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2
}

.vehicle-image .level {
    position: absolute;
    top: 5px;
    left: 20px;
    z-index: 2
}

.vehicle-image .name {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    text-align: right;
    color: rgb(237, 237, 237);
    text-shadow: 0 0 8px rgba(205, 205, 205, 0.8)
}

.tank-profile .vehicle-image .name {
    bottom: auto;
    top: 5px
}

.vehicle-image .name.premium {
    color: #C57338;
    text-shadow: 0 0 8px #B86D37
}

@-webkit-keyframes opacity-error {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes opacity-error {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.tank-profile .ammo-wrapper-line.active {
    display: block;
    margin-bottom: 10px;
    margin-top: -3px
}

.tank-profile .ammo-wrapper .type {
    position: absolute;
    color: #949488;
    font-family: "Oswald", sans-serif;
    text-shadow: 0 0 3px black;
    left: 4px;
    top: 1px
}

.eqv-holder .overlay:hover + .bg-white, .eqv-holder.tank a:hover + .bg-white {
    background: rgba(255, 255, 255, 0.10)
}

.eqv-holder.tank {
    width: 152px;
    padding-left: 27px
}

.eqv-row.margin-5 .eqv-holder.tank .bg-div {
    background: none
}

.eqv-tank .name {
    position: absolute;
    right: 4px;
    top: 3px;
    color: #fff;
    z-index: 1
}

.eqv-tank .type {
    position: absolute;
    left: 3px;
    top: 3px
}

.eqv-tank .level {
    position: absolute;
    left: 15px;
    top: 3px
}

.eqv-tank .tank {
    position: absolute;
    left: 10px;
    top: 2px
}

.eqv-tooltip .title {
    color: #f4efc5;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 3px;
    line-height: 1.3
}

.eqv-tooltip .credit {
    margin: 0 5px -1px 5px
}

.eqv-tooltip .price .gold {
    margin: 0 5px -1px 6px
}

.eqv-tooltip .price .first.or {
    display: block;
    margin: 2px 0 5px 0
}

.eqv-tooltip .condition {
    color: #979899;
    background: rgba(27, 26, 21, 0.3);
    margin: -10px -12px -10px -12px;
    padding: 15px 18px;
    font-size: 11px
}

.eqv-tooltip .condition .title {
    color: #5d5d53;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold
}

.eqv-tooltip .condition span {
    color: #c9a372;
    font-size: 13px;
    font-weight: bold;
    color: #f4efc5;
    display: inline-block;
    margin-bottom: 3px
}

.eqv-tooltip .complex .title {
    color: #da741f;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    display: inline-block;
    margin-bottom: 10px
}

.eqv-tooltip .complex .icon {
    margin-bottom: -3px
}

.eqv-tooltip .complex .gold {
    margin-bottom: -3px
}

.eqv-tooltip .details .title {
    color: #f4efc5;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: bold
}

.eqv-tooltip .details .first, .eqv-tooltip .price .first, .eqv-tooltip .first {
    color: #b8b7b2 !important;
    width: 80px;
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    font-size: inherit !important;
    font-weight: inherit !important;
    float: left
}

.eqv-tooltip .details .gray, .eqv-tooltip .gray {
    color: #6c6d6f !important;
    font-size: inherit !important;
    font-weight: inherit !important
}