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

* {
  font-family: source sans pro, sans-serif
}

body {
  background-color: #252525;
  color: #fff;
  padding-top: 60px;
  -webkit-font-smoothing: antialiased
}

.container-fluid {
  max-width: 1170px
}

#mainHeader {
  background: #000;
  border-width: 0;
  min-height: 60px
}

#mainHeader .navbar-header {
  margin-left: 0
}

#mainHeader .navbar-header .navbar-brand {
  background-image: url(img/new-logo.svg);
  background-repeat: no-repeat;
  background-position: center right;
  float: left;
  display: block;
  width: 153px;
  height: 28px;
  font-size: 30px;
  color: transparent;
  text-shadow: none;
  padding: 0;
  margin: 16px 0 0;
  position: relative
}

#mainHeader .navbar-header .navbar-brand:hover {
  color: transparent;
  text-shadow: none
}

#mainHeader .navbar-header .navbar-brand .logo-icon {
  background: #19b5a5;
  display: inline-block;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

#mainHeader .navbar-header .navbar-brand .logo-icon .logo-arrows {
  background: url(img/logo-arrows.png) no-repeat center;
  background: url(img/logo-arrows.svg) no-repeat center;
  background-size: 28px;
  display: inline-block;
  width: 28px;
  height: 28px
}

#mainHeader .navbar-header .navbar-brand .dot {
  background: #19b5a5;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  position: absolute;
  top: 18px;
  right: 18px
}

#mainHeader .nav {
  margin-left: 10px;
}

#mainHeader .nav>li {
  border-right:1px solid #191919;
  position:relative;
  text-align:center;
 }
 #mainHeader .nav>li:hover>a {
  background:#19b5a5;
  color:#fff
 }
 #mainHeader .nav>li:first-of-type {
  border-left:1px solid #191919
 }
 #mainHeader .nav>li>a {
  border-radius:0;
  color:rgba(255,255,255,.75);
  margin:0;
  padding:20px 15px;
  text-shadow:none;
  -webkit-transition:.3s ease-out;
  -moz-transition:.3s ease-out;
  -ms-transition:.3s ease-out;
  transition:.3s ease-out
 }
 #mainHeader .nav>li>a:hover {
  background:#19b5a5
 }
 #mainHeader .nav>li.active>a {
  border-bottom:4px solid #19b5a5;
  padding:20px 15px 16px;
  color:#fff
 }
 #mainHeader .nav>li.active>a:hover {
  color:#fff;
  background-color:#404040;
  border-bottom-color:#19b5a5
 }

 #mainHeader .navbar-header .navbar-toggle {
  border-color:#404040;
  margin:15px 12px 15px 6px;
  padding:7px 8px
 }
 #mainHeader .navbar-header .navbar-toggle .icon-bar {
  background-color:#fff
 }

a {
  color: #19b5a5;
  text-decoration: none
}

a:hover {
  color: #19b5a5;
  text-decoration: underline
}

a.important-link {
  color: #fff;
  border-bottom: 2px solid #666;
  text-decoration: none
}

.alert {
  background: 0 0;
  color: #f5d313;
  text-shadow: none;
  border: 2px solid #f5d313
}

.alert h4 {
  margin-bottom: 12px
}

.alert-info {
  border-color: #5dade2;
  color: #5dade2
}

.alert-success {
  border-color: #58d68d;
  color: #58d68d
}

.alert-error {
  border-color: #ec7063;
  color: #ec7063
}

.alert-outline {
  border-color: #404040;
  color: rgba(255, 255, 255, .85)
}

.alert-outline h4 {
  color: #fff
}

.well {
  background: #252525;
  border: 1px solid #252525
}

hr {
  border-top: 0;
  margin: 18px 0;
  border-bottom: 1px solid #404040
}

hr.small-hr {
  margin: 6px 0 8px
}

hr.lighter-hr {
  border-bottom: 1px solid #666
}

.tooltip-inner {
  white-space: normal
}

.tooltip-time {
  display: inline-block
}

.bordered-row-wrap {
  border: 1px solid #404040;
  padding: 0 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-bottom: 44px;
}

.bordered-row-wrap:before,
.bordered-row-wrap:after {
  display: table;
  content: "";
  line-height: 0
}

.bordered-row-wrap:after {
  clear: both
}

.box .bordered-row-wrap {
  border-color: #666
}

.stats-row [class*=col] {
  padding: 12px 0;
  text-align: center
}

.stats-row [class*=col] p {
  line-height: 1;
  margin: 0
}

.stats-row [class*=col] p.big-number {
  font-size: 32px
}

.stats-row [class*=col] p.subtitle {
  font-size: 11px;
  text-transform: uppercase
}

.compact-row {
  border-bottom: 1px solid #404040
}

.compact-row:last-child {
  border-bottom: 0
}

.compact-row [class*=col] {
  border-left: 1px solid #404040;
  border-right: 1px solid #404040;
  margin-left: -1px
}

.compact-row [class*=col]:first-child {
  border-left: 0;
  margin-left: 0
}

.compact-row [class*=col]:last-child {
  border-right: 0
}

.page-header {
  padding-bottom: 12px;
  margin: 0 0 24px;
  border-bottom: 1px solid #404040
}

.page-header h1,
.page-header h2,
.page-header h3 {
  line-height: 1;
  display: inline-block
}

h1,
h2,
h3 {
  margin: 12px 0
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: rgba(255, 255, 255, .47)
}

.muted,
.help-block,
.help-inline {
  color: rgba(255, 255, 255, .47)
}

li [class^=icon-],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center
}

.center {
  text-align: center
}

.lead {
  font-size: 18px;
  margin-bottom: 18px;
  text-align: justify
}

