@import '/static/awru.my.games/css/main/content/tankopedia/tankopedia-sprite.css?2';
@import '/static/awru.my.games/css/main/content/tankopedia/flags.css';

abbr {
  text-decoration: none;
}
.layout[class^="layout kb"] h1 {
	display: none;
}

#block_center {
  width: 1251px
}

.tankopedia_mainpage * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  box-sizing: border-box
}

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

.tankopedia_mainpage a {
  background: transparent;
  text-decoration: none;
  color: inherit;
  cursor: pointer
}

.tankopedia_mainpage {
  width: 1251px;
  margin: 0 auto;
  padding-bottom: 50px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #141f23;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(255, 255, 255, 0);
}

.tankopedia_mainpage .mainheader {
  margin-bottom: 5px;
}

.tankopedia_mainpage h4 {
  clear: both;
  font: 20px/33px Squares3, Arial, Helvetica, sans-serif;
  color: #384252;
  padding: 20px 0 10px 0
}

.tankopedia_mainpage .clearfix {
  height: 1px;
  clear: both;
  overflow: hidden;
  float: none
}

.tankopedia_helpblock {
  border: 1px solid #7c8ca2;
  height: 167px;
  background: #fff;
  position: relative;
  text-align: center
}

.tankopedia_helpblock:after {
  content: '';
  position: absolute;
  left: 605px;
  top: -13px;
  width: 26px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: -901px -458px
}

.tankopedia_helpblock h4 {
  font: 20px/26px Squares3, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding-top: 50px;
}

.tankopedia_helpblock p {
  font: normal 18px/24px Arial, Helvetica, sans-serif;
  width: 40%;
  margin: 0 auto
}

.tankopedia_helpblock.hide {
  opacity: 0
}

.tankopedia_filter {
  margin-bottom: 50px;
  height: 53px
}

.tankopedia_filter .type01 {
	width: 175px
	}
.tankopedia_filter .type02 {
	width: 496px
	}
.tankopedia_filter .type03 {
	width: 300px
	}
.tankopedia_filter .type04 {
	width: 150px
	}
.tankopedia_filter .type05 {
	width: 130px
	}

.tankopedia_filter:hover span {
  background-position: -960px -461px
}

.tankopedia_filter .item {
  background: #4f5c71;
  height: 50px;
  border-right: 1px solid #fff;
  float: left;
  position: relative;
  font: 18px/53px Squares3, Arial, Helvetica, sans-serif;
  padding-left: 15px;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden
}
.tankopedia_filter .item.type02 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right:10px;
}

.tankopedia_filter .item span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 5px;
  vertical-align: 2px
}

.tankopedia_filter .item span.hide {
  opacity: 0
}

.tankopedia_filter .item i {
  margin-left: 7px;
  vertical-align: 0px;
  font-size: 22px;
  color: #fff;
  *display: inline;
  zoom: 1;
  display: none
}
.tankopedia_filter .item i.spr {
  margin: 0 1px 0 0;
  vertical-align: 0px
}

.tankopedia_filter .item i.icon-type {
  color: #fff;
  font-size: 15px;
  vertical-align: -1px;
  margin-left: 10px
}

.tankopedia_filter .item i.level {
  margin-left: 7px;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  vertical-align: 0
}

.tankopedia_filter .item i.icon-status {
  margin-left: 10px;
  color: #fecb00
}

.tankopedia_filter .item i.show {
  display: inline-block;
  vertical-align: middle;
}

.tankopedia_filter_hover {
	height: 165px;
	display: block;
	position: relative;
	background: #4d5a6d;
	transform: scaleY(0);
	transform-origin: left top 0;
	transition: transform 0.26s ease-out;
	will-change: transform;
	clear: both;
	z-index: 2;
	}

.tankopedia_starterblock {
    margin-top: 12px;
}  

.tankopedia_filter:hover .tankopedia_filter_hover {
	transform: scaleY(1);
	}

.tankopedia_filter_hover .list {
  display: block;
  background: #62738b;
  height: 290px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: 1px solid #fff
}

.tankopedia_filter_hover .list.type02 {
  left: 175px
}

.tankopedia_filter_hover .list.type03 {
  left: 671px
}

.tankopedia_filter_hover .list.type04 {
  left: 971px
}

.tankopedia_filter_hover .list.type05 {
  left: 1121px
}

