@font-face {
  font-family: 'Forza-Book';
  src: url('fonts/Forza-Book.eot?') format('eot'), url('fonts/Forza-Book.woff') format('woff'), url('fonts/Forza-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Forza-Medium';
  src: url('fonts/Forza-Medium.eot?') format('eot'), url('fonts/Forza-Medium.woff') format('woff'), url('fonts/Forza-Medium.ttf') format('truetype');
}
.trn-container {
  color: #eeeeee;
  text-transform: uppercase;
}
.trn-container a:hover {
  color: inherit;
}
.trn-container h1 {
  font-size: 32px;
}
.trn-container h2 {
  font-size: 24px;
}
.trn-container h3 {
  font-size: 20px;
}
.trn-container h4 {
  font-size: 16px;
}
.trn-container h5 {
  font-size: 12px;
}
.trn-container h6 {
  font-size: 10px;
}
.trn-container .text-highlight {
  color: #0099d1;
}
.trn-container {
  color: #eeeeee;
  text-transform: uppercase;
  flex-direction: column;
}
.trn-container a:hover {
  color: inherit;
}
.trn-container *[class^="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
.trn-container .row {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 16px;
}
.ribbon-header {
  display: block;
}
.ribbon-header h3 {
  background-color: #eeeeee;
  color: #0f0f0f;
  box-sizing: border-box;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 1em;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 4px;
  position: relative;
  text-transform: uppercase;
}
.ribbon-header h3:after {
  position: absolute;
  float: right;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 5px 0 0;
  border-color: #eeeeee transparent transparent transparent;
  top: 0;
  right: -5px;
}
.ribbon-header.ribbon-header-secondary h3 {
  color: #eeeeee;
  background-color: #555;
}
.ribbon-header.ribbon-header-secondary h3:after {
  border-color: #555 transparent transparent transparent;
}
.ribbon-header.reversed h3:after {
  float: left;
  border-width: 0 5px 20px 0;
  border-color: transparent #eeeeee transparent transparent;
  left: -5px;
  right: auto;
}
.ribbon-header .show-all {
  color: #eeeeee;
  font-size: 12px;
  font-weight: bold;
  margin: auto 4px;
  text-transform: uppercase;
}
.ribbon-header .show-all.show-all-ribbon {
  background-color: #0099d1;
}
.ribbon-header + .ribbon-header h3 {
  margin-top: 0;
}
.trn-container .panel {
  border: none;
  border-radius: 0;
}
.progress.progress-trn {
  background-color: #2a2a2a;
  border-radius: 0;
  box-shadow: none;
}
.progress.progress-trn.progress-lg {
  height: 32px;
}
.progress.progress-trn.progress-lg .progress-bar {
  line-height: 32px;
  overflow: visible;
  white-space: nowrap;
}
.progress.progress-trn.progress-lg .progress-bar strong {
  margin: 0 10px;
}
.progress.progress-trn .progress-bar {
  background-color: #0099d1;
}
.trn-container .btn {
  border-radius: 0;
  color: #0f0f0f;
  font-weight: bold;
  padding: 5px 10px;
}
.trn-container .btn.btn-primary {
  color: #0f0f0f;
}
.trn-container nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /*display: flex;
    flex-direction: row;*/
  flex-wrap: wrap;
}
.trn-container nav.trn-sub-nav {
  background-color: rgba(36, 37, 39, 0.7);
  color: #eeeeee;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.trn-container nav.trn-sub-nav div.active {
  background-color: #0099d1;
}
.trn-container nav.trn-sub-nav div.active a {
  text-decoration: none;
}
.trn-container nav.trn-sub-nav a {
  display: inline-block;
  color: inherit;
  font-weight: inherit;
  padding: 8px;
  text-decoration: none;
}
.trn-container .nav.nav-pills li.active a,
.trn-container .nav.nav-pills li.active a:hover,
.trn-container .nav.nav-pills li.active a:active,
.trn-container .nav.nav-pills li.active a:focus {
  color: #0f0f0f;
}
.trn-container .nav.nav-pills li a {
  border-radius: 0;
}
.trn-container .nav.nav-pills li a:hover,
.trn-container .nav.nav-pills li a:focus {
  color: #0099d1;
}
.trn-container .nav li a {
  font-weight: bold;
  padding: 5px 10px;
}
.trn-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
.trn-container.nav-container {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.trn-container .trn-sub-nav div {
  text-align: center;
}
.trn-container .stats-header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 16px;
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .trn-container .stats-tile-list.medals .stats-tile {
    -webkit-flex: 20%;
    -moz-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
    width: calc(20% - 8px);
    max-width: calc(20% - 8px);
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .trn-container.nav-container {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .trn-container.nav-container #player-nav {
    display: none;
  }
  .trn-container.nav-container .trn-sub-nav div {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .trn-container .stats-header {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .trn-container .stats-tile-list.medals .stats-tile {
    -webkit-flex: 25%;
    -moz-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
    width: calc(25% - 8px);
    max-width: calc(25% - 8px);
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .trn-container .stats-tile-list.medals .stats-tile {
    -webkit-flex: 50%;
    -moz-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    width: calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
.trn-container a:hover {
  color: inherit;
}
.trn-container .nav {
  margin-bottom: 8px;
}
.trn-container .dropdown a {
  width: 100%;
}
.trn-container .characters {
  display: inline-block;
  margin-right: 8px;
}
.trn-container .characters h1,
.trn-container .characters h2 {
  color: #eeeeee;
  text-transform: uppercase;
  margin: 0;
}
.trn-container .characters h1 {
  font-size: 20px;
  font-weight: bold;
  margin: 4px 6px 0 0;
}
.trn-container .characters .character {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-size: cover;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  transition: height ease-in 0.2s;
  text-decoration: none;
}
.trn-container .characters .character:nth-child(1) {
  height: 64px;
}
.trn-container .characters .character:nth-child(n + 2) {
  height: 24px;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
@media only screen and (max-width: 992px) {
  .trn-container .characters .character:nth-child(n + 2) {
    height: 28px;
  }
}
.trn-container .characters .character:nth-child(n + 2):hover {
  height: 28px;
}
.trn-container .characters .character:nth-child(n + 2) h1 {
  display: none;
}
.trn-container .characters .character .emblem {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  height: 64px;
  width: 64px;
}
.trn-container .characters .character .character-info {
  margin: 0 10px;
}
.trn-container .characters .character .character-rank {
  margin: 10px;
  text-align: right;
  margin: 0;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 15px;
}
.trn-container .characters .character .character-rank .light {
  font-size: 16px;
}
.trn-container .characters .character .character-rank .light:before {
  display: inline-block;
  content: '✦';
  font-size: inherit;
  margin-right: 2px;
  line-height: 0;
}
.trn-container .clan-info {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
}
.trn-container .clan-info .clan-name {
  font-weight: bold;
}
.trn-container .clan-info .clan-description {
  color: #999;
}
.trn-container .clan-info .emblem {
  height: 32px;
  width: 32px;
  float: left;
  margin-left: 0;
  margin-right: 8px;
}
.trn-container .clan-info .ribbon-header h3 {
  margin-top: 0;
}
.trn-container .meta-info {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.trn-container .stats-panel {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 16px;
}
.trn-container .stats-list > .row {
  margin: 0;
}
.trn-container .stats-list .stats-list-item {
  margin-bottom: 5px;
  background: #2a2a2a;
  padding: 5px;
}
.trn-container .stats-list .stats-list-item .name {
  color: #0099d1;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.trn-container .stats-list .stats-list-item .value {
  color: #eee;
  font-size: 24px;
}
.trn-container .stats-list .stats-list-item img {
  max-width: 100%;
}
.trn-container .stats-stat-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.trn-container .stats-stat-list .stats-stat {
  margin-right: 16px;
  margin-bottom: 16px;
  -webkit-flex: calc(22% - 8px);
  -moz-flex: calc(22% - 8px);
  -ms-flex: calc(22% - 8px);
  flex: calc(22% - 8px);
  width: calc(22% - 8px);
  max-width: calc(22% - 8px);
}
@media only screen and (max-width: 992px) {
  .trn-container .stats-stat-list .stats-stat {
    -webkit-flex: calc(30% - 8px);
    -moz-flex: calc(30% - 8px);
    -ms-flex: calc(30% - 8px);
    flex: calc(30% - 8px);
    width: calc(30% - 8px);
    max-width: calc(30% - 8px);
  }
}
.trn-container .stats-stat-list .stats-stat .name {
  color: #0099d1;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.trn-container .stats-stat-list .stats-stat .rank {
  color: #999;
  font-size: 10px;
}
.trn-container .stats-stat-list .stats-stat .value {
  color: #eee;
  font-size: 20px;
  line-height: 1em;
  text-transform: uppercase;
}
.trn-container .stats-tile-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.trn-container .stats-tile-list .stats-tile {
  -webkit-flex: calc(20% - 8px);
  -moz-flex: calc(20% - 8px);
  -ms-flex: calc(20% - 8px);
  flex: calc(20% - 8px);
  width: calc(20% - 8px);
  max-width: calc(20% - 8px);
  background-color: #2a2a2a;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px 16px;
  text-align: center;
  min-width: 110px;
}
.trn-container .stats-tile-list .stats-tile a {
  text-decoration: none;
}
.trn-container .stats-tile-list .stats-tile img,
.trn-container .stats-tile-list .stats-tile .image {
  margin: 0 auto;
  height: 74px;
  width: 74px;
  margin: 8px auto;
}
@media only screen and (max-width: 992px) {
  .trn-container .stats-tile-list .stats-tile {
    -webkit-flex: 1 1 98px;
    -moz-flex: 1 1 98px;
    -ms-flex: 1 1 98px;
    flex: 1 1 98px;
    min-width: 98px;
  }
  .trn-container .stats-tile-list .stats-tile img {
    width: 45px;
    height: 45px;
  }
}
.trn-container .stats-tile-list .stats-tile .name {
  color: #eee;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  word-wrap: break-word;
}
.trn-container .stats-tile-list .stats-tile .rank {
  color: #0099d1;
  font-size: 12px;
  margin-top: 2px;
}
.trn-container .stats-tile-list .stats-tile .value {
  color: #999;
  font-size: 12px;
}
.trn-container .stats-tile-list.gear .stats-tile {
  -webkit-flex: 33.333%;
  -moz-flex: 33.333%;
  -ms-flex: 33.333%;
  flex: 33.333%;
  width: calc(33.333% - 8px);
  max-width: calc(33.333% - 8px);
}
.trn-container .stats-gear .stats-tile {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: left;
  padding: 8px;
}
.trn-container .stats-gear .stats-tile img {
  margin: 0;
  height: 64px;
  width: 64px;
}
.trn-container .stats-gear .stats-tile .content {
  padding: 8px;
}
.trn-container .stats-gear .stats-tile .name {
  font-size: 12px;
}
.trn-container .stats-gear .stats-tile .classification {
  color: #999;
  font-size: 10px;
}
.trn-container .stats-gear .stats-tile .abilities img {
  height: 24px;
  width: 24px;
  margin-right: 4px;
}
.trn-container .stats-general {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0;
}
.trn-container .stats-general .stats-stat {
  margin-right: 16px;
  margin-bottom: 16px;
}
.trn-container .stats-match-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.trn-container .stats-match-preview .ribbon-header {
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.trn-container .stats-match-preview .preview {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-size: cover;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
.trn-container .stats-match-preview .preview:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 50%;
}
.trn-container .stats-match-preview .preview > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.trn-container .stats-match-preview .preview .caption {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(55, 55, 55, 0.7);
  color: #eee;
  height: 28px;
  padding: 8px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.trn-container .stats-match-preview .preview .caption .highlight {
  color: #0099d1;
}
.trn-container .stats-match-preview .stats-panel {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #2a2a2a;
  padding: 8px;
  margin-bottom: 2px;
}
.trn-container .stats-match-preview .stats-advanced {
  padding-bottom: 0;
}
.trn-container .stats-match-preview .stats-advanced .stats-stat {
  -webkit-flex: 1 0 25%;
  -moz-flex: 1 0 25%;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
  margin-bottom: 8px;
}
#site-body {
  background-color: transparent !important;
  border: none;
}
#crucible-summary .rank {
  font-size: 12px;
}
.panel-heading {
  display: none;
}
.trn-container .characters {
  margin-bottom: 10px;
}
.trn-container .rank-donut {
  margin: 8px;
}
.trn-container .game-stat-bad {
  color: #cb4d4d;
  border: none;
}
.trn-container .game-stat-good {
  color: #97c63a;
  border: none;
}
.recent-games-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recent-games-list .stats-weekly-item {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.recent-games-list .stats-weekly-item .stats-weekly-item-inner {
  background-color: #2a2a2a;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px;
}
.recent-games-list .stats-weekly-item .icon {
  float: left;
  height: 32px;
  width: 32px;
  margin-right: 8px;
}
.recent-games-list .stats-weekly-item .name {
  display: block;
}
.recent-games-list .stats-weekly-item .stats {
  color: #555;
}
/*# sourceMappingURL=OverviewCompetition.css.map */