.box {
  background: #404040;
  padding: 12px;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.box .alert-outline {
  border-color: #666
}

.box .btn-outline {
  border-color: #666
}

.box hr {
  border-bottom: 1px solid #666;
  margin: 12px 0
}

.box .page-header {
  border-bottom: 1px solid #666
}

.box .rating-label {
  background: #252525
}

.box .well-outline {
  border-color: #666
}

.box .compact-row {
  border-color: #666
}

.box .compact-row [class*=col] {
  border-color: #666
}

.box .panel-default {
  border-color: #666
}

.box .panel-default>.panel-heading,
.box .panel-default>.panel-footer {
  border-color: #666
}

.box .panel-outline {
  border-color: #666
}

.box .panel-outline>.panel-heading,
.box .panel-outline>.panel-footer {
  border-color: #666
}

.box .panel-outline>.panel-heading .btn-outline,
.box .panel-outline>.panel-footer .btn-outline {
  border-color: #666
}

.box-outline {
  background: 0 0;
  border: 1px solid #404040;
  padding: 11px
}

.box-outline .btn-outline {
  border-color: #404040 !important
}

.box-outline .compact-row {
  border-color: #404040
}

.box-outline .compact-row [class*=col] {
  border-color: #404040
}

.box-outline .solid-header {
  background: #404040;
  border: 0;
  margin: -11px -11px 12px;
  padding: 11px 11px 12px
}

.modal .alert-outline {
  border-color: #666
}

.modal .well-outline {
  border-color: #666
}

.well-outline {
  background: 0 0;
  border: 1px solid #404040;
  padding: 12px;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.well-outline h1,
.well-outline h2,
.well-outline h3,
.well-outline h4,
.well-outline h5,
.well-outline h6 {
  margin: 0 0 12px
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, .5)
}

.modal-content {
  background-color: #404040;
  border: 1px solid #404040
}

.modal-content .modal-header {
  border-bottom: 1px solid #666
}

.modal-content .modal-header .close {
  background: #252525;
  color: #fff;
  font-size: 16px;
  padding: 4px 8px;
  opacity: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.modal-content .modal-footer {
  border-top: 1px solid #666
}

.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
  border-top: 1px solid #404040;
  padding: 12px
}

.box .table thead>tr>th,
.box .table tbody>tr>th,
.box .table tfoot>tr>th,
.box .table thead>tr>td,
.box .table tbody>tr>td,
.box .table tfoot>tr>td,
.box .table-bordered>thead>tr>th,
.box .table-bordered>tbody>tr>th,
.box .table-bordered>tfoot>tr>th,
.box .table-bordered>thead>tr>td,
.box .table-bordered>tbody>tr>td,
.box .table-bordered>tfoot>tr>td,
.modal .table thead>tr>th,
.modal .table tbody>tr>th,
.modal .table tfoot>tr>th,
.modal .table thead>tr>td,
.modal .table tbody>tr>td,
.modal .table tfoot>tr>td,
.modal .table-bordered>thead>tr>th,
.modal .table-bordered>tbody>tr>th,
.modal .table-bordered>tfoot>tr>th,
.modal .table-bordered>thead>tr>td,
.modal .table-bordered>tbody>tr>td,
.modal .table-bordered>tfoot>tr>td {
  border-color: #666
}

.table-bordered {
  border: 1px solid #404040;
  border-left: 0
}

.box .table-bordered,
.modal .table-bordered {
  border: 1px solid #666;
  border-left: 0
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #666
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background: #252525
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background: #252525
}

.table th,
.table td {
  border-top: 1px solid #666
}

.progress-striped .progress-bar {
  background-color: #19b5a5
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #666
}

.btn {
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  transition: all .1s
}

.btn:active {
  box-shadow: none
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid rgba(0, 0, 0, .15);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.btn-link {
  color: #fff
}

.btn-link:hover {
  color: #fff
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #19b5a5
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #252525
}

.btn-group.open .btn-normal.dropdown-toggle {
  background-color: #404040
}

.btn-normal {
  background: #404040;
  color: #fff !important;
  text-shadow: none;
  -webkit-font-smoothing: antialiased
}

.btn-normal:hover,
.btn-normal:active {
  background: #5a5a5a
}

.btn-outline {
  background: 0 0;
  border: 1px solid #404040;
  color: #fff
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus {
  border-color: #999;
  color: #fff
}

.comment .btn-outline,
.post .btn-outline,
.modal .btn-outline {
  border-color: #666 !important
}

.rating-label {
  background: rgba(64, 64, 64, .65);
  display: inline-block;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.rating-label [class^=icon-],
.rating-label .btn [class*=" icon-"] {
  line-height: .9em
}

.btn-info {
  background: #3498db;
  color: #fff;
  text-shadow: none;
  -webkit-font-smoothing: antialiased
}

.btn-info:hover {
  background: #52a7e0
}

.btn-info:active {
  background: #2386c8
}

.btn-info[disabled] {
  background: #3498db
}

.btn-primary {
  background: #19b5a5;
  border-color: #19b5a5;
  color: #fff;
  text-shadow: none;
  -webkit-font-smoothing: antialiased
}

.btn-primary:hover {
  background: #1dd4c2;
  border-color: #1dd4c2
}

.btn-primary:active,
.btn-primary:focus {
  background: #159688;
  border-color: #159688
}

.btn-primary[disabled] {
  background: #19b5a5;
  border-color: #19b5a5
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #404040
}

.btn-xmas {
  background: #238d28;
  border-color: #1d7821 #1d7821 #1d7821;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .26);
  -webkit-font-smoothing: antialiased
}

.btn-xmas:hover {
  background: #2aaa30
}

.btn-xmas:active,
.btn-xmas:focus {
  background: #1c7020
}

.btn-inverse {
  background: #252525;
  color: #fff !important;
  text-shadow: none;
  -webkit-font-smoothing: antialiased
}

.btn-inverse:hover {
  background: #373737
}

.btn-inverse:active,
.btn-inverse:focus {
  background: #131313
}

.btn-success {
  background: #2ecc71;
  color: #fff
}

.btn-success:hover {
  background: #48d684
}

.btn-success:active,
.btn-success:focus {
  background: #27af61
}

.btn-danger {
  background: #e74c3c;
  color: #fff
}

.btn-danger:hover {
  background: #eb695c
}

.btn-danger:active,
.btn-danger:focus {
  background: #e32f1c
}

.btn-warning {
  background: #f59b13;
  color: #fff
}

.btn-warning:hover {
  background: #f6aa35
}

.btn-warning:active,
.btn-warning:focus {
  background: #db8709
}

.btn-bronze {
  background-color: #965c34;
  color: #fff
}

.label,
.badge {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #404040
}

.label-inverse {
  background-color: #252525
}

.label-important,
.badge-important {
  background-color: #ff4040
}

.label-success,
.badge-success {
  background-color: #19b5a5
}

.label-success[href],
.badge-success[href] {
  background-color: #19b5a5
}

legend {
  color: #fff;
  border-bottom: 1px solid #666
}

textarea,
select,
input[type=text],
.form-control {
  background: #404040;
  color: rgba(255, 255, 255, .47);
  border: 1px solid #666
}

.dropdown-menu {
  background-color: #404040;
  border: 1px solid rgba(0, 0, 0, .3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: none
}

.dropdown-menu li>a {
  color: #fff
}

.dropdown-menu li>a:hover {
  background: rgba(255, 255, 255, .05)
}

.dropdown-menu li.dropdown-submenu {
  position: relative
}

.dropdown-menu li.dropdown-submenu:hover>a {
  background: #666
}

.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
  display: block
}

.dropdown-menu li.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: -2px;
  -webkit-border-radius: 0 4px 4px 4px;
  -moz-border-radius: 0 4px 4px 4px;
  border-radius: 0 4px 4px 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, .3)
}

.btn-primary a,
.btn-primary a:hover,
.btn-warning a,
.btn-warning a:hover,
.btn-danger a,
.btn-danger:hover a,
.btn-success a,
.btn-success a:hover,
.btn-info a,
.btn-info a:hover,
.btn-inverse a,
.btn-inverse a:hover {
  color: #fff;
  text-decoration: none
}

.large {
  padding: 15px !important
}

span.rank {
  font-weight: 700
}

.subhead {
  padding-bottom: 0;
  margin-bottom: 12px
}

.btn-toolbar>.btn {
  margin-left: 5px
}

.btn-toolbar>.btn:first-child {
  margin-left: 0
}

.filter-wrap {
  border-bottom: 1px solid #404040;
  margin-bottom: 24px;
  padding-bottom: 6px
}

.nav-tabs {
  border-bottom: 1px solid #404040
}

.nav-tabs>li>a {
  border: 0;
  color: rgba(255, 255, 255, .85);
  padding: 11px 16px
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
  background: 0 0;
  color: #fff
}

.nav-tabs>li.active>a {
  background-color: #404040;
  border: 0;
  border-bottom: 2px solid #19b5a5;
  color: #fff;
  padding-bottom: 9px
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background-color: #404040;
  border: 0;
  border-bottom: 2px solid #19b5a5;
  color: #fff
}

.nav-tabs>li.active>a>.badge {
  background-color: #252525
}

.nav-tabs .open>a,
.nav-tabs .open>a:hover,
.nav-tabs .open>a:focus {
  background-color: #404040;
  border-color: #404040
}

.nav-tabs.nav-justified>li>a {
  border-color: #404040
}

.nav-tabs.nav-justified>li.active>a {
  border-color: #19b5a5;
  padding-bottom: 10px
}

.nav-tabs.nav-stacked>.active>a {
  color: #fff;
  background-color: #19b5a5;
  border: 1px solid #19b5a5 !important;
  z-index: 2
}

.nav-tabs.nav-stacked>.active>a:hover {
  color: #fff;
  background-color: #19b5a5;
  border: 1px solid #19b5a5 !important
}

.box .nav-tabs {
  border-bottom-color: #666
}

.box .nav-tabs>li>a {
  border: 1px solid transparent
}

.box .nav-tabs>li>a:hover,
.box .nav-tabs>li>a:focus {
  border: 1px solid #666;
  border-bottom: 0
}

.box .nav-tabs>li.active>a {
  background-color: #666;
  border: 1px solid #666;
  border-bottom: 2px solid #19b5a5
}

.box .nav-tabs>li.active>a:hover,
.box .nav-tabs>li.active>a:focus {
  background-color: #666;
  border: 1px solid #666;
  border-bottom: 2px solid #19b5a5
}

.box .nav-tabs .open>a,
.box .nav-tabs .open>a:hover,
.box .nav-tabs .open>a:focus {
  background-color: #666;
  border-color: #666
}

.thumbnail {
  background: 0 0;
  border: 1px solid #404040;
  padding: 0
}

.thumbnail .caption {
  color: #fff;
  border-top: 1px solid #404040
}

.thumbnail h3 {
  margin: 0 0 6px
}

.thumbnail>img {
  border-radius: 4px 4px 0 0
}

.thumbnail .locked {
  background: #000;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  padding: 19px 0
}

.box .thumbnail {
  border-color: #666
}

a.thumbnail {
  cursor: pointer;
  text-decoration: none
}

a.thumbnail:hover {
  border-color: #666
}

a.thumbnail:hover .caption {
  border-color: #666
}

.box a.thumbnail {
  border-color: #666
}

.box a.thumbnail:hover {
  border-color: #999
}

.box a.thumbnail:hover .caption {
  border-color: #999
}

.nav .nav-header {
  display: block;
  padding: 4px 15px 11px;
  margin-bottom: 12px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  border-bottom: 1px solid #666;
  text-transform: none
}

#mainFooter {
  background: rgba(37, 37, 37, .9);
  border-top: 2px solid #404040;
  color: #737373;
  padding: 18px 0
}

#mainFooter a {
  color: #fff
}