.tankopedia_filter_hover .list span {
  display: block;
  font: normal 14px/33px Arial, Helvetica, sans-serif;
  color: #fff;
  height: 32px;
  padding-left: 15px;
	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.tankopedia_filter_hover .list span:hover {
  background: #7e93b1;
  cursor: pointer
}

.tankopedia_filter_hover .list span.active {
  background: #feca00;
  color: #000
}

.tankopedia_filter_hover .list .right,
.tankopedia_filter_hover .list .left {
  width: 50%;
  float: left
}

.tankopedia_filter_hover .list .mid {
  width: 24%;
  float: left
}
.tankopedia_filter_hover .list .mid:first-child {
  width: 27%;
}

.tankopedia_filter_hover:last-child {
  border-right: 0
}

.tankopedia_block_tank {
  width: 621px;
  float: left;
  margin-right: 9px;
  margin:0 9px 25px 0;
  cursor: pointer;
}

.tankopedia_block_tank.last {
  margin-right: 0
}

.tankopedia_block_tank img {
  float: left
}

.tankopedia_block_tank h5 {
  height: 61px;
  background: #141f23;
  font: normal 15px/61px Squares3, Arial, Helvetica, sans-serif;
  color: #fff;
  float: left;
  width: 100%;
  cursor: pointer;
}

.tankopedia_block_tank h5 i {
  height: 61px;
  display: block;
  float: left;
  font-size: 38px;
  padding: 7px 10px 0 10px;
  background-color: #6f8097;
  margin-right: 20px
}

.itemlist {
	display: flex;
	position: relative;
	justify-content: space-between;
	}
	
	.itemlist .item {
		height: inherit;
		display: flex;
		position: relative;
		flex-direction: column;
		justify-content: flex-end;
		background: #4f5c71;
		overflow: hidden;
		cursor: pointer;
		}
		
		.itemlist .item > img {
			display: flex;
			justify-content: center;
			align-items: center;
			color: #6f8097;
			font-size: 14px;
			}
		.itemlist .item:hover > img {
			filter: brightness(115%);
			}
		.itemlist .item > div {
			height: 42px;
      line-height: 45px !important;
			display: block;
      width: 100%;
			position: relative;
			padding-left: 42px;
			color: #fff;
			font: 13.5px/51px Squares3, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			background: #23262d;
      text-align: center;
			}

      .itemlist .item > div.fransin {
        line-height: 17px !important;
        padding-top: 5px;
      }
			
			.itemlist .item > div i {
				width: 42px;
				height: inherit;
				display: flex;
				position: absolute;
				align-items: center;
				left: 0px;
				top: 0px;
				font-size: 38px;
				text-align: center;
				background-color: #748096;
				}
			.itemlist .item > div i::before {
				width: 100%;
				}
		
		.itemlist .item > .popup {
			width: 100%;
			display: block;
			position: absolute;
			box-sizing: border-box;
			left: 0px;
			bottom: 51px;
			padding: 8px 12px 10px;
			color: #fff;
			line-height: 18px;
			overflow: hidden;
			background: rgba(35,38,45,0.7);
			transition: transform 0.2s ease-in-out 0s;
			transform: scaleY(0);
			transform-origin: center bottom;
			}
		.itemlist .item:hover > .popup {
			transition-delay: 2s;
			transform: scaleY(1);
			}

  .itemlist.dealers .item [class^="font-"]::before {
      font-size: 22px !important;
  }      

	.itemlist.dealers .item > img {
		width: 200px;
		height: 216px;
		}
		
	.itemlist.vehicles .item > img {
		width: 620px;
		height: 220px;
		}
	
	.itemlist.classes .item > img {
		width: 241px;
		height: 133px;
		}
	.itemlist.classes .item > div i {
		font-size: 28px;
		}
	
.countries {
	overflow: hidden;
	}
	
	.countries img {
		float: left;
		margin: 0px 12px 12px 0px;
		cursor: pointer;
		}
	.countries img:nth-child(10n) {
		margin-right: 0px;
		}	
	.countries img:hover {
		outline: 1px solid rgba(255,255,255,0.5);
		outline-offset: -1px;
		}

.tankopedia_listblock {
  display: none
}

.tankopedia_filter_cancel {
  width: 500px;
  margin: 0 auto;
  font: bold 18px/33px Squares3, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #141f23;
  padding: 25px 0 30px 0;
  text-align: center
}

.tankopedia_filter_cancel div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 40px
}

.tankopedia_filter_cancel div:last-child {
  margin-right: 0px;
  cursor: pointer;
}

#reset_filter:hover span {text-decoration: underline;cursor: pointer;}

.tankopedia_filter_cancel i.icon-cancel {
  font-size: 13px;
  margin-right: 5px
}