#mainFooter p {
  margin: 0
}

#mainFooter #bottom-footer a.cc-icons {
  color: #737373;
  margin: 0 3px 0 0;
  text-decoration: none
}

#mainFooter #bottom-footer a.btn-scroll {
  font-size: 14px
}

ul.item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative
}

ul.item-list:before,
ul.item-list:after {
  display: table;
  content: "";
  line-height: 0
}

ul.item-list:after {
  clear: both
}

ul.item-list li.item-loading {
  opacity: .5
}

ul.item-list li.item {
  background: #404040 center no-repeat;
  background-size: 82px;
  border: 3px solid #404040;
  cursor: pointer;
  float: left;
  height: 76px;
  margin: 3px;
  position: relative;
  width: 88px;
  text-align: center;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  transition: all .1s;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.no-ads #backpack ul.item-list li.item {
  width: 108px;
  background-size: 91px;
  height: 78px
}

ul.item-list li.item:hover {
  background-color: #666;
  border-color: #666;
  background-size: 102px
}

ul.item-list li.item ul.visual-icons {
  position: absolute;
  bottom: 0;
  left: 3px;
  padding: 0;
  list-style: none
}

ul.item-list li.item ul.visual-icons li {
  float: left;
  margin-right: 3px
}

ul.item-list li.item ul.visual-icons li.spell {
  color: #38f3ab;
  font-size: 12px;
  position: relative;
  bottom: 2px
}

ul.item-list li.item ul.visual-icons li.sp {
  color: #d06a2e;
  font-size: 11px;
  margin-right: 6px
}

ul.item-list li.item ul.visual-icons li.ks {
  font-size: 13px
}

ul.item-list li.item ul.visual-icons li.festive {
  font-size: 11px
}