.tankopedia_filter_cancel i.icon-refresh {
  font-size: 17px;
  margin-right: 5px;
  vertical-align: -2px
}

.tankopedia_table_list {
  margin-bottom: 50px
}

.tankopedia_table_list .ico-sort {
  display: inline-block;
  margin-left: 5px
}
.tankopedia_table_list .th {
  font-weight: normal;
}
.tankopedia_table_list .th.desc,
.tankopedia_table_list .th.asc {
  font-weight: bold;
}
.tankopedia_table_list .th.asc .ico-sort {
  background-position: -931px -472px;
}
.tankopedia_table_list .th.desc .ico-sort {
  background-position: -931px -457px;
}

.tankopedia_table_list .tr.premium .td {
  color: #fedd00;
}
.tankopedia_table_list .tr.premium .td.col01,
.tankopedia_table_list .tr.premium .td.col02 {
  color: #fff;
}
.tankopedia_table_list .tr {
  clear: both;
  font: normal 15px/61px Arial, Helvetica, sans-serif;
  height: 40px;
  background-color: #6f8097
}

.tankopedia_table_list .tr.color {
  background-color: #4f5c71
}

.tankopedia_table_list .tr:nth-child(even) .td {
	background-color: #4f5c71
	}

.tankopedia_table_list .tr:hover .td {
  background-color: #2a374d;
  cursor: pointer;
  /*color: #fecb00*/
}

.tankopedia_table_list .th,
.tankopedia_table_list .td {
  height: 40px;
  line-height: 40px;
  float: left;
  color: #fff;
  padding: 0;
  padding-left: 5px
}
.tankopedia_table_list .td {
  overflow: hidden;
}
.tankopedia_table_list .th {
  color: #141f23;
  cursor: pointer
}

.tankopedia_table_list .th *:hover {
  color: #000
}

.tankopedia_table_list .th span.strong {
  font-weight: bold;
}

.tankopedia_table_list .spr {
  display: inline-block;
  margin-top: 8px
}

.tankopedia_table_list .col01 {
  width: 50px
}

.tankopedia_table_list .col02 {
  width: 55px
}

.tankopedia_table_list .col03 {
  width: 110px
}

.tankopedia_table_list .col04 {
  width: 285px
}

.tankopedia_table_list .col05 {
  width: 125px
}

.tankopedia_table_list .col06 {
  width: 90px
}

.tankopedia_table_list .col07 {
  width: 135px
}

.tankopedia_table_list .col08 {
  width: 140px
}

.tankopedia_table_list .col09 {
  width: 170px
}

.tankopedia_table_list .col10 {
  width: 91px
}

.tankopedia_table_list .col01 i {
  font-size: 24px;
  margin-left: 6px;
  vertical-align: -6px
}

.tankopedia_table_list .td.col02 {
  padding-left: 17px
}

.tankopedia_table_list .td.col02 i.icon-type {
  font-size: 25px;
  vertical-align: -8px;
}

.tankopedia_table_list .td.col03 {
  padding-left: 14px
}

.tankopedia_table_list .th.col04 {
  padding-left: 55px
}

.tankopedia_table_list .td.col05 {
  padding-left: 30px
}

.tankopedia_table_list .td.col06 {
  padding-left: 15px
}

.tankopedia_table_list .td.col07 {
  padding-left: 30px
}

.tankopedia_table_list .td.col08 {
  padding-left: 40px
}

.tankopedia_table_list .td.col09 {
  padding-left: 50px
}

.tankopedia_table_list .td.col10 {
  padding-left: 40px
}

.tankopedia_table_list .tanksm {
  margin: 0px 15px 0 0;
  width: 32px;
	vertical-align: middle;
}

.tankopedia_tank {
  position: relative;
  padding: 0 0 20px;
}

.tankopedia_tank h4 {
  padding-bottom: 20px
}
.tankopedia_tank h4 .icon {
  margin-right: 10px;
  vertical-align: -2px;
}
.tankpedia_tank_mainimg {
  width: 624px;
  height: 353px;
  float: right;
  margin-top: 45px;
  text-align: center;
}
.tankpedia_tank_mainimg img {
  width: auto;
  max-height: 353px;
}

.tankopedia_tank_toplink a {
  margin-right: 20px
}
.tankopedia_tank_toplink a:hover span {
  text-decoration: underline;
}

.tankopedia_tank_toplink a i {
  font-size: 16px;
  margin-right: 10px;

  vertical-align: -1px
}

.tankopedia_tank_header {
  float: left;
  clear: left;
  width: 610px;
}

.tankopedia_tank_header h2 {
  font: bold 24px/26px Arial, Helvetica, sans-serif;
  color: #141f23;
  padding-bottom: 7px;
  border-bottom: 1px solid #9c9c9c;
  width: 610px;
  margin-bottom: 10px
}

.tankopedia_tank_header .tank_price {
  float: left;
  font: normal 16px/33px Arial, Helvetica, sans-serif
}

.tankopedia_tank_header .tank_price div {
  float: left;
  margin: 3px 15px 0 0
}

.tankopedia_tank_header .tank_price span {
  font-weight: bold
}
.tankopedia_tank_header .tank_price i {
  font-size: 21px;
  margin-left: 2px;
}
.tankopedia_tank_header .tank_price i:before {
  vertical-align: middle;
}
.tankopedia_tank_header .tank_info {
  float: right;
  color: #1f2630;
  font: bold 24px/33px Squares3, Arial, Helvetica, sans-serif
}

.tankopedia_tank_header .tank_info i {
  font-size: 24px;
  margin-left: 10px
}

.tankopedia_tank_header .tank_info span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 10px
}

.tankopedia_tank_header .tank_info span.level {
  vertical-align: 4px
}

.tankopedia_tank_text {
  border-top: 1px solid #9c9c9c;
  margin-top: 10px;
  padding-top: 30px;
  float: left;
  clear: left;
  width: 610px
}

.tankopedia_tank_text p {
  font: normal 16px/28px Arial, Helvetica, sans-serif
}

.tankopedia_tank_options .table {
  width: 605px;
  float: left;
  margin: 0 40px 30px 0
}

.tankopedia_tank_options .table .th {
  font: bold 13px/30px Arial, Helvetica, sans-serif;
  padding: 0px 10px;
  float: left
}

.tankopedia_tank_options .table .td {
  float: left;
  padding: 0px 10px;
  width: 50%;
  font: normal 12px/30px Arial, Helvetica, sans-serif
}

.tankopedia_tank_options .table .td span {
  color: #7fa3b3
}

.tankopedia_tank_options .table .tr {
  clear: left;
  min-height: 30px;
  border-bottom: 1px solid #dbdee2
}
.tankopedia_tank_options .table .tr:hover {
	background-color: #fafafa;
}

.tankopedia_tank_options .table.mrgr0 {
  margin-right: 0
}

.tankopedia_tank_options .table .show {
  display: block;
  float: right;
  width: 25px;
  height: 25px;
  margin-top: 2px;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: -844px -459px;
  cursor: pointer
}

.tankopedia_tank_options .table .show:hover {
  opacity: 1
}

.tankopedia_tank_options .table .show.active {
  background-position: -813px -459px;
}

.tankopedia_tank_options .table .table {
  clear: left;
  display: none
}

.tankopedia_tank_options .table.table_t01 {
  width: 605px
}

.tankopedia_tank_options .table.table_t02 {
  width: 100%
}

.tankopedia_tank_options .table.table_t02 .t01 {
  width: 500px
}

.tankopedia_tank_options .table.table_t02 .t02 {
  width: 170px
}

.tankopedia_tank_options .table.table_t02 .t03 {

  width: 170px
}

.tankopedia_tank_options .table.table_t02 .t04 {
  width: 170px
}

.tankopedia_tank_options .table.table_t02 .t05 {
  width: 170px
}

.tankopedia_tank_options .table.table_t02 .t06 {
  width: 70px
}

.tankopedia_tank_options .table.table_t03 {
  width: 100%;
  margin: 0
}

.tankopedia_tank_options .table.table_t03 .th {
  background: #a1a5a7
}

.tankopedia_tank_options .table.table_t03 .tr {
  background: #eaecf0
}

.tankopedia_tank_options .table.table_t03 .tr:nth-child(2n) {
  background: #dbdee2
}

.tankopedia_tank_options .table.table_t03 .t01 {
  width: 455px
}

.tankopedia_tank_options .table.table_t03 .t02 {
  width: 170px
}

.tankopedia_tank_options .table.table_t03 .t03 {
  width: 170px
}

.tankopedia_tank_options .table.table_t03 .t04 {
  width: 170px
}

.tankopedia_tank_options .table.table_t03 .t05 {
  width: 170px
}

.tankopedia_tank_options .table.table_t03 .t06 {
  width: 115px
}

.tankopedia_tank_options .table.table_t04 {
  width: 100%
}