ul.item-list li.item .paint {
  position: absolute;
  float: right;
  top: 3px;
  right: 3px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

ul.item-list li.item .secondary-paint {
  width: 6px;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

ul.item-list li.item .item-text {
  background: #000;
  color: #fff;
  padding: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  position: absolute;
  font-size: 10px;
  line-height: 10px;
  -webkit-opacity: .8;
  -moz-opacity: .8;
  opacity: .8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80)
}

ul.item-list li.item .equipped-text {
  bottom: 0;
  right: 0
}

ul.item-list li.item .quality-text,
ul.item-list li.item .item-number {
  top: 0;
  left: 0
}

ul.item-list li.item .rarity-text {
  bottom: 0;
  left: 0
}

ul.item-list li.item .holiday {
  color: #d60808;
  font-size: 12px;
  position: absolute;
  bottom: 3px;
  right: 3px
}

.item-description {
  background: rgba(0, 0, 0, .9);
  line-height: 1;
  text-align: center;
  word-wrap: break-word;
  padding: 10px;
  width: 280px;
  top: 79px;
  left: -109px;
  right: auto;
  z-index: 1030;
  position: absolute;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.item-description h4 {
  margin: 0;
  padding: 0
}

.item-description p {
  margin: 6px 0 0
}

.item-description .craft-author,
.item-description .gift-giver {
  color: #9cf
}

.item-description .not-tradable-craftable {
  color: #ff4040
}

.item-description .estimated-price,
.item-description .price-warning,
.item-description .custom-description {
  color: #999
}

.item-description select,
.item-description input {
  width: 220px !important
}

.item-description-static {
  background: rgba(0, 0, 0, .9);
  line-height: 1;
  text-align: center;
  word-wrap: break-word;
  padding: 10px;
  width: 220px;
  top: 5px;
  left: -109px;
  right: auto;
  z-index: 1030;
  position: absolute;
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.item-description-static h3 {
  margin: 0
}

.item-description-static select,
.item-description-static .row {
  margin-bottom: 12px
}

.item-description-static select:last-child,
.item-description-static .row:last-child {
  margin: 0
}

ul.item-list li.q1-0 {
  background-color: #4c2f1b;
  border-color: #965c34
}

ul.item-list li.q1-0:hover {
  background-color: #965c34;
  border-color: #4c2f1b
}

ul.item-list li.q1-0 h4 {
  color: #965c34
}

ul.item-list li.q2-0 {
  background-color: #4b4d52;
  border-color: #a8abb3
}

ul.item-list li.q2-0:hover {
  background-color: #a8abb3;
  border-color: #4b4d52
}

ul.item-list li.q2-0 h4 {
  color: #a8abb3
}

ul.item-list li.q3-0 {
  background-color: #6a591b;
  border-color: #fdcc14
}

ul.item-list li.q3-0:hover {
  background-color: #fdcc14;
  border-color: #6a591b
}

ul.item-list li.q3-0 h4 {
  color: #fdcc14
}

ul.item-list li.q4-0 {
  background-color: #635f42;
  border-color: #d2ceb1
}

ul.item-list li.q4-0:hover {
  background-color: #d2ceb1;
  border-color: #635f42
}

ul.item-list li.q4-0 h4 {
  color: #d2ceb1
}

ul.item-list li.q0-440 {
  background-color: #3c352f;
  border-color: #b2b2b2
}

ul.item-list li.q0-440:hover {
  background-color: #b2b2b2;
  border-color: #3c352f
}

ul.item-list li.q0-440:hover .ks,
ul.item-list li.q0-440:hover .festive {
  color: #3c352f
}

ul.item-list li.q0-440 h4 {
  color: #b2b2b2
}

ul.item-list li.q0-440 .ks,
ul.item-list li.q0-440 .festive {
  color: #b2b2b2
}

h4.q0-440 {
  color: #b2b2b2
}

ul.item-list li.q1-440 {
  background-color: #272e25;
  border-color: #4d7455
}

ul.item-list li.q1-440:hover {
  background-color: #272e25;
  border-color: #4d7455
}

ul.item-list li.q1-440:hover .ks,
ul.item-list li.q1-440:hover .festive {
  color: #4d7455
}

ul.item-list li.q1-440 h4 {
  color: #4d7455
}

ul.item-list li.q1-440 .ks,
ul.item-list li.q1-440 .festive {
  color: #4d7455
}

h4.q1-440 {
  color: #4d7455
}

ul.item-list li.q2-440 {
  background-color: #363223;
  border-color: #8d834b
}

ul.item-list li.q2-440:hover {
  background-color: #8d834b;
  border-color: #363223
}

ul.item-list li.q2-440:hover .ks,
ul.item-list li.q2-440:hover .festive {
  color: #363223
}

ul.item-list li.q2-440 h4 {
  color: #8d834b
}

ul.item-list li.q2-440 .ks,
ul.item-list li.q2-440 .festive {
  color: #8d834b
}

h4.q2-440 {
  color: #8d834b
}

ul.item-list li.q3-440,
ul.item-list li.q10-440,
ul.item-list li.q12-440 {
  background-color: #252935;
  border-color: #456292
}

ul.item-list li.q3-440:hover,
ul.item-list li.q10-440:hover,
ul.item-list li.q12-440:hover {
  background-color: #456292;
  border-color: #252935
}

ul.item-list li.q3-440:hover .ks,
ul.item-list li.q3-440:hover .festive,
ul.item-list li.q10-440:hover .ks,
ul.item-list li.q10-440:hover .festive,
ul.item-list li.q12-440:hover .ks,
ul.item-list li.q12-440:hover .festive {
  color: #252935
}

ul.item-list li.q3-440 h4,
ul.item-list li.q10-440 h4,
ul.item-list li.q12-440 h4 {
  color: #456292
}

ul.item-list li.q3-440 .ks,
ul.item-list li.q3-440 .festive,
ul.item-list li.q10-440 .ks,
ul.item-list li.q10-440 .festive,
ul.item-list li.q12-440 .ks,
ul.item-list li.q12-440 .festive {
  color: #456292
}

h4.q3-440,
h4.q10-440,
h4.q12-440 {
  color: #456292
}

ul.item-list li.q4-440 {
  background-color: #251c05;
  border-color: #70550f
}

ul.item-list li.q4-440:hover {
  background-color: #70550f;
  border-color: #251c05
}

ul.item-list li.q4-440:hover .ks,
ul.item-list li.q4-440:hover .festive {
  color: #251c05
}

ul.item-list li.q4-440 h4 {
  color: #70550f
}

ul.item-list li.q4-440 .ks,
ul.item-list li.q4-440 .festive {
  color: #70550f
}

h4.q4-440 {
  color: #70550f
}

ul.item-list li.q5-440 {
  background-color: #34253d;
  border-color: #8650ac
}

ul.item-list li.q5-440:hover {
  background-color: #8650ac;
  border-color: #34253d
}

ul.item-list li.q5-440:hover .ks,
ul.item-list li.q5-440:hover .festive {
  color: #34253d
}

ul.item-list li.q5-440 h4 {
  color: #8650ac
}

ul.item-list li.q5-440 .ks,
ul.item-list li.q5-440 .festive {
  color: #8650ac
}

h4.q5-440 {
  color: #8650ac
}

ul.item-list li.q13-440 {
  background-color: #23553c;
  border-color: #35f3ad
}

ul.item-list li.q13-440:hover {
  background-color: #35f3ad;
  border-color: #23553c
}

ul.item-list li.q13-440:hover .ks,
ul.item-list li.q13-440:hover .festive {
  color: #23553c
}

ul.item-list li.q13-440 h4 {
  color: #35f3ad
}

ul.item-list li.q13-440 .ks,
ul.item-list li.q13-440 .festive {
  color: #35f3ad
}

h4.q13-440 {
  color: #35f3ad
}

ul.item-list li.q6-440 {
  background-color: #594c1b;
  border-color: #ffd800
}

ul.item-list li.q6-440:hover {
  background-color: #ffd800;
  border-color: #594c1b
}

ul.item-list li.q6-440:hover .ks,
ul.item-list li.q6-440:hover .festive {
  color: #594c1b
}

ul.item-list li.q6-440 h4 {
  color: #ffd800
}

ul.item-list li.q6-440 .ks,
ul.item-list li.q6-440 .festive {
  color: #ffd800
}

h4.q6-440 {
  color: #ffd800
}

ul.item-list li.q7-440,
ul.item-list li.q9-440 {
  background-color: #2e3f23;
  border-color: #70b04a
}

ul.item-list li.q7-440:hover,
ul.item-list li.q9-440:hover {
  background-color: #70b04a;
  border-color: #2e3f23
}

ul.item-list li.q7-440:hover .ks,
ul.item-list li.q7-440:hover .festive,
ul.item-list li.q9-440:hover .ks,
ul.item-list li.q9-440:hover .festive {
  color: #2e3f23
}

ul.item-list li.q7-440 h4,
ul.item-list li.q9-440 h4 {
  color: #70b04a
}

ul.item-list li.q7-440 .ks,
ul.item-list li.q7-440 .festive,
ul.item-list li.q9-440 .ks,
ul.item-list li.q9-440 .festive {
  color: #70b04a
}

h4.q7-440,
h4.q9-440 {
  color: #70b04a
}

ul.item-list li.q8-440 {
  background-color: #4c0738;
  border-color: #a50f79
}

ul.item-list li.q8-440:hover {
  background-color: #a50f79;
  border-color: #4c0738
}

ul.item-list li.q8-440:hover .ks,
ul.item-list li.q8-440:hover .festive {
  color: #4c0738
}

ul.item-list li.q8-440 h4 {
  color: #a50f79
}

ul.item-list li.q8-440 .ks,
ul.item-list li.q8-440 .festive {
  color: #a50f79
}

h4.q8-440 {
  color: #a50f79
}

ul.item-list li.q11-440 {
  background-color: #4a2b1e;
  border-color: #d06a2e
}

ul.item-list li.q11-440:hover {
  background-color: #d06a2e;
  border-color: #4a2b1e
}

ul.item-list li.q11-440:hover .ks,
ul.item-list li.q11-440:hover .festive,
ul.item-list li.q11-440:hover .sp {
  color: #4a2b1e !important
}

ul.item-list li.q11-440 h4 {
  color: #d06a2e
}

ul.item-list li.q11-440 .ks,
ul.item-list li.q11-440 .festive {
  color: #d06a2e
}

h4.q11-440 {
  color: #d06a2e
}

ul.item-list li.q14-440 {
  background-color: #500000;
  border-color: #830000
}

ul.item-list li.q14-440:hover {
  background-color: #830000;
  border-color: #500000
}

ul.item-list li.q14-440:hover .ks,
ul.item-list li.q14-440:hover .festive {
  color: #500000
}

ul.item-list li.q14-440 h4 {
  color: #830000
}

ul.item-list li.q14-440 .ks,
ul.item-list li.q14-440 .festive {
  color: #830000
}

h4.q14-440 {
  color: #830000
}

ul.item-list li.qs11-440 {
  border-right-color: #d06a2e;
  border-bottom-color: #d06a2e
}

ul.item-list li.qs11-440:hover {
  border-right-color: #4a2b1e;
  border-bottom-color: #4a2b1e
}

ul.item-list li.qs11-440:hover .ks,
ul.item-list li.qs11-440:hover .festive {
  color: #4a2b1e
}

ul.item-list li.qs11-440 h4 {
  color: #4d7455
}

ul.item-list li.qs11-440 .ks,
ul.item-list li.qs11-440 .festive {
  color: #d06a2e
}

ul.item-list li.q666-440 {
  background-color: #000;
  border-color: #0f0f0f
}

ul.item-list li.q666-440:hover {
  background-color: #0f0f0f;
  border-color: #000
}

ul.item-list li.q666-440 h4 {
  color: #0f0f0f
}

h4.q666-440 {
  color: #0f0f0f
}

ul.item-list li.r-common {
  border-color: #b0c3d9
}

ul.item-list li.r-common p.rarity {
  color: #b0c3d9
}

ul.item-list li.r-common h4,
ul.item-list li.r-common .rarity-text {
  color: #b0c3d9
}

p.r-common {
  color: #b0c3d9
}

ul.item-list li.r-uncommon {
  border-color: #5e98d9
}

ul.item-list li.r-uncommon p.rarity {
  color: #5e98d9
}

ul.item-list li.r-uncommon h4,
ul.item-list li.r-uncommon .rarity-text {
  color: #5e98d9
}

p.r-uncommon {
  color: #5e98d9
}

ul.item-list li.r-rare {
  border-color: #4b69ff
}

ul.item-list li.r-rare p.rarity {
  color: #4b69ff
}

ul.item-list li.r-rare h4,
ul.item-list li.r-rare .rarity-text {
  color: #4b69ff
}

p.r-rare {
  color: #4b69ff
}

ul.item-list li.r-mythical {
  border-color: #8847ff
}

ul.item-list li.r-mythical p.rarity {
  color: #8847ff
}

ul.item-list li.r-mythical h4,
ul.item-list li.r-mythical .rarity-text {
  color: #8847ff
}

p.r-mythical {
  color: #8847ff
}

ul.item-list li.r-legendary {
  border-color: #d32ce6
}

ul.item-list li.r-legendary p.rarity {
  color: #d32ce6
}

ul.item-list li.r-legendary h4,
ul.item-list li.r-legendary .rarity-text {
  color: #d32ce6
}

p.r-legendary {
  color: #d32ce6
}

ul.item-list li.r-immortal {
  border-color: #b28a33
}

ul.item-list li.r-immortal p.rarity {
  color: #b28a33
}

ul.item-list li.r-immortal h4,
ul.item-list li.r-immortal .rarity-text {
  color: #b28a33
}

p.r-immortal {
  color: #b28a33
}

ul.item-list li.r-ancient {
  border-color: #eb4b4b
}

ul.item-list li.r-ancient p.rarity {
  color: #eb4b4b
}

ul.item-list li.r-ancient h4,
ul.item-list li.r-ancient .rarity-text {
  color: #eb4b4b
}

p.r-ancient {
  color: #eb4b4b
}

ul.item-list li.q2-570 h4 {
  color: #476291 !important
}

h4.q2-570 {
  color: #476291 !important
}

ul.item-list li.q3-570 h4 {
  color: #8650ac !important
}

ul.item-list li.q3-570 .quality-text {
  color: #8650ac
}

h4.q3-570 {
  color: #8650ac !important
}

ul.item-list li.q4-570 h4 {
  color: #d2d2d2 !important
}

h4.q4-570 {
  color: #d2d2d2 !important
}

ul.item-list li.q9-570 h4 {
  color: #d06a2e
}

ul.item-list li.q9-570 .quality-text {
  color: #cf6a32
}

h4.q9-570 {
  color: #d06a2e
}

ul.item-list li.q7-570 h4 {
  color: #70b04a
}

h4.q7-570 {
  color: #70b04a
}

ul.item-list li.q1-570 h4 {
  color: #4d7455
}

h4.q1-570 {
  color: #4d7455
}

ul.item-list li.qX-730 {
  background-color: #4a2b1e;
  border-color: #d06a2e
}

ul.item-list li.qX-730:hover {
  background-color: #d06a2e;
  border-color: #4a2b1e
}

ul.item-list li.qX-730 h4 {
  color: #d06a2e
}

ul.item-list li.qX-730 {
  border-color: gold
}

ul.item-list li.qX-730 h4 {
  color: gold
}

ul.item-list li.g-r-common {
  border-color: #b0c3d9
}

ul.item-list li.g-r-common p.rarity {
  color: #b0c3d9
}

ul.item-list li.g-r-common h4,
ul.item-list li.g-r-common .rarity-text {
  color: #b0c3d9
}

p.g-r-common {
  color: #b0c3d9
}

ul.item-list li.g-r-uncommon {
  border-color: #5e98d9
}

ul.item-list li.g-r-uncommon p.rarity {
  color: #5e98d9
}

ul.item-list li.g-r-uncommon h4,
ul.item-list li.g-r-uncommon .rarity-text {
  color: #5e98d9
}

p.g-r-uncommon {
  color: #5e98d9
}

ul.item-list li.g-r-rare {
  border-color: #4b69ff
}

ul.item-list li.g-r-rare p.rarity {
  color: #4b69ff
}

ul.item-list li.g-r-rare h4,
ul.item-list li.g-r-rare .rarity-text {
  color: #4b69ff
}

p.g-r-rare {
  color: #4b69ff
}

ul.item-list li.g-r-mythical {
  border-color: #8847ff
}

ul.item-list li.g-r-mythical p.rarity {
  color: #8847ff
}

ul.item-list li.g-r-mythical h4,
ul.item-list li.g-r-mythical .rarity-text {
  color: #8847ff
}

p.g-r-mythical {
  color: #8847ff
}

ul.item-list li.g-r-legendary {
  border-color: #d32ce6
}

ul.item-list li.g-r-legendary p.rarity {
  color: #d32ce6
}

ul.item-list li.g-r-legendary h4,
ul.item-list li.g-r-legendary .rarity-text {
  color: #d32ce6
}

p.g-r-legendary {
  color: #d32ce6
}

ul.item-list li.g-r-ancient {
  border-color: #eb4b4b
}

ul.item-list li.g-r-ancient p.rarity {
  color: #eb4b4b
}

ul.item-list li.g-r-ancient h4,
ul.item-list li.g-r-ancient .rarity-text {
  color: #eb4b4b
}

p.g-r-ancient {
  color: #eb4b4b
}

ul.item-list li.g-r-immortal {
  border-color: #e4ae39
}

ul.item-list li.g-r-immortal p.rarity {
  color: #e4ae39
}

ul.item-list li.g-r-immortal h4,
ul.item-list li.g-r-immortal .rarity-text {
  color: #e4ae39
}

p.g-r-immortal {
  color: #e4ae39
}

ul.item-list li.q0-319024443 {
  background-color: #3c352f;
  border-color: #b2b2b2
}

ul.item-list li.q0-319024443:hover {
  background-color: #b2b2b2;
  border-color: #3c352f
}

ul.item-list li.q0-319024443 h4 {
  color: #b2b2b2
}

h4.q0-319024443 {
  color: #b2b2b2
}

ul.item-list li.q1-319024443 {
  background-color: #272e25;
  border-color: #4d7455
}

ul.item-list li.q1-319024443:hover {
  background-color: #4d7455;
  border-color: #272e25
}

ul.item-list li.q1-319024443 h4 {
  color: #4d7455
}

h4.q1-319024443 {
  color: #4d7455
}

ul.item-list li.q2-319024443 {
  background-color: #363223;
  border-color: #8d834b
}

ul.item-list li.q2-319024443:hover {
  background-color: #8d834b;
  border-color: #363223
}

ul.item-list li.q2-319024443 h4 {
  color: #8d834b
}

h4.q2-319024443 {
  color: #8d834b
}

ul.item-list li.q3-319024443,
ul.item-list li.q10-319024443,
ul.item-list li.q12-319024443 {
  background-color: #252935;
  border-color: #456292
}

ul.item-list li.q3-319024443:hover,
ul.item-list li.q10-319024443:hover,
ul.item-list li.q12-319024443:hover {
  background-color: #456292;
  border-color: #252935
}

ul.item-list li.q3-319024443 h4,
ul.item-list li.q10-319024443 h4,
ul.item-list li.q12-319024443 h4 {
  color: #456292
}

h4.q3-319024443,
h4.q10-319024443,
h4.q12-319024443 {
  color: #456292
}

ul.item-list li.q4-319024443 {
  background-color: #251c05;
  border-color: #70550f
}

ul.item-list li.q4-319024443:hover {
  background-color: #70550f;
  border-color: #251c05
}

ul.item-list li.q4-319024443 h4 {
  color: #70550f
}

h4.q4-319024443 {
  color: #70550f
}

ul.item-list li.q5-319024443 {
  background-color: #34253d;
  border-color: #8650ac
}

ul.item-list li.q5-319024443:hover {
  background-color: #8650ac;
  border-color: #34253d
}

ul.item-list li.q5-319024443 h4 {
  color: #8650ac
}

h4.q5-319024443 {
  color: #8650ac
}

ul.item-list li.q13-319024443 {
  background-color: #23553c;
  border-color: #35f3ad
}

ul.item-list li.q13-319024443:hover {
  background-color: #35f3ad;
  border-color: #23553c
}

ul.item-list li.q13-319024443 h4 {
  color: #35f3ad
}

h4.q13-319024443 {
  color: #35f3ad
}

ul.item-list li.q6-319024443 {
  background-color: #594c1b;
  border-color: #ffd800
}

ul.item-list li.q6-319024443:hover {
  background-color: #ffd800;
  border-color: #594c1b
}

ul.item-list li.q6-319024443 h4 {
  color: #ffd800
}

h4.q6-319024443 {
  color: #ffd800
}

ul.item-list li.q7-319024443,
ul.item-list li.q9-319024443 {
  background-color: #2e3f23;
  border-color: #70b04a
}

ul.item-list li.q7-319024443:hover,
ul.item-list li.q9-319024443:hover {
  background-color: #70b04a;
  border-color: #2e3f23
}

ul.item-list li.q7-319024443 h4,
ul.item-list li.q9-319024443 h4 {
  color: #70b04a
}

h4.q7-319024443,
h4.q9-319024443 {
  color: #70b04a
}

ul.item-list li.q8-319024443 {
  background-color: #4c0738;
  border-color: #a50f79
}

ul.item-list li.q8-319024443:hover {
  background-color: #a50f79;
  border-color: #4c0738
}

ul.item-list li.q8-319024443 h4 {
  color: #a50f79
}

h4.q8-319024443 {
  color: #a50f79
}

ul.item-list li.q11-319024443 {
  background-color: #4a2b1e;
  border-color: #d06a2e
}

ul.item-list li.q11-319024443:hover {
  background-color: #d06a2e;
  border-color: #4a2b1e
}

ul.item-list li.q11-319024443 h4 {
  color: #d06a2e
}

h4.q11-319024443 {
  color: #d06a2e
}

.selected-icon {
  border: 3px solid #fff !important
}

.selected-icon:hover {
  border: 3px solid #777 !important
}

.itemdetails {
  text-align: left
}

.disabled-icon {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-box-shadow: inset 0 0 75px 15px #222;
  box-shadow: inset 0 0 75px 15px #222
}

.untradable {
  border-color: #d60808 !important
}

.uncraftable {
  border-style: dotted !important
}

.gifted-icon {
  position: absolute;
  bottom: 1px;
  left: 13px
}

.custom-name-icon {
  position: absolute;
  bottom: 2px;
  left: 1px
}

.custom-desc-icon {
  position: absolute;
  bottom: -4px;
  left: 0
}

.spacer {
  clear: both;
  margin: 5px auto
}

.icontext {
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle;
  position: relative;
  top: 15px
}

.bigicontext {
  font-size: 40px;
  font-weight: 700
}

#tradetable {
  width: 100%
}

.item-color {
  position: absolute;
  top: -1px;
  left: 68px;
  font-size: 40px
}

.contained-item {
  position: absolute;
  width: 75%;
  bottom: -10px;
  left: -12px
}

.offers {
  background: url(img/offer.png) no-repeat center;
  color: transparent;
  width: 84px;
  height: 65px;
  margin: 0 !important;
  padding: 0 !important
}

.craft-hat {
  background: url(img/craft-hat.png) no-repeat center;
  color: transparent;
  width: 84px;
  height: 65px;
  margin: 0 !important;
  padding: 0 !important
}

.weapon {
  background: url(img/weapon.png) no-repeat center;
  color: transparent;
  width: 84px;
  height: 65px;
  margin: 0 !important;
  padding: 0 !important
}

.craft-number,
.level {
  font: 20px tf2build, Sans-serif !important;
  text-align: center;
  margin: 0 !important;
  padding: 13px 0 0 !important
}

.moolah {
  font: 36px tf2build, Sans-serif !important;
  margin: 0 !important;
  padding: 15px 0 0 !important
}

.more-items {
  font: 36px tf2build, Sans-serif !important;
  margin: 0 !important;
  padding: 15px 0 0 !important
}

.search-template {
  font: 36px tf2build, Sans-serif !important;
  margin: 0 !important;
  padding: 15px 0 0 !important
}

.game-440-effect-1 {
  background-image: url(img/particles/440/1.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-2 {
  background-image: url(img/particles/440/2.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-3 {
  background-image: url(img/particles/440/3.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-4 {
  background-image: url(img/particles/440/4.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-5 {
  background-image: url(img/particles/440/5.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-6 {
  background-image: url(img/particles/440/6.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-7 {
  background-image: url(img/particles/440/7.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-8 {
  background-image: url(img/particles/440/8.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-9 {
  background-image: url(img/particles/440/9.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-10 {
  background-image: url(img/particles/440/10.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-11 {
  background-image: url(img/particles/440/11.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-12 {
  background-image: url(img/particles/440/12.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-13 {
  background-image: url(img/particles/440/13.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-14 {
  background-image: url(img/particles/440/14.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-15 {
  background-image: url(img/particles/440/15.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-16 {
  background-image: url(img/particles/440/16.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-17 {
  background-image: url(img/particles/440/17.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-18 {
  background-image: url(img/particles/440/18.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-19 {
  background-image: url(img/particles/440/19.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-20 {
  background-image: url(img/particles/440/20.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-28 {
  background-image: url(img/particles/440/28.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-29 {
  background-image: url(img/particles/440/29.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-30 {
  background-image: url(img/particles/440/30.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-31 {
  background-image: url(img/particles/440/31.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-32 {
  background-image: url(img/particles/440/32.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-33 {
  background-image: url(img/particles/440/33.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-34 {
  background-image: url(img/particles/440/34.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-35 {
  background-image: url(img/particles/440/35.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-36 {
  background-image: url(img/particles/440/36.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-37 {
  background-image: url(img/particles/440/37.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-38 {
  background-image: url(img/particles/440/38.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-39 {
  background-image: url(img/particles/440/39.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-40 {
  background-image: url(img/particles/440/40.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-41 {
  background-image: url(img/particles/440/41.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-42 {
  background-image: url(img/particles/440/42.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-43 {
  background-image: url(img/particles/440/43.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-44 {
  background-image: url(img/particles/440/44.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-45 {
  background-image: url(img/particles/440/45.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-46 {
  background-image: url(img/particles/440/46.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-440-effect-47 {
  background-image: url(img/particles/440/47.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important
}

.game-620-text-quality-0 {
  color: #b2b2b2
}

.game-620-text-quality-1 {
  color: #4d7455
}

.game-620-text-quality-2 {
  color: #777
}

.game-620-text-quality-3 {
  color: #476291
}

.game-620-text-quality-4 {
  color: #777
}

.game-620-text-quality-5 {
  color: #8650ac
}

.game-620-text-quality-6 {
  color: gold
}

.game-620-text-quality-7 {
  color: #70b04a
}

.game-620-text-quality-8 {
  color: #a50f79
}

.game-620-text-quality-9 {
  color: #70b04a
}

.game-620-text-quality-10 {
  color: #777
}

.game-620-text-quality-11 {
  color: #cf6a32
}

.game-620-text-quality-12 {
  color: #777
}

.game-620-text-quality-13 {
  color: #8650ac
}

.item-753 img.item-img {
  margin-top: 17px;
  width: 100%
}

p.craft {
  color: #9cf
}

.game-753-quality-6,
.game-753-quality-0 {
  background-color: #594c1b !important;
  border: 3px solid #ffd800 !important
}

.game-753-quality-6:hover,
.game-753-quality-0:hover {
  background-color: #ffd800 !important;
  border: 3px solid #594c1b !important
}

.game-753-text-quality-6 {
  color: gold
}

.list-group {
  margin-bottom: 24px
}

.list-group .list-group-item {
  background-color: transparent;
  border: 1px solid #666;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  transition: all .1s
}

.panel-default .list-group .list-group-item {
  color: #19b5a5;
  border-color: #404040
}

.panel-default .list-group .list-group-item:hover {
  background: #2b2b2b
}

.panel {
  background: 0 0;
  box-shadow: none;
  margin-bottom: 24px
}

.panel-heading,
.panel-body,
.panel-footer {
  padding: 11px
}

.panel-heading {
  line-height: 1
}

.panel-heading .btn-toolbar {
  margin: -12px -12px 0 0
}

.panel-heading .btn-toolbar .btn {
  background: 0 0;
  border: 0;
  border-left: 1px solid #252525;
  color: #fff;
  padding: 9px 14px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.panel-heading .btn-toolbar .btn:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.panel-heading .btn-toolbar .btn:hover {
  background: #666
}

.panel-body::-webkit-scrollbar {
  width: .5em
}

.panel-body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .25);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.panel-body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.panel-body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .5)
}

.panel-sm .panel-heading,
.panel-sm .panel-body,
.panel-sm .panel-footer {
  padding: 6px
}

.panel-default {
  background: #252525;
  border-color: #404040
}

.panel-default>.panel-heading,
.panel-default>.panel-footer {
  background-color: #404040;
  border-color: #404040;
  color: #fff
}

.panel-default>.panel-heading .btn-outline,
.panel-default>.panel-footer .btn-outline {
  border-color: #252525
}

.panel-outline {
  background: 0 0;
  border-color: #404040
}

.panel-outline>.panel-heading,
.panel-outline>.panel-footer {
  background-color: transparent;
  border-color: #404040;
  color: #fff
}

.panel-outline>.panel-heading .btn-outline,
.panel-outline>.panel-footer .btn-outline {
  border-color: #404040
}

#contentRow {
  padding: 24px 0;
  position: relative
}

.block-level {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}

.primary {
  border-top: 4px solid red
}

.secondary {
  border-top: 4px solid #ff0
}

.tertiary {
  border-top: 4px solid green
}

.content-container {
  margin-top: 70px
}

.attribute-1 {
  color: #9cf
}

.attribute-2 {
  color: #ff4040
}

.userribbon {
  margin: -5px 1px 0 0
}

.custom-user-image {
  position: fixed;
  z-index: -1
}

.badge {
  z-index: 2
}

.no-margin {
  margin: 0 !important
}

.no-bottom-margin {
  margin-bottom: 0 !important
}

.no-bottom-margin-srsly {
  margin-bottom: -18px !important
}

.no-top-margin {
  margin-top: 0 !important
}

.top-margin {
  margin-top: 24px !important
}

.bottom-margin {
  margin-bottom: 24px !important
}

.right-margin {
  margin-right: 24px !important
}

.left-margin {
  margin-left: 24px !important
}

.top-small-margin {
  margin-top: 12px !important
}

.bottom-small-margin {
  margin-bottom: 12px !important
}

.right-small-margin {
  margin-right: 12px !important
}

.left-small-margin {
  margin-left: 12px !important
}

.no-padding {
  padding: 0 !important
}

.underline {
  text-decoration: underline
}

.strikethrough {
  text-decoration: line-through
}

.spoiler {
  color: #000;
  background-color: #000
}

.spoiler:hover {
  color: #fff;
  background-color: #000
}

input[type=color] {
  width: 23px;
  height: 26px;
  padding: 1px;
  background-color: #000;
  border: 1px grey
}

.widget-tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100)
}

.widget-tooltip .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.widget-tooltip .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box
}

.popover.bottom {
  background-color: #000;
  font-weight: 400
}

.popover.bottom .arrow {
  margin-top: 0
}

.popover.bottom .arrow:after {
  border-bottom-color: #000
}

.popover.bottom .popover-title {
  background: #000;
  border: 0;
  font-weight: 700;
  text-align: center
}

.popover.bottom .popover-content {
  text-align: center
}

a#crystal-bazaar-banner {
  background: #111 url(/img/crystal/crystal-index-banner.jpg) no-repeat center;
  background-size: cover;
  border-radius: 4px;
  color: #fff;
  display: block;
  margin-bottom: 24px;
  padding: 12px 0 6px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0, 0, 0, .5);
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  transition: all .1s
}

a#crystal-bazaar-banner:hover {
  -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, .2);
  -moz-box-shadow: 0 0 12px rgba(255, 255, 255, .2);
  box-shadow: 0 0 12px rgba(255, 255, 255, .2)
}

a#crystal-bazaar-banner h1 {
  display: inline-block;
  margin: 0;
  line-height: 1;
  position: relative
}

a#crystal-bazaar-banner h1 .fa-stack {
  font-size: 30px
}

a#crystal-bazaar-banner h1 .fa-square-o {
  color: #19b5a5
}

a#crystal-bazaar-banner h1 .stm-crystal {
  margin-top: -2px
}

a#crystal-bazaar-banner h1 small {
  font-size: 12px;
  font-style: italic;
  margin-top: -18px;
  position: absolute;
  right: 0;
  text-transform: none;
  top: 100%
}

@media(max-width:949px) {
  #mainHeader .nav {
    margin: 0 -15px
  }
}

@media(max-width:1024px) {

  .compact-row {
    border-bottom: 0
  }

  .compact-row [class*=col] {
    border-right: 0;
    border-bottom: 1px solid #404040
  }

  .compact-row [class*=col]:last-child {
    border: 0
  }

  .arrow {
    margin-bottom: 26px
  }

  .arrow .icon-circle-arrow-right::before {
    content: "\f0ab"
  }

  #mainFooter p {
    margin-bottom: 12px !important
  }
}

@media(max-width:480px) {
  .nav-tabs {
    border-bottom: 0
  }

  .nav-tabs>li {
    float: none;
    position: relative
  }

  .nav-tabs>li:first-child a {
    border-radius: 4px 4px 0 0
  }

  .nav-tabs>li:last-child a {
    border-radius: 0 0 4px 4px
  }

  .nav-tabs>li:hover {
    z-index: 2
  }

  .nav-tabs>li>a {
    border: 1px solid #404040;
    border-radius: 0
  }

  .nav-tabs>li>a:hover {
    border-color: #525252
  }

  .nav-tabs>li>a span.fa,
  .nav-tabs>li>a span.stm,
  .nav-tabs>li>a i.fa,
  .nav-tabs>li>a i.stm {
    float: right
  }

  .nav-tabs>li ul.dropdown-menu {
    background: 0 0;
    border-radius: 0;
    border-color: #404040;
    border-width: 0 1px;
    float: none;
    position: static;
    width: 100%
  }

  .nav-tabs>li.active {
    z-index: 2
  }

  .nav-tabs>li.active>a {
    border-bottom: 0;
    border-left: 4px solid #19b5a5
  }

  .nav-tabs>li.active>a:hover {
    border-bottom: 0;
    border-left: 4px solid #19b5a5
  }

  #mainFooter p {
    margin-bottom: 12px;
    text-align: center
  }

  #mainFooter #bottom-footer a.btn-scroll {
    font-size: 18px;
    padding: 6px
  }
}

.img-thumbnail {
  background: 0 0;
  border: 1px solid #5a5a5a
}