.tankopedia_tank_options .table.table_t04 .t01 {
  width: 500px
}

.tankopedia_tank_options .table.table_t04 .t02 {
  width: 170px
}

.tankopedia_tank_options .table.table_t04 .t03 {
  width: 170px
}

.tankopedia_tank_options .table.table_t04 .t04 {
  width: 170px
}

.tankopedia_tank_options .table.table_t04 .t05 {
  width: 170px
}
.tankopedia_tank_options .table.table_t04 .t06 {
    width: 150px
}

.tankopedia_tank_options .table.table_t05 {
  width: 100%
}

.tankopedia_tank_options .table.table_t05 .tr:first-child {
  height: 60px
}

.tankopedia_tank_options .table.table_t05 .tr:first-child span {
  color: #7fa3b3
}

.tankopedia_tank_options .table.table_t05 .t01 {
  width: 330px
}

.tankopedia_tank_options .table.table_t05 .t02 {
  width: 100px
}

.tankopedia_tank_options .table.table_t05 .t03 {
  width: 150px
}

.tankopedia_tank_options .table.table_t05 .t04 {
  width: 165px;
  text-align: left
}

.tankopedia_tank_options .table.table_t05 .t05 {
  width: 165px;
  text-align: left
}

.tankopedia_tank_options .table.table_t05 .t06 {
  width: 165px;
  text-align: left
}
.tankopedia_tank_options .table.table_t05 .t07 {
  width: auto;
}

.tankopedia_tank_options .table.table_t05 span {
  display: block;
  float: left;
  width: 40px;
  color: #000;
  text-align: left;
}

.tankopedia_tank_options .table.table_t06 {
  width: 900px
}

.tankopedia_tank_options .table.table_t06 .t01 {
  width: 500px
}

.tankopedia_tank_options .table.table_t06 .t02 {
  width: 150px
}

.tankopedia_tank_options .table.table_t06 .t03 {
  width: 180px
}

.tankopedia_tank_article {
  margin-bottom: 20px
}

.tankopedia_tank_article p {
  font: normal 16px/26px Arial, Helvetica, sans-serif;
  margin-bottom: 10px
}

.tankopedia_tank_article h5 {
  font: bold 16px/33px Squares3, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px
}

.tankopedia_tank_article a {
  color: #6f8097
}

.tankopedia_tank_article a:hover {
  color: #141f23
}

.tankopedia_tank_article ul {
  margin: 0;
  padding-left: 20px
}

.tankopedia_tank_article li {
  font: normal 16px/26px Arial, Helvetica, sans-serif
}

.tankopedia_not_found {
  padding: 20px;
  border: 1px solid #7c8ca2;
  text-align: center;
  font: bold 18px/24px Squares3, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 40px;
  display: none;
}
.tankopedia_tank_notfound {
  width: 625px;
  margin: 0 auto;
}
.tankopedia_tank_notfound .img {
  width: 624px;
  height: 353px;
  background: url(/static/awru.my.games/img/main/content/tankopedia/tank/dummy.jpg) no-repeat 0 0;
  margin-bottom: 20px;
}
.tankopedia_tank_notfound .text {
  padding: 20px;
  border: 1px solid #7c8ca2;
  text-align: center;
  font: bold 18px/24px Squares3, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.tankopedia_mainpage .mainheader {
  font: 32px/46px Squares2, Tahoma, Geneva, sans-serif;
  text-align: left;
  width: 100%;
  min-width: 610px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.tankopedia_breadcrumbs {
	height: 28px;
	margin-bottom: 9px;
	padding-bottom: 0px;
	line-height: 26px;
	cursor: default;
}
.tankopedia_breadcrumbs > * {
  display: inline-block;
  vertical-align: middle;
}
.tankopedia_breadcrumbs_back {
  float: right;
}
.tankopedia_breadcrumbs a {
  text-decoration: underline;
}
.tankopedia_breadcrumbs a:hover {
  text-decoration: none;
}
.tankopedia_breadcrumbs_devider {
  margin: 0 12px;
}

/* --- Flags --- */

[class*="flag_"],
[class*="icon-smflag"],
[class*="icon-midflag"],
[class*="icon-bigflag"] {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: contain;
	}

.size_sml[class*="flag_"],
[class*="icon-smflag"] {
	width: 22px;
	height: 13px;
	}

.size_med[class*="flag_"],
[class*="icon-midflag"] {
	width: 41px;
	height: 24px;
	}

.size_big[class*="flag_"],
[class*="icon-bigflag"] {
	width: 114px;
	height: 66px;
	}